Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“aria” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: html, accessibility, standards · Subtopics: live-regions (non-exhaustive) · “aria” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Old Advice: Hiding Content Has No Effect on Accessible Name or Description Calculation (ste)212
accessibility, hiding, html
Accessibility Is the Foundation (jul)211
accessibility
“role=presentation” Is No Alternative for “aria-hidden=true” (mat)210
accessibility, html, attributes, comparisons
Put “aria-hidden=true” on Decorative SVGs (mat)209
svg, images, accessibility, attributes
“aria-haspopup” Might Not Do What You Think It Does (mat)208
html, attributes, navigation, accessibility
Design Systems Can’t Automate Away All of Your Accessibility Considerations (eri/zer)207
design-systems, components, automation, accessibility
Notes on Relying on the ARIA Authoring Practices Guide (ste)206
accessibility, html
Here’s How to Instruct a LLM to Reference the ARIA Authoring Practices Guide (eri)205
how-tos, ai, accessibility
Mastering Dialog Accessibility204
accessibility, modals, html
You Might Not Need “role="presentation"” (stv/pic)203
html, accessibility
Does Your Navigation Need an ARIA Menu? Probably Not (pop)202
accessibility, navigation, keyboard-navigation
Barriers From Links With ARIA (aar)201
accessibility, links, html
I Learned the First Rule of ARIA the Hard Way (css)200
accessibility, semantics, html
Accessibility (bog+/htt)199
web-almanac, studies, research, metrics, accessibility, colors, contrast, zooming, scaling, internationalization, keyboard-navigation, skip-links, forms, labels, placeholders, multimedia, images, overlays, ai
ARIA Roles Can Remove Their Children’s Semantics (ste)198
html, semantics, accessibility
Testing Methods: Name, Role, Value (dec)197
accessibility, testing, wcag, link-lists
Eight Quick Things to Remember When Using “aria-owns”196
accessibility, dom, assistive-tech
Did You Know Some ARIA Roles Remove Child Semantics?195
html, semantics, accessibility
Semantics Beyond the Tag Name (kno/mat)194
html, attributes, semantics, accessibility
How “aria-labelledby” Really Works193
accessibility, attributes, html
Does Chrome Get the “<header>” Element Wrong?192
html, chrome, google, browsers
A11y Freedom Beaver (ste/mat)191
accessibility, html
“aria-busy” Is Not Your Friend (ger)190
accessibility, nvda, jaws, voiceover, screen-readers
IDREFs: What They Are and How to Use Them (kil/mat)189
html, forms, accessibility
Testing Methods: Label in Name (dec)188
accessibility, testing, wcag, labels
Understanding “aria-live” Timing: A Two-Layer Model187
accessibility, live-regions, notifications
“aria-labels” and Privacy: A Word of Caution (hom)186
accessibility, privacy
OpenAI, ARIA, and SEO: Making the Web Worse (aar)185
chatgpt-atlas, openai, browsers, accessibility, seo
What State ARIA In? (tpg)184
html, accessibility
When to Use Modal vs. Dialog Components (a11)183
modals, html, accessibility
Make Navigation Accessible With “aria-current” (a11)182
accessibility, navigation, attributes
ARIA and Real World Dangers (dec)181
accessibility
How to Test the New ARIA Notify API With Cypress (mar)180
how-tos, testing, notifications, apis, cypress
Navigating the World of Web Accessibility With Sara Soueidan (sar+)179
videos, interviews, accessibility, wcag, html, css
The First Rule of ARIA (nat)178
accessibility, principles, html
How Semantics and ARIA Attributes Support Accessible Design (tpg)177
accessibility, semantics, html, attributes
Please, Can We Have ARIA Notify (nic)176
accessibility, live-regions, apis
Short Note: WCAG/ARIA—State of Confusion (ste)175
accessibility, wcag
What I Wish Someone Told Me When I Was Getting Into ARIA (eri/sma)174
accessibility, html, assistive-tech, support
ARIA/HTML Relationship Severance (ste)173
accessibility, html
“aria-selected”: Practical Examples and Use Cases (flo/a11)172
accessibility, html, examples
How to Use ARIA Roles and Properties Effectively171
how-tos, html, accessibility
Inclusive Development Practices in Next.js Projects (web/deq)170
accessibility, nextjs, semantics, keyboard-navigation, alt-text, localization, performance, axe
Up and Coming ARIA (web)169
accessibility, html
Make Screen Readers Talk With the ARIA Notify API (ale)168
accessibility, screen-readers, apis, javascript
The Hidden Gold of Web Accessibility: Everything About ARIA Labels (flo/a11)167
accessibility, html, best-practices
K.I.S.S. ARIA (nat)166
html, accessibility
Creating a More Accessible Web With ARIA Notify (pat)165
accessibility, notifications, apis
Menu and Navigation: The Difference (stv)164
navigation, pagination, html, accessibility
ARIA in HTML (sco+/w3c)163
standards, accessibility, html
Using ARIA Landmarks for Better Navigation162
navigation, keyboard-navigation, accessibility
“aria-label” Is a Letdown (thi/wag)161
accessibility, labels, html
Polite Is Often Better Than Being Alerted (oze)160
accessibility, screen-readers
“aria-label” Requires a Valid Role (cfe)159
accessibility
Implementing “aria-describedby” for Web Accessibility (flo/a11)158
accessibility, forms, labels, html
10 Digital Accessibility Mistakes to Avoid157
accessibility, mistakes, alt-text, images, contrast, colors, keyboard-navigation, semantics, headings, labels, forms, pop-ups, testing
Foundations: Grouping Forms With “<fieldset>” and “<legend>” (tet)156
fundamentals, forms, html
Considerations for Making a Tree View Component Accessible (eri)155
components, accessibility, keyboard-navigation, case-studies
How to Use ARIA Alert Effectively (flo/a11)154
how-tos, accessibility, best-practices, examples
HTML Developers: Please Consider—in the Year of 2025 (ste)153
html, accessibility
“aria-description” Does Not Translate (aar)152
accessibility, browsers, localization
Accessibility Essentials Every Front-End Developer Should Know (mar)151
accessibility, fundamentals, html, semantics, forms, keyboard-navigation, modals, alt-text, focus, responsive-design, reduced-motion
Accessibility First: How to Design Inclusive Frontend Experiences150
how-tos, design, accessibility, html, semantics, alt-text, keyboard-navigation, contrast, forms, focus
No ARIA Is Better Than Bad ARIA (kar)149
videos, accessibility, html
How I Gained a New Perspective on ARIA (mei/mat)148
accessibility
You Don’t Need the “isOpen” Class (mau/mat)147
html, accessibility
ARIA in HTML (sco+/w3c)146
standards, accessibility, html
“aria-labelledby = self” (wes/mat)145
accessibility
The Complete Guide to ARIA Live Regions for Developers (flo/a11)144
guides, accessibility, live-regions
Mastering Accessible Modals With ARIA and Keyboard Navigation (a11)143
accessibility, keyboard-navigation, modals, javascript
How to Identify Decorative Images and Boost Accessibility (a11)142
how-tos, images, decoration, accessibility, html
25 Accessibility Tips to Celebrate 25 Years (jar/web)141
accessibility, tips-and-tricks, html
What’s New in WAI–ARIA 1.3140
videos, accessibility
“aria-activedescendant” Is Not Focus (cod)139
accessibility, focus
No Industry for Old Men (ste/web)138
videos, retrospectives, html, browsers, screen-readers, accessibility, w3c
What the Heck Is ARIA? A Beginner’s Guide to ARIA for Accessibility (a11)137
videos, guides, html, accessibility
Is Using “aria-label” to Add Alternative Text but No “alt” Attribute Still a WCAG Fail?136
discussions, accessibility, html, attributes, forms, labels, alt-text, images
Spoiler Alert: It Needs to Be Accessible (sco)135
accessibility, html, web-components
Expert Guide: Writing HTML for Screen Reader Users (flo/a11)134
guides, accessibility, html, alt-text, writing, screen-readers
Context Is King: Long Live the King! (llo/tpg)133
accessibility, usability, techniques
What ARIA Still Does Not Do (ste)132
html, accessibility, standards
What Does “aria-hidden=true” Actually Do to Interactive Elements? (cer)131
accessibility, screen-readers, hiding
Support for “aria-errormessage” Is Getting Better, but Still Not There Yet (cer)130
accessibility, errors, support, browsers, assistive-tech
Not So Short Note on “aria-label” Usage—Big Table Edition (ste)129
accessibility, labels, html
WAI–ARIA: “role=deletion”128
accessibility
WAI–ARIA: “role=strong”127
accessibility
Accessible SVG Forms126
accessibility, forms, svg
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues125
accessibility, best-practices
Best Intention Barriers (ARIA Edition) (mar)124
accessibility, auditing
Level-Setting Heading Levels (aar)123
headings, semantics, conformance, accessibility
Why Are My Live Regions Not Working? (pat/tet)122
accessibility, live-regions
Making Disabled Buttons More Accessible121
accessibility, buttons, html
ARIA in HTML (sco+/w3c)120
standards, accessibility, html
Accessible Interactions in JavaScript Apps (san)119
videos, accessibility, javascript
On “disabled” and “aria-disabled” Attributes (kit)118
accessibility, html, attributes
Exploring the Power of ARIA Live Attribute in Web Accessibility117
accessibility, attributes
ARIA “role=application” and Mobile Screen Readers (cer)116
accessibility, screen-readers, mobile
Distinguishing Between ARIA and Native HTML Attributes (deq)115
html, attributes, accessibility, comparisons
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)114
videos, accessibility, html, user-experience
ARIA “note” (aar)113
accessibility, browsers, screen-readers, support
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)112
accessibility, naming
“X” Marks the Spot: Landmark Elements (stv)111
html, semantics, accessibility, assistive-tech
A Look at the New WAI–ARIA 1.3 Draft (cra)110
accessibility, standards
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)109
bookmarklets, accessibility, html, keyboard-shortcuts
Repetition Avoidance (ste)108
code-pens, accessibility, user-experience
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)107
accessibility, design, html
Accessible Notifications With ARIA Live Regions II (sar)106
accessibility, notifications, live-regions
Accessible Notifications With ARIA Live Regions (sar)105
accessibility, notifications, live-regions
ARIA Live Regions (mat)104
live-regions, accessibility
ARIA, the Good Parts (hdv/par)103
videos, accessibility
Web Chat Accessibility Considerations (cra)102
accessibility, functionality, wcag
Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA101
videos, browsers, google, chrome, dev-tools, accessibility, testing, html
Understanding HTML Landmarks and How to Apply Them (its/log)100
html, semantics, accessibility
The Anatomy of an Accessible Button99
buttons, accessibility, html
Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (aar)98
html, tables, grids, accessibility
Designing for All: The Basic Principles of Web Accessibility97
accessibility, fundamentals, principles, tooling
Top 5 ARIA Implementation Errors96
accessibility, errors
State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (tin+/fwo)95
podcasts, accessibility, html
“aria-haspopup” and Screen Readers (mat)94
support, screen-readers
Contextual Form Errors and ARIA (mar)93
accessibility, forms, html
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)92
how-tos, accessibility, auditing
Form and Search Landmarks (mat)91
html, forms, browsers, assistive-tech, support
Live Regions in React90
react, live-regions, accessibility
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)89
standards, accessibility, rich-internet-apps
Be Careful Using “Menu” (aar)88
html, design, terminology
Respect Your Children (ste/tpg)87
accessibility, html
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)86
accessibility, focus, html
Answering “What ARIA Can I Use?” (w3c)85
accessibility, browsers, screen-readers, assistive-tech, support
Foundations: Accessible Names and Descriptions (ihe/tet)84
accessibility, fundamentals, naming, writing
Exposing Field Errors (aar)83
accessibility, forms, assistive-tech, support
ARIA Live Regions for JavaScript Frameworks (its/log)82
accessibility, live-regions, javascript, frameworks
How Shadow DOM and Accessibility Are in Conflict (sun/iga)81
accessibility, shadow-dom
ARIA vs. HTML (aar)80
accessibility, html, semantics, comparisons
Foundations: Introduction to WAI–ARIA (ihe/tet)79
accessibility, fundamentals, introductions
The Main Areas of WAI–ARIA78
accessibility
React JS Best Practices From the New Docs77
react, best-practices, javascript, jsx
Meaningful Labels Using ARIA—or Not (mat)76
accessibility, html, forms, labels
Landmarks and Where to Put Them (kil/mat)75
html, semantics, accessibility
You Don’t Need ARIA for That (den/mat)74
html, accessibility
Shadow DOM and Accessibility: The Trouble With ARIA (nol)73
dom, shadow-dom, accessibility, html
Brief Note on “aria-readonly” Support (aar)72
accessibility, html, assistive-tech, support
“aria-label” Is a Code Smell (eri)71
accessibility, labels, quality, technical-debt
Web Accessibility: ARIA 101 (thi)70
videos, accessibility
Common ARIA Mistakes and How to Avoid Them (ale)69
accessibility, html, mistakes
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)68
guides, accessibility, html
HTML Markup Tips for Developing Accessible Websites (low/the)67
html, accessibility
Don’t Overwrite Visual Labels With “aria-label” (ash)66
accessibility, html, labels
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)65
html, semantics, accessibility
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)64
accessibility, html, mistakes
Style With Stateful, Semantic Selectors (ben)63
css
Making Disabled Buttons More Inclusive (san/css)62
forms, buttons, focus, html, attributes, accessibility
Patterns (w3c)61
design-patterns, best-practices
Under-Engineered Multi-Selects (aar)60
accessibility, html
Open Accessibility Standards59
accessibility, wcag
Accessible Description Exposure (aar)58
accessibility
“aria-labelledby” Usage Notes (ste)57
accessibility, labels, html
Dynamically Generated Content and Accessibility: 3 Quick Tips56
generated-content, accessibility
It Needs to Map Back to a Role (eri)55
accessibility, html, semantics
(Not So) Short Note on Being Owned (ste)54
html, accessibility
Are We Live? (sco)53
accessibility
4 Questions to Ask Before Using ARIA52
accessibility, semantics, testing
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)51
html, attributes
Alt Tag Emptiness (ste)50
accessibility, html, images, alt-text
HTML Is General, ARIA Is Specific (dav)49
html
5 Common Misconceptions About WAI–ARIA and Accessibility48
accessibility, html
“aria-label” Is Not Always the Answer (eev)47
html, accessibility
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)46
html, accessibility
Landmarks (mat/mat)45
html, accessibility
A Tangled Web of ARIA44
accessibility, html
ARIA Spec for the Uninitiated (deq)43
html, accessibility
An Unreasonably Long Introduction to ARIA (With Example Implementation)42
introductions, accessibility, live-regions, examples
ARIA in HTML (sco)41
accessibility, html
The Hidden World of “aria-hidden” (ste)40
accessibility, html, hiding
Introduction to ARIA Live Regions39
introductions, accessibility, live-regions
What’s New in WCAG 2.1: Label in Name (css)38
accessibility, wcag
Know Your Standards (ste)37
accessibility, standards, wcag, html, link-lists
ARIA in CSS (chr/css)36
css
Micro-Note on “aria-roledescription” (ste)35
accessibility
WAI–ARIA Usage (tpg)34
bookmarklets, accessibility, compliance
POURing ARIA Into the HTML Element Specs (24a)33
accessibility, html
“<select>” Your Poison (cod/24a)32
accessibility, forms, keyboard-navigation
Why, How, and When to Use Semantic HTML and ARIA (ada/css)31
html, semantics, accessibility
ARIA 1.1—What’s New? (24a)30
accessibility, standards
ARIA Serious? (yat/btc)29
videos, accessibility
Accessibility: Review of 2017 and Outlook for 2018 (w3c)28
accessibility, retrospectives, outlooks, wcag, testing, link-lists
WAI–ARIA Authoring Practices 1.1 Note Helps Authors Make Content Accessible (w3c)27
accessibility
Building Accessible Menu Systems (hey/sma)26
accessibility, navigation, html
Using ARIA (ste/w3c)25
guides, html, accessibility
Accessible Breadcrumb Navigation Pattern (sco)24
accessibility, navigation, breadcrumbs
Writing JavaScript With Accessibility in Mind (mat)23
javascript, accessibility, focus, buttons, semantics
Building a Fully-Accessible Help Tooltip (sar)22
accessibility, tooltips, html
Using the “aria-current” Attribute (tin)21
html, attributes, accessibility
Improve Your Website’s Accessibility With WAI–ARIA (lou)20
accessibility, html, optimization
The ARIA Roles Model19
html, attributes, accessibility
“It’s Alive!”: Apps That Feed Back Accessibly (hey/sma)18
accessibility, live-regions, html, web-apps
10 Typical HTML Interview Exercises17
html, interviewing, conformance, semantics
An Introduction to WAI–ARIA16
introductions, accessibility, examples
The WAI Forward (hey/sma)15
accessibility, html, w3c
Using ARIA in HTML (ste/htm)14
html, accessibility
WAI–ARIA Expands Web Accessibility (w3c)13
accessibility, html, standards
5 HTML5 and ARIA Design Patterns (tin+)12
html, design-patterns, navigation
Using WAI–ARIA in HTML (ste/w3c)11
guides, html, accessibility
WAI–ARIA Gets Ready for a Starring Role in HTML5 (wir)10
html, accessibility
ARIA and Progressive Enhancement (ali)9
accessibility, progressive-enhancement
The Accessibility of WAI–ARIA (ali)8
accessibility, wcag, browsers, screen-readers, assistive-tech
Who’s Using ARIA? (sib)7
accessibility
Accessibility and Native Drag and Drop (rem/htm)6
accessibility, drag-and-drop, keyboard-navigation
IE8: The Bad (Update) (ann)5
browsers, microsoft, internet-explorer, javascript, html
Getting Started With ARIA (tka)4
introductions, html, accessibility
Accessible Web 2.0 Applications With WAI–ARIA (kli/ali)3
accessibility, web-apps, web-2.0, html, xhtml
W3C Announces Roadmap2
w3c, standards, accessibility
W3C Announces Roadmap for Accessible Rich Internet Applications (WAI–ARIA) (w3c)1
accessibility, rich-internet-apps, standards