JavaScript, jQuery & accessibility

Looking at common JavaScript patterns & components and how we can make them more accessible.

Proper semantics
Proper labels
Making toggle panels
Making tabs
Tab keyboard controls

Proper semantics

Proper labels

Making toggle panels

Making tabs

Tab keyboard controls

© Thomas J Bradley — learntheweb.courses. All code for this website licensed under the MIT License. All tutorial code licensed under the CC0 Public Domain Dedication. All text, imagery, design, tutorials & videos licensed under the CC BY-NC-SA License. Unless otherwise noted. Privacy & cookies policy

Learn the Web, Ottawa, ON, Canada

Get help
Solutions for teachers
GitHub
Bugs

Last updated — 2022-12-03T11:02:57-05:00