Best practices of accessibility in front-end development

Tips, tricks and tools for building inclusive, accessible web applications.

Indicate img elements that miss alt attribute

CSS techniques to highlight missing alt attributes, along with best practices for writing alt text, SVGs, and complex images.

CSS
Reduced motion and animations

Respecting user motion preferences with prefers-reduced-motion, managing auto-playing content, and designing animations that do not cause harm.

CSS
Screen reader testing guide

A practical guide to testing with NVDA, VoiceOver, and TalkBack including essential keyboard shortcuts and common testing patterns.

Accessibility
Semantic HTML vs div soup

When to use semantic elements like section, article, aside, and figure instead of generic divs, and why it matters for screen readers and SEO.

HTML
Touch target size and spacing

WCAG requirements for minimum touch target sizes, spacing between interactive elements, and CSS techniques for improving mobile usability.

CSS
Writing accessible CSS

CSS techniques for visually hidden content, focus styles, reduced motion, high contrast mode, and avoiding visual-DOM order mismatches.

CSS