Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 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#
Barriers From Links With ARIA (aar)198
accessibility, links, html
I Learned the First Rule of ARIA the Hard Way (css)197
accessibility, semantics, html
Accessibility (bog+/htt)196
web-almanac, studies, research, metrics, accessibility, colors, contrast, zooming, scaling, internationalization, keyboard-navigation, skip-links, forms, labels, placeholders, multimedia, images, overlays, ai
Testing Methods: Name, Role, Value (dec)195
accessibility, testing, wcag, link-lists
Did You Know Some ARIA Roles Remove Child Semantics?194
html, semantics, accessibility
Semantics Beyond the Tag Name (kno/mat)193
html, attributes, semantics, accessibility
How “aria-labelledby” Really Works192
accessibility, attributes, html
Does Chrome Get the “<header>” Element Wrong?191
html, chrome, google, browsers
A11y Freedom Beaver (ste/mat)190
accessibility, html
“aria-busy” Is Not Your Friend (ger)189
accessibility, nvda, jaws, voiceover, screen-readers
IDREFs: What They Are and How to Use Them (kil/mat)188
html, forms, accessibility
Testing Methods: Label in Name (dec)187
accessibility, testing, wcag, labels
Understanding “aria-live” Timing: A Two-Layer Model186
accessibility, live-regions, notifications
“aria-labels” and Privacy: A Word of Caution (hom)185
accessibility, privacy
OpenAI, ARIA, and SEO: Making the Web Worse (aar)184
chatgpt-atlas, openai, browsers, accessibility, seo
What State ARIA In? (tpg)183
html, accessibility
When to Use Modal vs. Dialog Components (a11)182
modals, html, accessibility
Make Navigation Accessible With “aria-current” (a11)181
accessibility, navigation, attributes
ARIA and Real World Dangers (dec)180
accessibility
How to Test the New ARIA Notify API With Cypress (mar)179
how-tos, testing, notifications, apis, cypress
Navigating the World of Web Accessibility With Sara Soueidan (sar+)178
videos, interviews, accessibility, wcag, html, css
The First Rule of ARIA (nat)177
accessibility, principles, html
How Semantics and ARIA Attributes Support Accessible Design (tpg)176
accessibility, semantics, html, attributes
Please, Can We Have ARIA Notify (nic)175
accessibility, live-regions, apis
Short Note: WCAG/ARIA—State of Confusion (ste)174
accessibility, wcag
What I Wish Someone Told Me When I Was Getting Into ARIA (eri/sma)173
accessibility, html, assistive-tech, support
ARIA/HTML Relationship Severance (ste)172
accessibility, html
“aria-selected”: Practical Examples and Use Cases (flo/a11)171
accessibility, html, examples
How to Use ARIA Roles and Properties Effectively170
how-tos, html, accessibility
Inclusive Development Practices in Next.js Projects (web/deq)169
accessibility, nextjs, semantics, keyboard-navigation, alt-text, localization, performance, axe
Up and Coming ARIA (web)168
accessibility, html
Make Screen Readers Talk With the ARIA Notify API (ale)167
accessibility, screen-readers, apis, javascript
The Hidden Gold of Web Accessibility: Everything About ARIA Labels (flo/a11)166
accessibility, html, best-practices
K.I.S.S. ARIA (nat)165
html, accessibility
Creating a More Accessible Web With ARIA Notify (pat/mic)164
accessibility, notifications, apis
Menu and Navigation: The Difference (stv)163
navigation, pagination, html, accessibility
ARIA in HTML (sco+/w3c)162
standards, accessibility, html
Using ARIA Landmarks for Better Navigation161
navigation, keyboard-navigation, accessibility
“aria-label” Is a Letdown (thi/wag)160
accessibility, labels, html
Polite Is Often Better Than Being Alerted (oze)159
accessibility, screen-readers
“aria-label” Requires a Valid Role (cfe)158
accessibility
Implementing “aria-describedby” for Web Accessibility (flo/a11)157
accessibility, forms, labels, html
10 Digital Accessibility Mistakes to Avoid156
accessibility, mistakes, alt-text, images, contrast, colors, keyboard-navigation, semantics, headings, labels, forms, pop-ups, testing
Foundations: Grouping Forms With “<fieldset>” and “<legend>” (tet)155
fundamentals, forms, html
Considerations for Making a Tree View Component Accessible (eri/git)154
components, accessibility, keyboard-navigation, case-studies
How to Use ARIA Alert Effectively (flo/a11)153
how-tos, accessibility, best-practices, examples
HTML Developers: Please Consider—in the Year of 2025 (ste)152
html, accessibility
“aria-description” Does Not Translate (aar)151
accessibility, browsers, localization
Accessibility Essentials Every Front-End Developer Should Know (mar)150
accessibility, fundamentals, html, semantics, forms, keyboard-navigation, modals, alt-text, focus, responsive-design, reduced-motion
Accessibility First: How to Design Inclusive Frontend Experiences149
how-tos, design, accessibility, html, semantics, alt-text, keyboard-navigation, contrast, forms, focus
No ARIA Is Better Than Bad ARIA (kar)148
videos, accessibility, html
How I Gained a New Perspective on ARIA (mei/mat)147
accessibility
You Don’t Need the “isOpen” Class (mau/mat)146
html, accessibility
ARIA in HTML (sco+/w3c)145
standards, accessibility, html
“aria-labelledby = self” (wes/mat)144
accessibility
The Complete Guide to ARIA Live Regions for Developers (flo/a11)143
guides, accessibility, live-regions
Mastering Accessible Modals With ARIA and Keyboard Navigation (a11)142
accessibility, keyboard-navigation, modals, javascript
How to Identify Decorative Images and Boost Accessibility (a11)141
how-tos, images, decoration, accessibility, html
25 Accessibility Tips to Celebrate 25 Years (jar/web)140
accessibility, tips-and-tricks, html
What’s New in WAI–ARIA 1.3139
videos, accessibility
“aria-activedescendant” Is Not Focus (cod)138
accessibility, focus
No Industry for Old Men (ste/web)137
videos, retrospectives, html, browsers, screen-readers, accessibility, w3c
What the Heck Is ARIA? A Beginner’s Guide to ARIA for Accessibility (a11)136
videos, guides, html, accessibility
Is Using “aria-label” to Add Alternative Text But No “alt” Attribute Still a WCAG Fail?135
discussions, accessibility, html, attributes, forms, labels, alt-text, images
Spoiler Alert: It Needs to Be Accessible (sco)134
accessibility, html, web-components
Expert Guide: Writing HTML for Screen Reader Users (flo/a11)133
guides, accessibility, html, alt-text, writing, screen-readers
Context Is King: Long Live the King! (llo/tpg)132
accessibility, usability, techniques
What ARIA Still Does Not Do (ste)131
html, accessibility, standards
What Does “aria-hidden=true” Actually Do to Interactive Elements? (cer)130
accessibility, screen-readers, hiding
Support for “aria-errormessage” Is Getting Better, but Still Not There Yet (cer)129
accessibility, errors, support, browsers, assistive-tech
Not So Short Note on “aria-label” Usage—Big Table Edition (ste)128
accessibility, labels, html
WAI–ARIA: “role=deletion”127
accessibility
WAI–ARIA: “role=strong”126
accessibility
Accessible SVG Forms125
accessibility, forms, svg
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues124
accessibility, best-practices
Best Intention Barriers (ARIA Edition) (mar)123
accessibility, auditing
Level-Setting Heading Levels (aar)122
headings, semantics, conformance, accessibility
Why Are My Live Regions Not Working? (pat/tet)121
accessibility, live-regions
Making Disabled Buttons More Accessible120
accessibility, buttons, html
ARIA in HTML (sco+/w3c)119
standards, accessibility, html
Accessible Interactions in JavaScript Apps (san)118
videos, accessibility, javascript
On “disabled” and “aria-disabled” Attributes (kit)117
accessibility, html, attributes
Exploring the Power of ARIA Live Attribute in Web Accessibility116
accessibility, attributes
ARIA “role=application” and Mobile Screen Readers (cer)115
accessibility, screen-readers, mobile
Distinguishing Between ARIA and Native HTML Attributes (deq)114
html, attributes, accessibility, comparisons
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)113
videos, accessibility, html, user-experience
ARIA “note” (aar)112
accessibility, browsers, screen-readers, support
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)111
accessibility, naming
“X” Marks the Spot: Landmark Elements (stv)110
html, semantics, accessibility, assistive-tech
A Look at the New WAI–ARIA 1.3 Draft (cra)109
accessibility, standards
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)108
bookmarklets, accessibility, html, keyboard-shortcuts
Repetition Avoidance (ste)107
code-pens, accessibility, user-experience
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)106
accessibility, design, html
Accessible Notifications With ARIA Live Regions II (sar)105
accessibility, notifications, live-regions
Accessible Notifications With ARIA Live Regions (sar)104
accessibility, notifications, live-regions
ARIA Live Regions (mat)103
live-regions, accessibility
ARIA, the Good Parts (hdv/par)102
videos, accessibility
Web Chat Accessibility Considerations (cra)101
accessibility, functionality, wcag
Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA100
videos, browsers, google, chrome, dev-tools, accessibility, testing, html
Understanding HTML Landmarks and How to Apply Them (its/log)99
html, semantics, accessibility
The Anatomy of an Accessible Button98
buttons, accessibility, html
Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (aar)97
html, tables, grids, accessibility
Designing for All: The Basic Principles of Web Accessibility96
accessibility, fundamentals, principles, tooling
Top 5 ARIA Implementation Errors95
accessibility, errors
State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (tin+/fwo)94
podcasts, accessibility, html
“aria-haspopup” and Screen Readers (mat)93
support, screen-readers
Contextual Form Errors and ARIA (mar)92
accessibility, forms, html
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)91
how-tos, accessibility, auditing
Form and Search Landmarks (mat)90
html, forms, browsers, assistive-tech, support
Live Regions in React89
react, live-regions, accessibility
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)88
standards, accessibility, rich-internet-apps
Be Careful Using “Menu” (aar)87
html, design, terminology
Respect Your Children (ste/tpg)86
accessibility, html
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)85
accessibility, focus, html
Answering “What ARIA Can I Use?” (w3c)84
accessibility, browsers, screen-readers, assistive-tech, support
Foundations: Accessible Names and Descriptions (ihe/tet)83
accessibility, fundamentals, naming, writing
Exposing Field Errors (aar)82
accessibility, forms, assistive-tech, support
ARIA Live Regions for JavaScript Frameworks (its/log)81
accessibility, live-regions, javascript, frameworks
How Shadow DOM and Accessibility Are in Conflict (sun/iga)80
accessibility, shadow-dom
ARIA vs. HTML (aar)79
accessibility, html, semantics, comparisons
Foundations: Introduction to WAI–ARIA (ihe/tet)78
accessibility, fundamentals, introductions
The Main Areas of WAI–ARIA77
accessibility
React JS Best Practices From the New Docs76
react, best-practices, javascript, jsx
Meaningful Labels Using ARIA—or Not (mat)75
accessibility, html, forms, labels
Landmarks and Where to Put Them (kil/mat)74
html, semantics, accessibility
You Don’t Need ARIA for That (den/mat)73
html, accessibility
Shadow DOM and Accessibility: The Trouble With ARIA (nol)72
dom, shadow-dom, accessibility, html
Brief Note on “aria-readonly” Support (aar)71
accessibility, html, assistive-tech, support
“aria-label” Is a Code Smell (eri)70
accessibility, labels, quality, technical-debt
Web Accessibility: ARIA 101 (thi)69
videos, accessibility
Common ARIA Mistakes and How to Avoid Them (ale)68
accessibility, html, mistakes
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)67
guides, accessibility, html
HTML Markup Tips for Developing Accessible Websites (low/the)66
html, accessibility
Don’t Overwrite Visual Labels With “aria-label” (ash)65
accessibility, html, labels
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)64
html, semantics, accessibility
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)63
accessibility, html, mistakes
Style With Stateful, Semantic Selectors (ben)62
css
Making Disabled Buttons More Inclusive (san/css)61
forms, buttons, focus, html, attributes, accessibility
Patterns (w3c)60
design-patterns, best-practices
Under-Engineered Multi-Selects (aar)59
accessibility, html
Open Accessibility Standards58
accessibility, wcag
Accessible Description Exposure (aar)57
accessibility
“aria-labelledby” Usage Notes (ste)56
accessibility, labels, html
Dynamically Generated Content and Accessibility: 3 Quick Tips55
generated-content, accessibility
It Needs to Map Back to a Role (eri)54
accessibility, html, semantics
(Not So) Short Note on Being Owned (ste)53
html, accessibility
Are We Live? (sco)52
accessibility
4 Questions to Ask Before Using ARIA51
accessibility, semantics, testing
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)50
html, attributes
Alt Tag Emptiness (ste)49
accessibility, html, images, alt-text
HTML Is General, ARIA Is Specific (dav)48
html
5 Common Misconceptions About WAI–ARIA and Accessibility47
accessibility, html
“aria-label” Is Not Always the Answer (eev)46
html, accessibility
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)45
html, accessibility
Landmarks (mat/mat)44
html, accessibility
A Tangled Web of ARIA43
accessibility, html
ARIA Spec for the Uninitiated (deq)42
html, accessibility
An Unreasonably Long Introduction to ARIA (With Example Implementation)41
introductions, accessibility, live-regions, examples
ARIA in HTML (sco)40
accessibility, html
The Hidden World of “aria-hidden” (ste)39
accessibility, html, hiding
Introduction to ARIA Live Regions38
introductions, accessibility, live-regions
What’s New in WCAG 2.1: Label in Name (css)37
accessibility, wcag
Know Your Standards (ste)36
accessibility, standards, wcag, html, link-lists
ARIA in CSS (chr/css)35
css
Micro-Note on “aria-roledescription” (ste)34
accessibility
WAI–ARIA Usage (tpg)33
bookmarklets, accessibility, compliance
POURing ARIA Into the HTML Element Specs (24a)32
accessibility, html
“<select>” Your Poison (cod/24a)31
accessibility, forms, keyboard-navigation
Why, How, and When to Use Semantic HTML and ARIA (ada/css)30
html, semantics, accessibility
ARIA 1.1—What’s New? (24a)29
accessibility, standards
ARIA Serious? (yat/btc)28
videos, accessibility
Accessibility: Review of 2017 and Outlook for 2018 (w3c)27
accessibility, retrospectives, outlooks, wcag, testing, link-lists
WAI–ARIA Authoring Practices 1.1 Note Helps Authors Make Content Accessible (w3c)26
accessibility
Building Accessible Menu Systems (hey/sma)25
accessibility, navigation, html
Using ARIA (ste/w3c)24
guides, html, accessibility
Accessible Breadcrumb Navigation Pattern (sco)23
accessibility, navigation, breadcrumbs
Writing JavaScript With Accessibility in Mind (mat)22
javascript, accessibility, focus, buttons, semantics
Building a Fully-Accessible Help Tooltip (sar)21
accessibility, tooltips, html
Using the “aria-current” Attribute (tin)20
html, attributes, accessibility
Improve Your Website’s Accessibility With WAI–ARIA (lou)19
accessibility, html, optimization
“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