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 Other Related TopicsDate#
A11y Freedom Beaver (ste/mat)186
accessibility, html
IDREFs: What They Are and How to Use Them (kil/mat)185
html, forms, accessibility
Testing Methods: Label in Name (dec)184
accessibility, testing, wcag, labels
“aria-labels” and Privacy: A Word of Caution (hom)183
accessibility, privacy
OpenAI, ARIA, and SEO: Making the Web Worse (aar)182
chatgpt-atlas, openai, browsers, accessibility, seo
What State ARIA In? (tpg)181
html, accessibility
When to Use Modal vs. Dialog Components (a11)180
modals, html, accessibility
Make Navigation Accessible With “aria-current” (a11)179
accessibility, navigation, attributes
ARIA and Real World Dangers (dec)178
accessibility
How to Test the New ARIA Notify API With Cypress (mar)177
how-tos, testing, notifications, apis, cypress
Navigating the World of Web Accessibility With Sara Soueidan (sar+)176
videos, interviews, accessibility, wcag, html, css
The First Rule of ARIA (nat)175
accessibility, principles, html
How Semantics and ARIA Attributes Support Accessible Design (tpg)174
accessibility, semantics, html, attributes
Please, Can We Have ARIA Notify (nic)173
accessibility, live-regions, apis
Short Note: WCAG/ARIA—State of Confusion (ste)172
accessibility, wcag
What I Wish Someone Told Me When I Was Getting Into ARIA (eri/sma)171
accessibility, html, assistive-tech, support
ARIA/HTML Relationship Severance (ste)170
accessibility, html
“aria-selected”: Practical Examples and Use Cases (flo/a11)169
accessibility, html, examples
How to Use ARIA Roles and Properties Effectively168
how-tos, html, accessibility
Inclusive Development Practices in Next.js Projects (web/deq)167
accessibility, nextjs, semantics, keyboard-navigation, alt-text, localization, performance, tooling
Up and Coming ARIA (web)166
accessibility, html
Make Screen Readers Talk With the ARIA Notify API (ale)165
accessibility, screen-readers, apis, javascript
The Hidden Gold of Web Accessibility: Everything About ARIA Labels (flo/a11)164
accessibility, html, best-practices
K.I.S.S. ARIA (nat)163
html, accessibility
Creating a More Accessible Web With ARIA Notify (pat/mic)162
accessibility, notifications, apis
Menu and Navigation: The Difference (stv)161
navigation, pagination, html, accessibility
ARIA in HTML (sco+/w3c)160
standards, accessibility, html
Using ARIA Landmarks for Better Navigation159
navigation, keyboard-navigation, accessibility
“aria-label” Is a Letdown (thi/wag)158
accessibility, labels, html
Polite Is Often Better Than Being Alerted (oze)157
accessibility, screen-readers
“aria-label” Requires a Valid Role (cfe)156
accessibility
Implementing “aria-describedby” for Web Accessibility (flo/a11)155
accessibility, forms, labels, html
10 Digital Accessibility Mistakes to Avoid154
accessibility, mistakes, alt-text, images, contrast, colors, keyboard-navigation, semantics, headings, labels, forms, pop-ups, testing
Foundations: Grouping Forms With “<fieldset>” and “<legend>” (tet)153
fundamentals, forms, html
Considerations for Making a Tree View Component Accessible (eri/git)152
components, accessibility, keyboard-navigation, case-studies
How to Use ARIA Alert Effectively (flo/a11)151
how-tos, accessibility, best-practices, examples
HTML Developers: Please Consider—in the Year of 2025 (ste)150
html, accessibility
“aria-description” Does Not Translate (aar)149
accessibility, browsers, localization
Accessibility Essentials Every Front-End Developer Should Know (mar)148
accessibility, fundamentals, html, semantics, forms, keyboard-navigation, modals, alt-text, focus, responsive-design, reduced-motion
Accessibility First: How to Design Inclusive Frontend Experiences147
how-tos, design, accessibility, html, semantics, alt-text, keyboard-navigation, contrast, forms, focus
No ARIA Is Better Than Bad ARIA (kar)146
videos, accessibility, html
How I Gained a New Perspective on ARIA (mei/mat)145
accessibility
You Don’t Need the “isOpen” Class (mau/mat)144
html, accessibility
ARIA in HTML (sco+/w3c)143
standards, accessibility, html
“aria-labelledby = self” (wes/mat)142
accessibility
The Complete Guide to ARIA Live Regions for Developers (flo/a11)141
guides, accessibility, live-regions
Mastering Accessible Modals With ARIA and Keyboard Navigation (a11)140
accessibility, keyboard-navigation, modals, javascript
How to Identify Decorative Images and Boost Accessibility (a11)139
how-tos, images, decoration, accessibility, html
25 Accessibility Tips to Celebrate 25 Years (jar/web)138
accessibility, tips-and-tricks, html
What’s New in WAI–ARIA 1.3137
videos, accessibility
“aria-activedescendant” Is Not Focus (cod)136
accessibility, focus
No Industry for Old Men (ste/web)135
videos, retrospectives, html, browsers, screen-readers, accessibility, w3c
What the Heck Is ARIA? A Beginner’s Guide to ARIA for Accessibility (a11)134
videos, guides, html, accessibility
Is Using “aria-label” to Add Alternative Text But No “alt” Attribute Still a WCAG Fail?133
discussions, accessibility, html, attributes, forms, labels, alt-text, images
Spoiler Alert: It Needs to Be Accessible (sco)132
accessibility, html, web-components
Expert Guide: Writing HTML for Screen Reader Users (flo/a11)131
guides, accessibility, html, alt-text, writing, screen-readers
Context Is King: Long Live the King! (llo/tpg)130
accessibility, usability, techniques
What ARIA Still Does Not Do (ste)129
html, accessibility, standards
What Does “aria-hidden=true” Actually Do to Interactive Elements? (cer)128
accessibility, screen-readers, hiding
Support for “aria-errormessage” Is Getting Better, but Still Not There Yet (cer)127
accessibility, errors, support, browsers, assistive-tech
Not So Short Note on “aria-label” Usage—Big Table Edition (ste)126
accessibility, labels, html
WAI–ARIA: “role=deletion”125
accessibility
WAI–ARIA: “role=strong”124
accessibility
Accessible SVG Forms123
accessibility, forms, svg
Understanding the Role of ARIA “role=alert”: Best Practices and Common Issues122
accessibility, best-practices
Best Intention Barriers (ARIA Edition) (mar)121
accessibility, auditing
Level-Setting Heading Levels (aar)120
headings, semantics, conformance, accessibility
Why Are My Live Regions Not Working? (pat/tet)119
accessibility, live-regions
Making Disabled Buttons More Accessible118
accessibility, buttons, html
ARIA in HTML (sco+/w3c)117
standards, accessibility, html
Accessible Interactions in JavaScript Apps (san)116
videos, accessibility, javascript
On “disabled” and “aria-disabled” Attributes (kit)115
accessibility, html, attributes
Exploring the Power of ARIA Live Attribute in Web Accessibility114
accessibility, attributes
ARIA “role=application” and Mobile Screen Readers (cer)113
accessibility, screen-readers, mobile
Distinguishing Between ARIA and Native HTML Attributes (deq)112
html, attributes, accessibility, comparisons
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)111
videos, accessibility, html, user-experience
ARIA “note” (aar)110
accessibility, browsers, screen-readers, support
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)109
accessibility, naming
“X” Marks the Spot: Landmark Elements (stv)108
html, semantics, accessibility, assistive-tech
A Look at the New WAI–ARIA 1.3 Draft (cra)107
accessibility, standards
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)106
bookmarklets, accessibility, html, keyboard-shortcuts
Repetition Avoidance (ste)105
code-pens, accessibility, user-experience
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)104
accessibility, design, html
Accessible Notifications With ARIA Live Regions II (sar)103
accessibility, notifications, live-regions
Accessible Notifications With ARIA Live Regions (sar)102
accessibility, notifications, live-regions
ARIA Live Regions (mat)101
live-regions, accessibility
ARIA, the Good Parts (hdv/par)100
videos, accessibility
Web Chat Accessibility Considerations (cra)99
accessibility, functionality, wcag
Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA98
videos, browsers, google, chrome, dev-tools, accessibility, testing, html
Understanding HTML Landmarks and How to Apply Them (its/log)97
html, semantics, accessibility
The Anatomy of an Accessible Button96
buttons, accessibility, html
Don’t Turn a Table Into an ARIA Grid Just for a Clickable Row (aar)95
html, tables, grids, accessibility
Designing for All: The Basic Principles of Web Accessibility94
accessibility, fundamentals, principles, tooling
Top 5 ARIA Implementation Errors93
accessibility, errors
State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (tin+/fwo)92
podcasts, accessibility, html
“aria-haspopup” and Screen Readers (mat)91
support, screen-readers
Contextual Form Errors and ARIA (mar)90
accessibility, forms, html
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)89
how-tos, accessibility, auditing
Form and Search Landmarks (mat)88
html, forms, browsers, assistive-tech, support
Live Regions in React87
react, live-regions, accessibility
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)86
standards, accessibility, rich-internet-apps
Be Careful Using “Menu” (aar)85
html, design, terminology
Respect Your Children (ste/tpg)84
accessibility, html
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)83
accessibility, focus, html
Answering “What ARIA Can I Use?” (w3c)82
accessibility, browsers, screen-readers, assistive-tech, support
Foundations: Accessible Names and Descriptions (tet)81
accessibility, fundamentals, naming, writing
Exposing Field Errors (aar)80
accessibility, forms, assistive-tech, support
ARIA Live Regions for JavaScript Frameworks (its/log)79
accessibility, live-regions, javascript, frameworks
How Shadow DOM and Accessibility Are in Conflict (sun/iga)78
accessibility, shadow-dom
ARIA vs. HTML (aar)77
accessibility, html, semantics, comparisons
Foundations: Introduction to WAI–ARIA (tet)76
accessibility, fundamentals, introductions
The Main Areas of WAI–ARIA75
accessibility
React JS Best Practices From the New Docs74
react, best-practices, javascript, jsx
Meaningful Labels Using ARIA—or Not (mat)73
accessibility, html, forms, labels
Landmarks and Where to Put Them (kil/mat)72
html, semantics, accessibility
You Don’t Need ARIA for That (den/mat)71
html, accessibility
Shadow DOM and Accessibility: The Trouble With ARIA (nol)70
dom, shadow-dom, accessibility, html
Brief Note on “aria-readonly” Support (aar)69
accessibility, html, assistive-tech, support
“aria-label” Is a Code Smell (eri)68
accessibility, labels, quality, technical-debt
Web Accessibility: ARIA 101 (thi)67
videos, accessibility
Common ARIA Mistakes and How to Avoid Them (ale)66
accessibility, html, mistakes
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)65
guides, accessibility, html
HTML Markup Tips for Developing Accessible Websites (low/the)64
html, accessibility
Don’t Overwrite Visual Labels With “aria-label” (ash)63
accessibility, html, labels
What Is the Best Way to Mark Up an Exclusive Button Group? (lea)62
html, semantics, accessibility
What You Need to Know About ARIA and How to Fix Common Mistakes (pop)61
accessibility, html, mistakes
Style With Stateful, Semantic Selectors (ben)60
css
Making Disabled Buttons More Inclusive (san/css)59
forms, buttons, focus, html, attributes, accessibility
Patterns (w3c)58
design-patterns, best-practices
Under-Engineered Multi-Selects (aar)57
accessibility, html
Open Accessibility Standards56
accessibility, wcag
Accessible Description Exposure (aar)55
accessibility
“aria-labelledby” Usage Notes (ste)54
accessibility, labels, html
Dynamically Generated Content and Accessibility: 3 Quick Tips53
generated-content, accessibility
It Needs to Map Back to a Role (eri)52
accessibility, html, semantics
(Not So) Short Note on Being Owned (ste)51
html, accessibility
Are We Live? (sco)50
accessibility
4 Questions to Ask Before Using ARIA49
accessibility, semantics, testing
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)48
html, attributes
Alt Tag Emptiness (ste)47
accessibility, html, images, alt-text
HTML Is General, ARIA Is Specific (dav)46
html
5 Common Misconceptions About WAI–ARIA and Accessibility45
accessibility, html
“aria-label” Is Not Always the Answer (eev)44
html, accessibility
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem)43
html, accessibility
Landmarks (mat/mat)42
html, accessibility
A Tangled Web of ARIA41
accessibility, html
ARIA Spec for the Uninitiated (deq)40
html, accessibility
An Unreasonably Long Introduction to ARIA (With Example Implementation)39
introductions, accessibility, live-regions, examples
ARIA in HTML (sco)38
accessibility, html
The Hidden World of “aria-hidden” (ste)37
accessibility, html, hiding
Introduction to ARIA Live Regions36
introductions, accessibility, live-regions
What’s New in WCAG 2.1: Label in Name (css)35
accessibility, wcag
Know Your Standards (ste)34
accessibility, standards, wcag, html, link-lists
ARIA in CSS (chr/css)33
css
Micro-Note on “aria-roledescription” (ste)32
accessibility
WAI–ARIA Usage (tpg)31
bookmarklets, accessibility, compliance
POURing ARIA Into the HTML Element Specs (24a)30
accessibility, html
“<select>” Your Poison (cod/24a)29
accessibility, forms, keyboard-navigation
Why, How, and When to Use Semantic HTML and ARIA (ada/css)28
html, semantics, accessibility
ARIA 1.1—What’s New? (24a)27
accessibility, standards
ARIA Serious? (yat/btc)26
videos, accessibility
Accessibility: Review of 2017 and Outlook for 2018 (w3c)25
accessibility, retrospectives, outlooks, wcag, testing, link-lists
WAI–ARIA Authoring Practices 1.1 Note Helps Authors Make Content Accessible (w3c)24
accessibility
Building Accessible Menu Systems (hey/sma)23
accessibility, navigation, html
Using ARIA (ste/w3c)22
guides, html, accessibility
Accessible Breadcrumb Navigation Pattern (sco)21
accessibility, navigation, breadcrumbs
Writing JavaScript With Accessibility in Mind (mat)20
javascript, accessibility, focus, buttons, semantics
Building a Fully-Accessible Help Tooltip (sar)19
accessibility, tooltips, html
Using the “aria-current” Attribute (tin)18
html, attributes, accessibility
Improve Your Website’s Accessibility With WAI–ARIA (lou)17
accessibility, html, optimization
“It’s Alive!”: Apps That Feed Back Accessibly (hey/sma)16
accessibility, live-regions, html, web-apps
10 Typical HTML Interview Exercises15
html, interviewing, conformance, semantics
An Introduction to WAI–ARIA14
introductions, accessibility, examples
The WAI Forward (hey/sma)13
accessibility, html, w3c
WAI–ARIA Expands Web Accessibility (w3c)12
accessibility, html, standards
5 HTML5 and ARIA Design Patterns (tin+)11
html, design-patterns, navigation
Using WAI–ARIA in HTML (ste/w3c)10
guides, html, accessibility
WAI–ARIA Gets Ready for a Starring Role in HTML5 (wir)9
html, accessibility
ARIA and Progressive Enhancement (ali)8
accessibility, progressive-enhancement
The Accessibility of WAI–ARIA (ali)7
accessibility, wcag, browsers, screen-readers, assistive-tech
Who’s Using ARIA? (sib)6
accessibility
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