Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #c
  • #co
  • #con
  • #cont
  • #contras
  • #contrast
RSS: #contrast_checkers

#contrast_checkers

  • @b_b
    b_b @b_b PUBLIC DOMAIN 6/06/2017
    2
    @baroug
    @kent1
    2

    Color Accessibility Workflows

    ►https://alistapart.com/article/color-accessibility-workflows

    https://alistapart.com/d/excerptillustration_300.png

    The Web Content #Accessibility Guidelines (WCAG) 2.0 contain recommendations from the World Wide Web Consortium (W3C) for making the web more accessible to users with disabilities, including #color blindness and other vision deficiencies.

    #Contrast_checkers

    One of my favorite tools is Lea Verou’s Contrast Ratio. It gives you the option of entering a color code for a background and a color code for text, and it calculates the ratio for you.
    ▻http://leaverou.github.io/contrast-ratio

    https://alistapart.com/d/color-accessibility-workflows/figure-3.2-2x.jpg

    Another great tool that has the benefit of simultaneously showing whether a color combination passes both AA and AAA compliance levels is Jonathan Snook’s Colour Contrast Check
    ▻https://snook.ca/technical/colour_contrast/colour.html

    https://alistapart.com/d/color-accessibility-workflows/figure-3.3-2x.jpg

    b_b @b_b PUBLIC DOMAIN
    • @fil
      Fil @fil 6/06/2017

      #palette

      Fil @fil
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 6/06/2017

      Et ya l’extension WCAG Contrast Checker pour Firefox, qui fait ça en pointant n’importe quoi sur une page, avec AA et AAA suivant la taille du texte aussi (pas pareil pour du petit et du gros gras).

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire