World Congress 2023 • Nov 10, 2023

Mastering Keyboard Accessibility

Tanja Ulianova

Ditch the `<div>` click listeners. Master modern focus management, native HTML, and the `:focus-visible` pseudo-class to eliminate up to 80% of your keyboard accessibility bugs instantly.

Mastering Keyboard Accessibility thumbnail

Checking access…

Playback and chapters load privately for Free videos.

Matching moments

2:01 min

Improving keyboard navigation with semantic HTML and focus indicators

Ramona Schwering

Ramona Schwering · World Congress 2025

4:49 min

Finding accessibility issues through manual keyboard navigation testing

Emma Dawson

Emma Dawson · World Congress 2025

52 sec

Enabling keyboard navigation with visible focus indicators

Verónica Morales Beltrán

Verónica Morales Beltrán · Europe 2026 Virtual

3:08 min

Introduction to building accessible web frontends

Konstantin Tieber · World Congress 2022

3:36 min

Enhancing website navigation through logical keyboard accessibility

Chris Heilmann

Chris Heilmann +2 · LIVE

8:18 min

Building interactive accessibility learning resources for web developers

Chris Heilmann

Chris Heilmann +2 · LIVE

More from World Congress 2023

The year 3000, a brief history of Web Development thumbnail

The year 3000, a brief history of Web Development

Lorenzo Pieri

Demografie nutzen um jedem Bewerber das passende Angebot zu machen! thumbnail

Demografie nutzen um jedem Bewerber das passende Angebot zu machen!

Nathalie Gierth

Passwordless future: WebAuthn and Passkeys in practice thumbnail

Passwordless future: WebAuthn and Passkeys in practice

Clemens Hübner · inovex

External Secrets Operator: the secrets management toolbox for self-sufficient teams thumbnail

External Secrets Operator: the secrets management toolbox for self-sufficient teams

Moritz Johner

Building Reliable Serverless Applications with AWS CDK and Testing thumbnail

Building Reliable Serverless Applications with AWS CDK and Testing

Fifty Shades of Kubernetes Autoscaling thumbnail

Fifty Shades of Kubernetes Autoscaling

Mario-Leander Reimer

Upcoming sessions on this topic

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

Vidhya Krishnamoorthy

Morgan Stanley

VP, Software Engineering Manager

The UI Engineering Playbook: Modern CSS, Design Systems, Motion & AI-Assisted Workflows

Wadad Parker

Ednius Inc.

SDE

Built-In AI in the Browser: Practical Capabilities for Modern Web Apps

Piyush Gupta

Expedia

Senior Engineering Manager

Understanding React Performance Patterns Developers Often Get Wrong

Himanshu Srivastava

Best Buy India

Software Engineer

Build a Zero-Cost AI Agent in Your Browser

Aishwarya Mathuria

Adobe

Computer Scientist
Nishant Thakur

Adobe

Senior Computer Scientist

The Illusion of Green: Why AI-Generated Browser Automation Tests Pass Locally but Fail in CI

Puja Jagani

BrowserStack

Lead of Open Source and Developer Advocacy

Related videos

Making Interactions Accessible to All Users thumbnail

Making Interactions Accessible to All Users

Anuradha Kumari

World Congress · 2023

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

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

Konstantin Tieber

World Congress · 2022

Preventing Accessibility Issues Instead Of Fixing Them thumbnail

Preventing Accessibility Issues Instead Of Fixing Them

Dirk Ginader

LIVE · Nov 2023

Accessibility with Web Components thumbnail

Accessibility with Web Components

Manuel Mauky

World Congress · 2023

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

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

Emma Dawson · Axess Lab

World Congress · 2025

WeAreDevelopers LIVE - Gaps in CSS, EU Accessibility Act and more! thumbnail

Gaps in CSS, EU Accessibility Act and more!

Chris Heilmann +2

LIVE · Mar 2025

Related articles

AW

Amanda Winstead

How Developers Can Focus on Maintaining Satisfaction With Accessibility

No matter what kind of project you are working on, the principal mission of any web development assignment is always the same: to provide end-users with the best experience possible. When it comes ...

about 4 years ago

How Developers Can Focus on Maintaining Satisfaction With Accessibility

DC

Daniel Cranney

3 JavaScript-Free Techniques for Accordions, Dialogs, and Table of Contents

If you’ve ever read the WeAreDevelopers Magazine before, you’ll know we love showing developers how to take advantage of native platform features and avoid over-engineering UI’s with frameworks or ...

10 months ago

A woman on a laptop with a table of contents showing on the screen

CH

Chris Heilmann

Dev Digest 133 - Back to Front

News and ArticlesWeAreDevelopers LIVE WebDev Day is on Wednesday, 18/11/2024. Learn about Design-first APIs for UI components, the JavaScript event loop, the Secret sauce behind pattern matching an...

about 2 years ago

Dev Digest 133 - Back to Front

BR

Benjamin Ruschin

The HTML Elements That You’re Probably Over-Engineering

As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that...

about 1 year ago

HTML elements mocked up with their code

From learning to earning

Jobs that call for the skills explored in this talk.

Senior Web Software Architect, AI Experiences

TeamViewer Germany GmbH

Austin, TX, United States

Expert ReactJS TypeScript TeamViewer

Senior UX-Designer:in BundesMessenger

Hamburg, Germany

Expert €71k–91k Git HTML Figma

3 days ago • Verified

Senior Frontend Developer (w/m/d)

ING Deutschland

Frankfurt am Main, Germany

Expert Remote HTML Angular JavaScript

Staff Frontend Design Engineer - AI & Systems Leader

San Francisco, CA, United States

Expert Github ReactJS Adobe InDesign

about 1 month ago

Werkstudent UI/UX Design

Berlin, Germany

Internship €33k Figma Information Technology Design of User…

Staff Engineer - Web Platform

Expert Remote Next.js ReactJS Amazon S3