World Congress 2023 • Aug 11, 2023

Making Interactions Accessible to All Users

Anuradha Kumari

Stop treating accessibility as a stressful, retroactive QA audit. Discover how leveraging semantic HTML and native browser capabilities eliminates the heavy engineering lift of post-release remediation.

Pause
Mute Enter Fullscreen
#1 about 3 min

Defining interaction and accessibility on the web

How diverse users interact with web interfaces using assistive technologies.

#2 about 4 min

Fixing keyboard focus and outline styling for buttons

Why removing the CSS outline attribute harms keyboard accessibility and how to style it properly.

#3 about 5 min

Making icon-only buttons accessible to screen readers

How to build icon buttons with visually hidden text for screen reader compatibility.

#4 about 2 min

Announcing state changes with toggle buttons

Using the aria-pressed attribute to inform users when a button state toggles.

#5 about 3 min

Choosing between native buttons and links

The native behavioral differences between anchor tags and buttons in accessible web design.

#6 about 2 min

Structuring and labeling HTML forms correctly

Associating HTML label elements with inputs using unique IDs to assist screen readers.

#7 about 2 min

Providing contextual input hints with aria-describedby

Linking specific form descriptions and password hints directly to input attributes.

#8 about 2 min

Using aria-live to announce dynamic errors and states

Notifying screen reader users about dynamic form validation messages without moving focus.

#9 about 5 min

Building accessible custom modals and dialogues

Managing focus traps within modals using JavaScript or adopting the native HTML dialog element.

#10 about 5 min

Addressing web accessibility challenges in development teams

Strategies for implementing inclusive practices and conveying the value of accessibility to stakeholders.

Matching moments

3:08 min

Introduction to building accessible web frontends

Konstantin Tieber · World Congress 2022

3:34 min

Enhancing screen reader support with ARIA design patterns

Konstantin Tieber · World Congress 2022

8:18 min

Building interactive accessibility learning resources for web developers

Chris Heilmann Chris Heilmann +2 · LIVE

2:15 min

Overcoming challenges in building accessible interfaces

Aurora Scharff Aurora Scharff · World Congress 2025

4:46 min

Resolving default accessibility limitations in custom web components

Manuel Mauky · World Congress 2023

3:51 min

Audience questions on accessibility and framework tradeoffs

Rowdy Rabouw Rowdy Rabouw · World Congress 2022