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, accountability, and support. Hide

dxsrc

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