Anuradha Kumari
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.
Technoly GmbH
Berlin, Germany
Senior
JavaScript
Angular
+1
Eltemate
Amsterdam, Netherlands
Intermediate
Senior
TypeScript
Continuous Integration
+1
Matching moments
18:43 MIN
Q&A on practical accessibility challenges
Preventing Accessibility Issues Instead Of Fixing Them
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
04:43 MIN
Using ARIA attributes to make web components accessible
Accessibility with Web Components
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
04:08 MIN
Practical first steps for implementing web accessibility
The What, Why, Who and How of accessibility on the web
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
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!
05:18 MIN
Integrating accessibility into core developer education
Fireside Chat: Can Regulation Improve Accessibility? - Léonie Watson
Featured Partners
Related Videos
27:16Mastering Keyboard Accessibility
Tanja Ulianova
25:33Accessibility with Web Components
Manuel Mauky
55:32ARIA: the good parts
Hidde de Vries
31:30Accessibility powered by AI
Ramona Domen
56:01Preventing Accessibility Issues Instead Of Fixing Them
Dirk Ginader
30:07Accessibility in React Application
Julia Undeutsch
29:59The What, Why, Who and How of accessibility on the web
Konstantin Tieber
23:05Design patterns for neurodiversity and mental health
Mina Nabinger
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
&why GmbH
Berlin, Germany
€50-70K
Junior
Intermediate
Senior
React
Next.js
TypeScript
ETH Zürich
Zürich, Switzerland
CHF208K
Figma
Adobe InDesign
Adobe Illustrator
Adobe After Effects