Follow on Twitter Follow RSS Add helper

Tools for tag "Accessibility"

  1. 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
  2. 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
  3. Screenshot of Accessible Palette

    Accessible Palette

    Create color systems with consistent lightness and contrast.

    Added Sep 2021
    Go to Accessible Palette
  4. Screenshot of a11yengineer

    a11yengineer

    Generate accessibility checklist when build a product

    Added Feb 2021
    Go to a11yengineer
  5. 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
  6. Screenshot of Accessible color contrast checker

    Accessible color contrast checker

    Check color contrast combinations and simulate color vision deficiencies against (WCAG) standards.

    Added Oct 2020

    Made by

    • GitHub profile image of mattahlgren
    Go to Accessible color contrast checker
  7. Screenshot of better-mobile-inputs

    better-mobile-inputs

    Find which combinations of attributes work best for your inputs

    Added May 2020

    Made by

    • GitHub profile image of aholachek
    Go to better-mobile-inputs
  8. 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
  9. Screenshot of Lighthouse Metrics

    Lighthouse Metrics

    Run lighthouse from multiple locations

    Added May 2020
    Go to Lighthouse Metrics
  10. Screenshot of color × color

    color × color

    Generate color systems using HSLuv color space.

    Added Mar 2020

    Made by

    • GitHub profile image of saneef
    Go to color × color
  11. Screenshot of Color contrast checker

    Color contrast checker

    Quickly check the contrast between colors and get suggestions for better colors

    Added Mar 2020

    Made by

    • GitHub profile image of Kilian
    Go to Color contrast checker
  12. 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
  13. Screenshot of ColorBox

    ColorBox

    Build color systems for accessible UIs

    Added Mar 2020
    Go to ColorBox
  14. 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
  15. 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
  16. 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
  17. Screenshot of Contrast ratio

    Contrast ratio

    Compute the contrast ratio between 2 colors

    Added Jan 2020

    Made by

    • GitHub profile image of leaverou
    Go to Contrast ratio
  18. 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
  19. 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
  20. 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
  21. 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
  22. 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
  23. Screenshot of Color.review

    Color.review

    Check your color contrast

    Added Dec 2019
    Go to Color.review
  24. Screenshot of WhoCanUse

    WhoCanUse

    Check you color contrast ratio

    Added Dec 2019

    Made by

    • GitHub profile image of coreyginnivan
    Go to WhoCanUse