Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

“aria” News Archive

Definition, related topics, tag feed

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

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