Tanaguru Contrast-Finder

nicod_ @nicod_ 27/01/2018

3

3

a11y-outline
▻https://addons.mozilla.org/fr/firefox/addon/a11y-outline
Une extension #Firefox qui remplace « Headings map », que j’utilisais beaucoup mais qui n’est plus compatible avec Quantum.
On peut afficher simplement les landmarks #aria et les niveaux de titres <Hx> d’une page, ça semble parfait à première vue.
#accessibilité #webdev
PS : touche ESC pour fermer la popup
Allez, plus qu’une extension pour vérifier/gérer les contrastes, genre ▻http://contrast-finder.tanaguru.com et j’aurai à peu près retrouvé mes fonctionnalités de webdev sur Firefox 60 (nightly).
- #Quantum
nicod_ @nicod_
- nicod_ @nicod_ 27/01/2018
  
  Ce script à mettre en bookmarklet semble pas mal du tout :
  ►https://khan.github.io/tota11y
  et porté sous forme de webextension :
  ▻https://addons.mozilla.org/fr/firefox/addon/tota11y-accessibility-toolkit
  
  nicod_ @nicod_
Écrire un commentaire
cy_altern @cy_altern CC BY-SA 10/08/2017

4

4

Tanaguru Contrast-Finder
▻http://contrast-finder.tanaguru.com/result.html?foreground=%2300C0BD&background=%23FFFFFF&algo
un outil en ligne pour ajuster les combinaisons de couleurs texte/fond afin d’avoir un contraste suffisant pour passer les tests d’accessibilité
#accessibilité #RGAA #outil #webdev #contraste #css

cy_altern @cy_altern CC BY-SA
- RastaPopoulos @rastapopoulos CC BY-NC 10/08/2017
  
  #intégration #conception #web #design
  
  RastaPopoulos @rastapopoulos CC BY-NC
- M😷N😷LECTE 🤬 @monolecte CC BY-NC-SA 10/08/2017
  
  Bien ! Dans ma première version de ma nouvelle interface, le contraste était insuffisant, mais je ne l’ai su que parce qu’une lectrice a commencé par dire qu’elle ne me lisait plus. Et parce que je lui ai demandé pourquoi, alors, seulement, elle m’a parlé de ses problèmes de vue et de mon problème de contraste.
  
  M😷N😷LECTE 🤬 @monolecte CC BY-NC-SA
- Contrast Finder @contrastfinder CC BY-SA 12/09/2017
  
  la nouvelle version (par les concepteurs de Contrast-Finder),
  avec une nouvelle URL :
  ►https://app.contrast-finder.org/?lang=fr
  pour contribuer c’est par ici :
  ►https://github.com/Asqatasun/Contrast-Finder
  pour l’histoire du projet #ContrastFinder :
  ►https://contrast-finder.org/#contrast-finder-history
  #a11y #couleur #contrast
  
  Contrast Finder @contrastfinder CC BY-SA
- M😷N😷LECTE 🤬 @monolecte CC BY-NC-SA 12/09/2017
  
  Très utile, merci !
  
  M😷N😷LECTE 🤬 @monolecte CC BY-NC-SA
Écrire un commentaire

Tanaguru Contrast-Finder

http://contrast-finder.tanaguru.com