WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Nov 3, 2023

ARIA: the good parts

Hidde De Vries

Stop treating ARIA like an accessibility cure-all. It adds semantics, not behavior, so discover which attributes developers actually need to build truly inclusive interfaces.

Pause
Mute Enter Fullscreen
#1 about 6 min

Exploring the purpose and misconceptions of ARIA

Why ARIA alone does not guarantee a more accessible web experience.

#2 about 5 min

How diverse users and assistive technologies navigate the web

Understanding the variety of user settings and assistive tools interacting with web interfaces.

#3 about 5 min

ARIA as an ontology for accessibility meta information

How ARIA defines standardized semantics through roles, states, and properties.

#4 about 3 min

Evaluating the good parts of ARIA and essential caveats

Why ARIA must be combined with standard accessibility practices like keyboard support.

#5 about 3 min

Structuring web pages effectively using ARIA landmarks for navigation

Highlighting key page sections without overwhelming users navigating through screen readers.

#6 about 3 min

Exposing visual states with ARIA expanded and pressed

Implementing state attributes to programmatically indicate toggled elements and visual changes.

#7 about 4 min

Labeling elements safely with ARIA labels and descriptions

Providing contextual names for interactive elements without overriding visible text.

#8 about 4 min

Managing dynamic states, live updates, and hidden content

Using specific attributes to communicate active states, interface updates, and redundant elements.

#9 about 4 min

The complexities and risks of building ARIA widgets

Why interactive custom widgets require rigorous state management and keyboard accessibility.

#10 about 3 min

Common pitfalls and misunderstanding complex standard accessibility guidance

Differentiating normative accessibility standards from non-normative authoring practices and recommendations.

#11 about 8 min

Addressing common ARIA implementation pitfalls on individual websites

Avoiding state conflicts, disappearing focus, and the misuse of complex ARIA roles.

#12 about 1 min

Key takeaways for responsible ARIA implementation on interfaces

Summary of why developers should use ARIA carefully alongside native HTML elements.

#13 about 12 min

Answering questions on frameworks, translations, and standard adoption

Audience questions covering framework behaviors, localization limits, and native HTML features.

Matching moments

3:34 min

Enhancing screen reader support with ARIA design patterns

Konstantin Tieber · World Congress 2022

6:16 min

Leveraging semantic HTML output tags and aria live regions

Chris Heilmann Chris Heilmann +2 · LIVE

4:46 min

Resolving default accessibility limitations in custom web components

Manuel Mauky · World Congress 2023

5:50 min

Implementing ARIA attributes for accessible form validation feedback

Ramona Schwering Ramona Schwering · World Congress 2025

5:26 min

Enhancing screen reader support with targeted ARIA attributes

Emma Dawson Emma Dawson · World Congress 2025

2:18 min

Understanding aria toggle fields and missing accessible names

Julia Undeutsch Julia Undeutsch · Europe 2026 Virtual

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Tech Education in Two Languages thumbnail
1:00:18
about 17 hours ago

WeAreDevelopers LIVE - Tech Education in Two Languages

Daniel Cranney, Roxy Rodriguez-Becker

WeAreDevelopers LIVE - Playing in Production thumbnail
1:06:40
8 days ago

WeAreDevelopers LIVE - Playing in Production

Andrew MacLean, Daniel Cranney, Christian Heilmann

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
22 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
29 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
about 1 month ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
about 1 month ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Related videos

Making Interactions Accessible to All Users thumbnail
31:38
World Congress 2023 • about 3 years ago

Making Interactions Accessible to All Users

Anuradha Kumari

The What, Why, Who and How of accessibility on the web thumbnail
29:59
World Congress 2022 • over 4 years ago

The What, Why, Who and How of accessibility on the web

Konstantin Tieber

WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more thumbnail
1:06:13
LIVE • over 1 year ago

WeAreDevelopers LIVE - Can AI save Accessibility?; Horrid HTML; The Frontend Treadmill and more

Chris Heilmann, Daniel Cranney, Dirk Ginader

The Cake Is a Lie... And So Is Your Login’s Accessibility thumbnail
30:52
World Congress 2025 • about 1 year ago

The Cake Is a Lie... And So Is Your Login’s Accessibility

Ramona Schwering

Using all the HTML, Running State of the Browser and "Modern" is Rubbish thumbnail
1:15:44
LIVE • over 1 year ago

Using all the HTML, Running State of the Browser and "Modern" is Rubbish

Chris Heilmann, Daniel Cranney, David Letorey

WeAreDevelopers LIVE - Accessibility isn't magic, Longevity, Devrel in times of AI and more thumbnail
1:42:35
LIVE • 12 months ago

WeAreDevelopers LIVE - Accessibility isn't magic, Longevity, Devrel in times of AI and more

Chris Heilmann, Daniel Cranney, Grahamthedev

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.