Color contrast and readability

WCAG contrast requirements, tools for checking ratios, dark mode considerations, and handling text over images for readability.

CSS
Using keyboard for content accessibility

Keyboard interaction patterns, focus trapping, focus restoration, and modern event.key usage for accessible custom widgets.

Javascript
CSS techniques for accessibility testing

Using CSS to visually detect accessibility issues like missing alt text, empty links, improper heading order, and missing ARIA labels during development.

CSS
Device dependent event handlers

Replacing device-dependent event handlers with accessible alternatives to ensure keyboard, touch, and pointer compatibility.

Javascript
Focus management in SPAs

Managing focus after route changes in single-page applications to ensure screen reader users know when content has updated.

Javascript
HTML Landmarks for accessibility

Using HTML5 landmark elements and ARIA roles to create navigable page regions for screen reader users.

HTML