New tools, and fresh HTML, CSS, and JavaScript tricks — get it all by subscribing to Web Weekly! 💌
Follow on Twitter Follow RSS Add helper

Tools for tag "Accessibility"

  1. Screenshot of Accessibility Cheatsheet

    Accessibility Cheatsheet

    Practical approaches to Universal Design for making your website/webapp accessible to everyone

    Added Feb 2020

    Made by

    • GitHub profile image of MoritzGiessmann
    Go to Accessibility Cheatsheet
  2. Screenshot of Accessible Brand Colors

    Accessible Brand Colors

    Evaluate the ADA compliance of your brand's color palette.

    Added Jan 2020

    Made by

    • GitHub profile image of scottqmn
    • GitHub profile image of huckpilot
    • GitHub profile image of jasonfarrell
    • GitHub profile image of suhmantha1
    Go to Accessible Brand Colors
  3. Screenshot of Accessible color palette builder

    Accessible color palette builder

    Create color palettes with combinations that conform with accessibility standards.

    Added Mar 2020

    Made by

    • GitHub profile image of toolness
    Go to Accessible color palette builder
  4. Screenshot of Accessible colors

    Accessible colors

    Automatically find the closest accessible color combination

    Added Jan 2020

    Made by

    • GitHub profile image of moroshko
    Go to Accessible colors
  5. Screenshot of Accessible Palette

    Accessible Palette

    Create color systems with consistent lightness and contrast.

    Added Sep 2021
    Go to Accessible Palette
  6. Screenshot of ButtonBuddy

    ButtonBuddy

    Learn about accessible button contrast then generate your own accessible button color palette

    Added Jan 2021

    Made by

    • GitHub profile image of 5t3ph
    Go to ButtonBuddy
  7. Screenshot of Color contrast checker

    Color contrast checker

    Quickly check the contrast between colors with WCAG and APCA and get suggestions for better colors

    Added Mar 2020

    Made by

    • GitHub profile image of Kilian
    Go to Color contrast checker
  8. Screenshot of Color Cube

    Color Cube

    Evaluate an entire brand color palette for WCAG 2.1 compliance and adjust on the fly with the HSL color model

    Added Mar 2020

    Made by

    • GitHub profile image of jhogue
    Go to Color Cube
  9. Screenshot of Color.review

    Color.review

    Check your color contrast

    Added Dec 2019
    Go to Color.review
  10. Screenshot of ColorBox

    ColorBox

    Build color systems for accessible UIs

    Added Mar 2020
    Go to ColorBox
  11. Screenshot of Colorca

    Colorca

    Design an accessible color palette for digital products in HSLuv color space

    Added Aug 2023

    Made by

    • GitHub profile image of surfinzap
    Go to Colorca
  12. Screenshot of Contrast Checker

    Contrast Checker

    Check for WCAG 2.1 compliance for text and non-text contrast.

    Added Jan 2020

    Made by

    • GitHub profile image of richardbruskowski
    Go to Contrast Checker
  13. Screenshot of Contrast ratio

    Contrast ratio

    Compute the contrast ratio between 2 colors

    Added Jan 2020

    Made by

    • GitHub profile image of leaverou
    • GitHub profile image of MoritzGiessmann
    Go to Contrast ratio
  14. Screenshot of contrast.crgeary.com

    contrast.crgeary.com

    Check your color palette for accessible combinations

    Added Jan 2020

    Made by

    • GitHub profile image of crgeary
    Go to contrast.crgeary.com
  15. Screenshot of Eightshapes Contrast Grid

    Eightshapes Contrast Grid

    Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast.

    Added Jan 2020

    Made by

    • GitHub profile image of kevinmpowell
    • GitHub profile image of nathanacurtis
    Go to Eightshapes Contrast Grid
  16. Screenshot of empathyprompts

    empathyprompts

    Get ideas to help consider inclusive design principles.

    Added May 2022

    Made by

    • GitHub profile image of ericwbailey
    Go to empathyprompts
  17. Screenshot of Goodpalette

    Goodpalette

    Make beautiful color palettes for UI.

    Added Jun 2022

    Made by

    • GitHub profile image of manutastic
    Go to Goodpalette
  18. Screenshot of HTML CodeSniffer

    HTML CodeSniffer

    Check that your HTML code conforms to your coding standard

    Added May 2020

    Made by

    • GitHub profile image of squizlabs
    Go to HTML CodeSniffer
  19. Screenshot of Lighthouse Metrics

    Lighthouse Metrics

    Run lighthouse from multiple locations

    Added May 2020
    Go to Lighthouse Metrics
  20. Screenshot of Logical Content Flow

    Logical Content Flow

    Quickly discover and identify issues with the Logical Content Flow on your site.

    Added Feb 2022
    Go to Logical Content Flow
  21. Screenshot of PDFcheck

    PDFcheck

    Check PDF files for signs of inaccessibility

    Added Feb 2024

    Made by

    • GitHub profile image of jsnmrs
    Go to PDFcheck
  22. Screenshot of Schemist

    Schemist

    Build cohesive and accessible color schemes

    Added Nov 2022

    Made by

    • GitHub profile image of felixgirault
    Go to Schemist
  23. Screenshot of SVG Icon a11y Fixer

    SVG Icon a11y Fixer

    Fix accessibility issues in SVG images exported from tools like Adobe Illustrator

    Added Jan 2020

    Made by

    • GitHub profile image of mfairchild365
    Go to SVG Icon a11y Fixer
  24. Screenshot of WhoCanUse

    WhoCanUse

    Check you color contrast ratio

    Added Dec 2019

    Made by

    • GitHub profile image of coreyginnivan
    Go to WhoCanUse