A11y

le starter-kit

Au commencement,

il y a la conception

et,

tout son flot de questions

Accessibility

A11y

RGAA

  • Multimedia
  • Couleurs
  • Liens
  • Structuration et présentation de l'information
  • Formulaires
  • Navigation

MULTIMEDIA

Prévoir un titre et / ou un résumé pour chaque vidéo et contenu audio  

https://www.dondorganes.fr/campagnes?date=2018

Prévoir un moyen d'accès à la transcription textuelle de chaque vidéo et contenu audio

LA TOTALE

design des commandes

COULEURS

contrastes !!

LIENS

un style pour chaque état

et il y en a plein !

  • survol
  • focus
  • actif

STRUCTURATION

et

PRÉSENTATION 

de l'information

rwd et a11y

quand on refait tout le design

et quand l'inté se tire une balle

FORMULAIRES

encore une fois, pensez au rwd 

Responsive Web Design

mais surtout ...

à sa validation !

et pensez au temps de dev de tout ça =]

Les DEVs disent toujours NON..

idée reçue

https://www.accede-web.com/notices/graphique/

https://github.com/stark-contrast/stark-sketch-plugin

http://contrast-finder.tanaguru.com/?lang=fr

http://www.accessible-colors.com/

Tout le monde n'a pas un imac 27" !

ni d'écran retina

http://gs.statcounter.com/screen-resolution-stats

a11y-starterkit

By buchelorette