aardrian,
@aardrian@toot.cafe avatar

I have been reading through the State of HTML 2023 results site (https://2023.stateofhtml.com/) and I am so disappointed in the overall #accessibility efforts — both in the questions and in the code.

This may become a blog post.

I filed 3 issues today, have filed 15 since late 2022, and only 2 have been addressed:
https://github.com/Devographics/Monorepo/issues/created_by/aardrian

But these surveys keep pushing problematic info in problematic UIs, giving the wrong impression of… everything.

#a11y #HTML

cferdinandi,
@cferdinandi@mastodon.social avatar

@aardrian having seen what I’ve seen from the survey creator’s other surveys and commitment (or lack thereof) to diversity and inclusion, I’m not even remotely surprised.

aardrian,
@aardrian@toot.cafe avatar

@cferdinandi I had been giving the benefit of the doubt, but after a couple years of failure to act and compounding bad patterns with worse patterns and terrible survey assumptions, I am done giving that benefit.

cferdinandi,
@cferdinandi@mastodon.social avatar

@aardrian My understanding was free advice was given multiple times but not acted upon. They also solicited a "web components expert" for help, but for $0 pay.

sachagreif,
@sachagreif@hachyderm.io avatar

@cferdinandi @aardrian thanks for letting everybody know once more that you're on the right side of history on this one, Chris.

Truly, my insufficient commitment to diversity and inclusion is one of the big moral issues of our times.

Now all we need is a snappy slogan for the t-shirts, and we can start organizing the protests.

cferdinandi,
@cferdinandi@mastodon.social avatar

@sachagreif @aardrian making a joke of how “young white guy” your survey audience is really drives home the point, doesn’t it?

christianoliff,
@christianoliff@mastodon.social avatar
cferdinandi,
@cferdinandi@mastodon.social avatar

@christianoliff @sachagreif @aardrian I wouldn’t say I missed it 🙄

aardrian,
@aardrian@toot.cafe avatar

The issues I filed today:

  1. Control to view comments is inaccessible to keyboard #368
    https://github.com/Devographics/Monorepo/issues/368

  2. Tooltip triggers are inaccessible to keyboard users #369
    https://github.com/Devographics/Monorepo/issues/369

  3. Non-ideal ARIA tabs use #370
    https://github.com/Devographics/Monorepo/issues/370

I have learned in the past that I just get pressed into free consulting, debugging, and training. Eg:
https://github.com/Devographics/Monorepo/issues/308 and https://github.com/Devographics/Monorepo/issues/237

No more free consulting for people who fail to test.

#accessibility

aardrian,
@aardrian@toot.cafe avatar

As for the four features, they made some interesting choices.

  1. Landmark elements (which excludes <article>, includes <section>).

  2. tabindex (with a terrible example).

  3. <search> (a landmark element, but not in #1 and of negligible import).

  4. focusgroup (not in the spec, but a nascent Open UI proposal and which no dev should have used, counter to ‘which have you used’ question).

So, 1 is wrong, 1 is mis-represented, 1 is frivolous, and 1 is a dream. Ugh.

#accessibility #a11y

patrick_h_lauke,
@patrick_h_lauke@mastodon.social avatar

@aardrian it's ... a useless bag of shit, in short.

aardrian,
@aardrian@toot.cafe avatar

@patrick_h_lauke That would have been a briefer thread, yes.

aardrian,
@aardrian@toot.cafe avatar

Then we get to “Other Accessibility Techniques” and, instead of maybe leaning on the results of the WebAIM million report (https://webaim.org/projects/million/#wcag), overlaps a few of them while adding some questionable ones.

prefers-contrast? I feel like the authors think that has more value (and support) than forced colors mode.

The not relying on pointer only entry is rich given how I opened this thread.

I am underwhelmed at the options and framing for each.

#accessibility #a11y

aardrian,
@aardrian@toot.cafe avatar

At the screen readers section, things become clearer.

Respondents had a plurality using VoiceOver (though the survey does not distinguish between macOS or iDeviceOS, which have different behaviors). Far different from actual use in the wild.

There is also no discussion of browser pairing, of course, nor any way to filter for browser pairing.

I did not expect Narrator nor Orca, nor do I know if it was asked.

#accessibility #a11y

aardrian,
@aardrian@toot.cafe avatar

The results for #accessibility testing tools were novel. Lighthouse and Axe are both, well, Axe.

Seeing VoiceOver.js alarms me. Not sure if that was an option or a write-in.

But if you are a practitioner, head to “Accessibility Pain Points,” expand the improperly-coded disclosures, and read the options with the comments (unless you’re a keyboard user because fuck you I guess?).

Alarming and enlightening.

Anyway, wow. What a … way to spend Saturday.

#a11y

aardrian,
@aardrian@toot.cafe avatar

I filed my 16th issue, dammit:

Disclosure widget accessibility issues #371
https://github.com/Devographics/Monorepo/issues/371

Disclosure widgets are arguably the easiest pattern to get right.

Unless you don’t read the spec, don’t test with a keyboard, don’t test with a screen reader, don’t use Firefox, or don’t care to steal existing code.

#accessibility #a11y

aardrian,
@aardrian@toot.cafe avatar

To Sacha’s credit, he has been active in the new issues I filed (I left some follow-up notes as well).

And he contacted me without calling me a complete asshole (which is warranted, because I don’t tamp down my anger).

Sacha is not the entire team, though it feels like it. Some of y’all could toss in your feedback or help if you have the energy. I know I am flagging.

The point is, he is trying. It’s not like he is Google, cavalierly making stuff worse for profit.

cferdinandi,
@cferdinandi@mastodon.social avatar

@aardrian I still think it’s wild that they had a well known industry voice driving this project and had this many issues.

Lukew,
@Lukew@toot.wales avatar

@aardrian > prefers-contrast? I feel like the authors think that has more value (and support) than forced colors mode.

Curious what you mean here? This is supported (as in a mechanism to request more contrast) on basically all platforms (except ChromeOS) afaik?

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

@Lukew Devs (I work with) are consistently confused how it differs from light/dark and forced colors. There is also no good guidance on what do, given ‘more contrast’ is hand-wavy at best.

But if you like maintaining yet more color schemes, sure?

I was looking for a post I recall that broke down experience in the wild, but ran out of time owing to cafe trying to shoo me out.

Lukew,
@Lukew@toot.wales avatar

@aardrian Windows conflating contrast with forced colour schemes will always annoy me. Makes it much harder for the average Dev to understand the difference.

aardrian,
@aardrian@toot.cafe avatar

@Lukew What do you mean?

Windows makes no such conflation. The forced-colors feature query is just a standardized version of -ms-high-contrast, which predates prefers-contrast.

Though prefers-contrast allows system colors, something forced-colors does by default, it is not triggered by it.

What am I misunderstanding?

Lukew,
@Lukew@toot.wales avatar

@aardrian There's no contrast setting on Windows independent of the forced colour pallete unlike every other platform (Android is slightly more complicated but closer enough). You can't trigger prefers-contrast: more without forced-colors: active on windows. The contrast value is based on the chosen colour pallete too. If it's low contrast then prefers-contrast: less will be triggered.

aardrian,
@aardrian@toot.cafe avatar

@Lukew It seems to me that was a failing in the spec, then.

If you build a web platform feature but that feature is not in the host OS, then you cannot expect it to work for those users. And if the spec writers are not campaigning to have it added, then, well, they dropped the ball.

Not in a position to test your assertions, mind.

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