"Home pages with ARIA present averaged 68.6% more detected errors than those without ARIA" webaim.org/projects/million/#a… #webdev #aria #ariaSerious #a11y
Search
Items tagged with: ARIA
The aria-modal attribute is just terrific. Now we need TalkBack and Narrator to support it.
The spec: w3.org/TR/wai-aria-1.1/#aria-m…
Support: a11ysupport.io/tech/aria/aria-…
#aria #webdev #modals #dialogs
Accessible Rich Internet Applications (WAI-ARIA) 1.1
Accessibility of web content requires semantic information about widgets, structures, and behaviors, in order to allow assistive technologies to convey appropriate information to persons with disabilities.www.w3.org
Related, my HTMHell article "You Don't Need ARIA For That" htmhell.dev/adventcalendar/202… #aria #webdev #a11y #html
You Don't Need ARIA For That - HTMHell
A collection of bad practices in HTML, copied from real websites.You Don't Need ARIA For That - HTMHell
Common ARIA mistakes and how to avoid them oidaisdes.org/common-aria-mist… #aria #webdev #a11y
Common ARIA mistakes and how to avoid them
ARIA roles and attributes can make your website more accessible, if you know what you're doing.www.oidaisdes.org
CSS-only Widgets Are Inaccessible adrianroselli.com/2023/03/css-… by @aardrian #webdev #css #a11y #aria
CSS-only Widgets Are Inaccessible
Usually. I originally titled this InacCSS-onlyible. I even made this typographically, er, distinct image. Then I realized it was silly and will instead use the neologism in a talk so I can hear the groans IRL.Adrian Roselli
Using CSS to Enforce Accessibility adrianroselli.com/2021/06/usin… by @aardrian #css #aria #a11y #webdev
Using CSS to Enforce Accessibility
The CSS3 logo as a head atop a torso with its arms folded across its chest. I am a big proponent of the First Rule of ARIA (don’t use ARIA). But ARIA brings a lot to the table that HTML does not, such as complex widgets and state information that…Adrian Roselli
Common ARIA mistakes and how to avoid them
oidaisdes.org/common-aria-mist…
#aria #webdev #a11y
oidaisdes.org/common-aria-mist…
#aria #webdev #a11y
Common ARIA mistakes and how to avoid them
ARIA roles and attributes can make your website more accessible, if you know what you're doing.www.oidaisdes.org
Meaningful labels using ARIA – or not — 🔥 HTMHell Advent 2022 Day 7 htmhell.dev/adventcalendar/202… #aria #webdev #a11y
Meaningful labels using ARIA – or not. - HTMHell
A collection of bad practices in HTML, copied from real websites.Meaningful labels using ARIA – or not. - HTMHell
You Don't Need ARIA For That: htmhell.dev/adventcalendar/202… 🔥 HTMHell Advent 2022 Day 2 #html #webdev #a11y #aria
You Don't Need ARIA For That - HTMHell
A collection of bad practices in HTML, copied from real websites.You Don't Need ARIA For That - HTMHell
So I recommended this resource again on the complexity of custom selects, etc. "<select> your poison" by Sarah Higley. Includes CodePen examples. sarahmhigley.com/writing/selec… #a11y #webdev #aria
your poison | Sarah Higley
The omnibus guide to understanding and making select components and comboboxesSarah Higley
"Change the name, but not the state, of play/pause buttons. Use state for all other toggle buttons."
sarahmhigley.com/writing/playi…
#webdev #aria #a11y #buttons
sarahmhigley.com/writing/playi…
#webdev #aria #a11y #buttons
🤔 Wondering what #ARIA attributes can be used on #HTML elements?
Wonder no more:
ARIA in HTML
w3.org/TR/html-aria/
#webdevelopment #accessibility #W3C
Wonder no more:
ARIA in HTML
w3.org/TR/html-aria/
#webdevelopment #accessibility #W3C
ARIA in HTML
This specification defines the authoring rules (author conformance requirements) for the use of Accessible Rich Internet Applications (WAI-ARIA) 1.2 and Digital Publishing WAI-ARIA Module 1.0 attributes on [HTML] elements.www.w3.org
Fact: I never implemented role='application' in my entire career as a front-end web development. Related: a11yproject.com/posts/how-to-u… #a11y #aria #webdev
How-to: Use role='application' - The A11Y Project
Never use role='application' on a widely containing element body if your page consists mostly of traditional page elements.www.a11yproject.com
Surprised to learn that support for the ARIA log role is reportedly pretty good. Anyone have direct experience with that?
a11ysupport.io/tech/aria/log_r… #aria #a11y
a11ysupport.io/tech/aria/log_r… #aria #a11y
"aria-label is a code smell" — great article detailing issues with using aria-label ericwbailey.website/published/… by @ericwbailey #aria #webdev #a11y #htmlFirst
aria-label is a code smell
If it is important enough to need words, it is important enough to use text content.…Eric Bailey
To ARIA! The Cause of, and Solution to, All Our Accessibility Problems
webaim.org/blog/aria-cause-sol… #a11y #aria
webaim.org/blog/aria-cause-sol… #a11y #aria