SaraSoueidan,
@SaraSoueidan@front-end.social avatar

Best intention barriers (ARIA edition)

🔗 https://marcus.io/blog/best-intention-barriers-aria


"Instead of not being aware about the problematic approach the developer chose, they try to improve accessibility but – unbeknownst to them - create new barriers in the first place doing it." @marcus

marcus,
@marcus@mastodon.social avatar

@SaraSoueidan 🙏 Thanks for sharing (also on X, as I just saw)!

siblingpastry,
@siblingpastry@mastodon.world avatar

@marcus I wonder about the statement “But what ARIA properties do not do is implement anything” since it isn’t exactly true, but maybe it would just cloud the article’s intent to describe that in more detail? @SaraSoueidan

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@siblingpastry @marcus I think it's meant to say that ARIA attributes don't add interactive behavior. 🤔

marcus,
@marcus@mastodon.social avatar

@SaraSoueidan @siblingpastry Yes, will edit and clarify

marcus,
@marcus@mastodon.social avatar

@SaraSoueidan @siblingpastry Changed it to " But what ARIA properties do not do is implement key event handlers or other functionality of this kind. Most of the time, it only announces an element as something,…"

siblingpastry,
@siblingpastry@mastodon.world avatar

@marcus @SaraSoueidan That works 👍 You've inspired me to write and expand on this tangent, something like "ARIA doesn't do anything ... except when it does".

marcus,
@marcus@mastodon.social avatar

@siblingpastry Yay! Looking forward to reading it!

patrick_h_lauke,
@patrick_h_lauke@mastodon.social avatar

@siblingpastry @marcus @SaraSoueidan keep meaning to write up how roles determine which keystrokes are passed to the JS in windows SRs ... don't go beating me to the punch :p

siblingpastry,
@siblingpastry@mastodon.world avatar

@patrick_h_lauke @marcus @SaraSoueidan I wasn't planning to go into that much detail, more just general notes on the fact that ARIA sometimes does shit and that's why you always have to test for real.

But what are your plans? I'm happy to wait for you, then I can just link to you for details :-)

patrick_h_lauke,
@patrick_h_lauke@mastodon.social avatar

@siblingpastry @marcus @SaraSoueidan thinking a basic "why are my custom key events not working with screen readers (on windows)?" look at windows SRs and how they consume (or just filter) keystrokes before they even reach the page, and how the appropriate role (or, as nuclear option, role=application) can usually solve this. similar to my recent aria-live exploration, with tests and results if needed

siblingpastry,
@siblingpastry@mastodon.world avatar

@patrick_h_lauke

Okay we won't conflict, I'm gonna be much more high level. I'll let you know when I'm about to publish and we can compare cross-references as applicable.

@marcus @SaraSoueidan

aardrian,
@aardrian@toot.cafe avatar

@siblingpastry @patrick_h_lauke
/me quietly deletes stub draft from 2018.

@marcus @SaraSoueidan

siblingpastry, (edited )
@siblingpastry@mastodon.world avatar

@SaraSoueidan @marcus That's my point though -- in some cases, they do. Like mode-switching triggered by role=application, which affects what keyboard events are reported, not to mention VoiceOver's nonsense with role=listbox -- https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-2/#:~:text=MacOS/VoiceOver%20(used%20with%20Safari)%20implements%20an%20auto%2Dselection%20and%20navigation%20model%20for%20listboxes (masto previews remove the link info, look in the section "Selection vs navigation")

SaraSoueidan,
@SaraSoueidan@front-end.social avatar

@siblingpastry @marcus Good to know! We need to be more specific now that an exception is there 🤦‍♀️

siblingpastry,
@siblingpastry@mastodon.world avatar

@SaraSoueidan @marcus You know how they say about JS that "everything is an object -- except when it isn't" ... it's kinda like that :-)

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