Anuradha Kumari

Making Interactions Accessible to All Users

What if one CSS property makes your site unusable for keyboard users? Learn the simple fixes to ensure your web interactions are truly accessible.

Making Interactions Accessible to All Users
#1about 3 minutes

Understanding web interaction and assistive technologies

Web accessibility ensures that applications are usable by everyone, including those who rely on assistive technologies like screen readers and keyboards.

#2about 11 minutes

Implementing accessible buttons and links

Avoid removing the default focus outline and use semantic HTML, visually hidden text for icon buttons, and `aria-pressed` for toggle states.

#3about 6 minutes

Building accessible forms and announcing dynamic updates

Associate labels with inputs using the `for` attribute, provide context with `aria-describedby`, and announce validation errors using `aria-live` regions.

#4about 4 minutes

Creating accessible modals with focus management

Implement focus trapping to keep keyboard users within a modal and leverage the native HTML `<dialog>` element for built-in accessibility features.

#5about 1 minute

Summary of key accessibility best practices

A recap of essential practices including preserving focus outlines, using semantic HTML, providing text descriptions, and announcing dynamic messages.

#6about 4 minutes

Q&A on accessibility culture and implementation

Discussion on handling disabled buttons, getting organizational buy-in for accessibility, and integrating it as a continuous process in development.

Related jobs
Jobs that call for the skills explored in this talk.

Remote

Name of

Name of

Remote
Intermediate
PHP
Java
+1

Matching moments

Q&A on practical accessibility challenges
18:43 MIN

Q&A on practical accessibility challenges

Preventing Accessibility Issues Instead Of Fixing Them

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
The importance of web accessibility as a core developer craft
07:01 MIN

The importance of web accessibility as a core developer craft

WAD Live 22/01/2025: Exploring AI, Web Development, and Accessibility in Tech with Stefan Judis

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Using ARIA attributes to make web components accessible
04:43 MIN

Using ARIA attributes to make web components accessible

Accessibility with Web Components

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Introducing accessibility work and the upcoming WCAG 3
01:08 MIN

Introducing accessibility work and the upcoming WCAG 3

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

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Practical first steps for implementing web accessibility
04:08 MIN

Practical first steps for implementing web accessibility

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

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Connecting web accessibility requirements to ethical AI development
04:12 MIN

Connecting web accessibility requirements to ethical AI development

WeAreDevelopers LIVE - Our World Congress 2025 & CODE100 Highlights with Jack Barber and Marco Podien

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Making accessibility a core part of your development process
01:44 MIN

Making accessibility a core part of your development process

Oh S***! There's a New Accessibility Law and I'm Not Ready!

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Collaborating on accessibility and finding resources
03:20 MIN

Collaborating on accessibility and finding resources

Preventing Accessibility Issues Instead Of Fixing Them

Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.

Featured Partners

Related Videos

See all videos
Mastering Keyboard Accessibility27:16

Mastering Keyboard Accessibility

Tanja Ulianova

Accessibility with Web Components25:33

Accessibility with Web Components

Manuel Mauky

ARIA: the good parts55:32

ARIA: the good parts

Hidde de Vries

Accessibility in React Application30:07

Accessibility in React Application

Julia Undeutsch

Accessibility powered by AI31:30

Accessibility powered by AI

Ramona Domen

Preventing Accessibility Issues Instead Of Fixing Them56:01

Preventing Accessibility Issues Instead Of Fixing Them

Dirk Ginader

The What, Why, Who and How of accessibility on the web29:59

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

Konstantin Tieber

Design patterns for neurodiversity and mental health23:05

Design patterns for neurodiversity and mental health

Mina Nabinger

Related Articles

View all articles
DC
Daniel Cranney
The State of HTML 2024: What can we learn from it?
The results of the State of HTML 2024 survey are in! Though the name suggests it’s HTML-only, the survey focuses on the web platform in a more general sense, giving us some fascinating insights into not only the state of the web, but also some sense ...
The State of HTML 2024: What can we learn from it?

From learning to earning

Jobs that call for the skills explored in this talk.

Frontend-Entwickler

Frontend-Entwickler

infomax websolutions GmbH
Grassau, Germany

Intermediate
Senior
CSS
HTML
JavaScript
TypeScript