Replies

This profile is from a federated server and may be incomplete. Browse more on the original instance.

goulet, to webdev
@goulet@techhub.social avatar

Should I use ::after pseudo-element to add a sort order indicator?

It feels like it's not very accessible because the semantic HTML content doesn't actual contain the sort indicator... but the way I'm conditionally adding it is by reading the aria-sort attribute so maybe that's the accessible part of things and the ::after content doesn't need to be SR-friendly 🤷

<th aria-sort="ascending">  
 <button>Name</button>  
</th>

<style>  
 th[aria-sort="ascending"] > button::after {  
 content: '▼';  
 }  
</style>  

aardrian,
@aardrian@toot.cafe avatar

@goulet Do you know that character announces?

I have suggestions:
https://adrianroselli.com/2021/04/sortable-table-columns.html

aardrian,
@aardrian@toot.cafe avatar

@goulet Also, my question was not meant to be a trick question. If you don’t know, NVDA / Firefox announces it as “filled down pointing triangle”, which is really verbose.

aardrian,
@aardrian@toot.cafe avatar
aardrian,
@aardrian@toot.cafe avatar

@Lukew
No, you don’t want it announced.

But adding that hides the entire glyph in some cases.

And the glyph is too verbose to use as-is.

So the aria-sort is for SR users, but the glyph makes a worse experience for them on top of that.

I have a pattern here: https://adrianroselli.com/2021/04/sortable-table-columns.html

@goulet

aardrian,
@aardrian@toot.cafe avatar

@Lukew
Did you read my post?

My short answer is probably not, no.

@goulet

aardrian, to accessibility
@aardrian@toot.cafe avatar

Chrome / TalkBack bug I first reported in 2020, and which was fixed for a time (?) appears to be back. Looking for confirmation before I file yet another one.

A named region with a tabindex does not expose its contents. Chrome / TalkBack only announces its accName and role.

I think I have an ugly workaround (“Shawarma” heading).

Test case:
https://codepen.io/aardrian/pen/ExzyadL

Similar to issue I filed earlier this month, which I limited to APG tab panels.

aardrian,
@aardrian@toot.cafe avatar

@mayank Thanks. Does the “Shawarma” example work well enough?

aardrian,
@aardrian@toot.cafe avatar

@mayank Agreed. Not at all ideal.

Thanks!

aardrian,
@aardrian@toot.cafe avatar

@pkra Yeah, also not a daily SR user. But the confirmation helps. Thanks!

aardrian,
@aardrian@toot.cafe avatar

Got enough confirmation. Filed a Chromium bug:

Named regions with tabindex hide content from TalkBack
https://issues.chromium.org/issues/342172183

Thanks all!

sbourne, to random
@sbourne@mastodon.social avatar

I hope you all appreciate how much restraint I have shown in sharing pictures from our Scotland-London-Norfolk trip. I've taken over 2000…so far… 😬

aardrian,
@aardrian@toot.cafe avatar

@sbourne I sensed it.

aardrian, (edited ) to accessibility
@aardrian@toot.cafe avatar

I got name-checked in Jessica Weber’s 2024 Legal Update! It was for ’s SLAPP suit.

Got to lunch very late because people wanted to ask me questions, but not in front of the AudioEye executive who was in the room.

https://knowbility.org/programs/accessu-2024/the-2024-accessu-legal-update

aardrian,
@aardrian@toot.cafe avatar

@jyarbrough The AudioEye executive? As far as I understand, he did not attend Thursday. So perhaps some other fake-AI shill.

aardrian, to OpenAI
@aardrian@toot.cafe avatar
aardrian,
@aardrian@toot.cafe avatar

@starbreaker That and different last names. So yeah.

aardrian,
@aardrian@toot.cafe avatar

That was just in the last week.

Related:

• “AI isn’t useless. But is it worth it?”
https://www.citationneeded.news/ai-isnt-useless/

• “MDN’s AI Help and lucid lies”
https://seirdy.one/posts/2024/04/04/mdn-ai-help-and-lucid-lies/

Only because I have had those tabs open a month and keep going back to them.

aardrian,
@aardrian@toot.cafe avatar

@starbreaker If they had the same last name (and different first names) then one could have paid for the other to essentially not do time.

But now I am just being cynical.

aardrian,
@aardrian@toot.cafe avatar

@patrick_h_lauke
This is how rumors start, Pat.

@starbreaker

  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • kavyap
  • DreamBathrooms
  • thenastyranch
  • magazineikmin
  • InstantRegret
  • GTA5RPClips
  • Youngstown
  • everett
  • slotface
  • rosin
  • osvaldo12
  • mdbf
  • ngwrru68w68
  • JUstTest
  • cubers
  • modclub
  • normalnudes
  • tester
  • khanakhh
  • Durango
  • ethstaker
  • tacticalgear
  • Leos
  • provamag3
  • anitta
  • cisconetworking
  • lostlight
  • All magazines