Accessibility Tips

    Browse

    All Accessibility Tips

    Browse every accessibility tip, pattern, and testing guide published on Accessibility Tips.

    Accessibility testing checklist

    A comprehensive manual testing checklist covering keyboard navigation, screen readers, visual design, forms, media, and ARIA implementation.

    Accessibility Testing
    Accessibility testing with JavaScript

    Using axe-core, Playwright, Jest, and Cypress to write automated accessibility tests in JavaScript that run in CI/CD pipelines.

    JavaScript Testing
    Accessible carousels and sliders

    Building carousels with keyboard navigation, live region announcements, auto-rotation controls, and proper ARIA roles for screen readers.

    JavaScript
    Accessible dark mode implementation

    Implementing dark mode with prefers-color-scheme while maintaining WCAG contrast ratios, respecting user preferences, and providing manual toggles.

    CSS
    Accessible error messages and validation

    Implementing form validation that announces errors to screen readers using aria-live regions, aria-invalid, and proper error message association.

    HTML
    Accessible forms and labels

    Best practices for labeling inputs, grouping fields, handling errors, and making forms fully accessible to assistive technologies.

    HTML Forms