Found 24 bookmarks
Newest
What I Wish Someone Told Me When I Was Getting Into ARIA
What I Wish Someone Told Me When I Was Getting Into ARIA
@eric@social.ericwbailey.website writes something @yatil@yatil.social shares it. That’s the rule.
There are no console errors for malformed ARIA. There’s also no alert dialog, beeping sound, or flashing light for your operating system, browser, or assistive technology. This fact is yet another reason why it is so important to test with actual assistive technology.
Browsers should really do this!
·smashingmagazine.com·
What I Wish Someone Told Me When I Was Getting Into ARIA
ARIA/HTML relationship Severance
ARIA/HTML relationship Severance
By @SteveFaulkner@mastodon.social
What I found back then was that aria relationship attributes didn’t work when an element being referenced was outside the shadow DOM and the element referencing it was inside the shadow DOM, ditto for the opposite. It was same story for native HTML relationships as well. Fast forward to 11 years later, as in now! 2025, and the situation remains the same.
You could use standard HTML controls without all that stinking DOM darkness and encapsulation fandango fucking up your relationships. Defy the JavaScript industrial complex by any means necessary If this is not an option, then there are some ways you can work around these issues in some cases. A relatively simple example is provided:
·html5accessibility.com·
ARIA/HTML relationship Severance
Tooltips are presentational - TPGi
Tooltips are presentational - TPGi
By @siblingpastry@mastodon.world.
The ARIA tooltip role is functionally useless and semantically meaningless. The only legitimate use-case for tooltips is to show information that’s already accessibly defined. So tooltips only benefit sighted users, and are therefore presentational.
·tpgi.com·
Tooltips are presentational - TPGi
Don’t Use aria-label on Static Text Elements
Don’t Use aria-label on Static Text Elements
This is why it is essential to check for correctimplementations according to the spec first and then verify using assistive technologies. If you follow the spec, you do not run into these cases where assistive technologies try to repair broken code to ensure access.
·benmyers.dev·
Don’t Use aria-label on Static Text Elements
3D Model Accessibility
3D Model Accessibility
Warning: The following recommendations have not been subjected to usability testing by people with disabilities. All recommendations in this post are purely speculative using my best judgement and should be considered a work-in-progress. Note: Testing was originally conducted on <model-viewer> version 0.1.1 in ea
·scottvinkle.me·
3D Model Accessibility
Accessible Description Exposure
Accessible Description Exposure
If you have little experience with ARIA, screen readers, or testing in general, understanding accessible descriptions can be trickier than understanding accessible names (already confusing for many). I have written explanations so many times for clients and in fora that I opted to put this together so I maybe never…
·adrianroselli.com·
Accessible Description Exposure
Background: An in-depth guide to ARIA roles - The A11Y Project
Background: An in-depth guide to ARIA roles - The A11Y Project
ARIA roles are one half of the predefined categories of attributes used to describe elements that may not exist natively in browsers or may not be understood by screen readers and other assistive technologies.
·a11yproject.com·
Background: An in-depth guide to ARIA roles - The A11Y Project
Respect your children - TPGi
Respect your children - TPGi
A subset of ARIA roles are defined as having presentational children. These are mostly a subset of widget roles Presentational Children The DOM descendants are presentational. User agents SHOULD NOT expose descendants of this element through the...
·tpgi.com·
Respect your children - TPGi