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.
Matching moments
18:43 MIN
Q&A on practical accessibility challenges
Preventing Accessibility Issues Instead Of Fixing Them
Unlock full access
Log in or set up an account to access this feature and more.
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 full access
Log in or set up an account to access this feature and more.
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 full access
Log in or set up an account to access this feature and more.
04:43 MIN
Using ARIA attributes to make web components accessible
Accessibility with Web Components
Unlock full access
Log in or set up an account to access this feature and more.
04:08 MIN
Practical first steps for implementing web accessibility
The What, Why, Who and How of accessibility on the web
Unlock full access
Log in or set up an account to access this feature and more.
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 full access
Log in or set up an account to access this feature and more.
06:55 MIN
Understanding WCAG, ARIA, and accessibility standards
The What, Why, Who and How of accessibility on the web
Unlock full access
Log in or set up an account to access this feature and more.
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 full access
Log in or set up an account to access this feature and more.
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
30:07Accessibility in React Application
Julia Undeutsch
56:01Preventing Accessibility Issues Instead Of Fixing Them
Dirk Ginader
31:30Accessibility powered by AI
Ramona Domen
29:59The What, Why, Who and How of accessibility on the web
Konstantin Tieber
56:00Data Mining Accessibility
Karl Groves
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
infomax websolutions GmbH
Grassau, Germany
Intermediate
Senior
CSS
HTML
JavaScript
TypeScript
Deloitte
Senior
HTML
JIRA
Figma
Confluence
Deloitte
Senior
HTML
JIRA
Figma
Confluence
TWT Group TWT Group
Remote
Senior
HTML
Typo3
DevOps
Vue.js
+7