Frontend
a11y-0.0.1
a11y-0.0.11.0.0
a11y-0.0.1
a11y-0.0.11.0.0
  • Introduction
  • Project Guidelines
    • INTRODUCTION
    • PROJECT SETUP
      • Project starter
      • Static type checking
      • Code Quality Tools
      • Enforcing good practices
      • Testing
      • Code versioning flow
      • Continuous Integration & Delivery
      • Isolated component development
    • EFFECTIVE AND CONSISTENT WORKFLOW
      • Code structure, architecture
      • Code versioning and review flow
      • Testing
      • Static type checking
      • Continuous Integration & Delivery
      • Dependency checking
      • Project Management Tools
      • Communication
    • THE QUALITY OUTPUT
      • Great UX/UI
        • User Experience
        • Responsive Web Design
        • SEO, SMO
        • Progressive Web Apps
      • Stability
        • Documentation
        • Analytics & Error Tracking
        • Quality Assurance
      • Performance
        • Bunde Size
        • Deployment
        • Audits & Reports
      • Security
      • Accessibility
        • Why a11y?
        • Fundamentals
        • User stories
        • A11y tools
        • Checklist
    • FINAL WORDS
Powered by GitBook
On this page
  • Development
  • Extensions
  • Automated tools
  • Cross-browser testing tools
  • Audit tools
  • 3rd party tools
  • Dependencies

Was this helpful?

  1. Project Guidelines
  2. THE QUALITY OUTPUT
  3. Accessibility

A11y tools

PreviousUser storiesNextChecklist

Last updated 4 years ago

Was this helpful?

Development

  • DevTools

Extensions

  • - An accessibility visualization toolkit by Khan Academy

  • - very solid output, but with very legacy UI

  • Our favorite

Automated tools

  • with impressive dashboard

  • with possible integration

  • paid, but great

Cross-browser testing tools

  • All of the tools falls under

Audit tools

  • Lighthouse

3rd party tools

Dependencies

Whenever you are adding a new dependency to your project, double check what a11y implications it can bring. Naturally you sould look for well a11y complient solutions.

  • Review dev dependencies from a11y point of view

  • 3rd party services

privacy

https://ace.accessibe.com/
https://userway.org/
https://accessibe.com/
Intercom WCAG compliance
Plausible.io
storybook-addon-a11y
eslint-plugin-jsx-a11y
tota11y
WAVE Web Accessibility Evaluation Tool
Accessibility Insights for Web
https://pa11y.org/
https://github.com/dequelabs/axe-core
cypress-axe
https://tenon.io/
Responsive Web Design