Accessibilité : 5 petites victoires à appliquer maintenant

Nous sommes tous d’accord sur un point : l’accessibilité de nos sites et applications web est importante. Cependant, on ne sait pas toujours par où commencer ; les techniques peuvent être complexes, les tests d’assurance-qualité plutôt ardus, et la documentation est souvent difficile d’accès. Pour clarifier le tout, un portrait actuel de l’accessibilité ainsi que des idées préconçues vous seront présentés.

Pour vous éclairer, cinq pistes de solutions vous seront présentées. Simples, mais importantes à intégrer dans votre “workflow”, elles rendront vos sites ou applications web plus accessibles, et ce, dès aujourd’hui.

Transcript

1. Hugues Tennier Accessibilité :
 5 petites victoires à appliquer dès maintenant
2. Hugues Tennier
3. Comment je me suis intéressé à l’accessibilité
4. 600k marchands ~175 pays
5. ~1.4 milliards sessions mensuels
6. Deux moments clés
7. Rylan Vroom
8. David Lepofsky
10. Situation actuelle
16. Mes utilisateurs n’ont pas besoin d’une interface accessible
17. Faux: Ça touche
 tout le monde
19. Ce n’est pas sexy et ça ne gagne pas de prix.
21. C’est compliqué
23. Perceptible
 Utilisable
 Compréhensible
 Robuste
25. Ça prends du temps et on n’a pas de budget
26. 5 petites victoires
 à appliquer dès maintenant
27. Utiliser un bon
 contraste de couleur
28. 4.5:1 WCAG AA 7:1 WCAG AAA Contraste de couleur
31. Afficher le focus
32. *:focus { outline: 0; }

33. *:focus {
 outline: 0; 
 background-color: blue;
 border: 1px #000 solid;
 }

35. Libeller les liens correctement
36. Ajouter au panier Ajouter au panier Ajouter au panier Ajouter au panier Ajouter au panier Ajouter au panier Ajouter au panier
38. https:/spoke-london.com/
39. <a … aria-label=“Shop Bulletproofs”>
 Shop now<svg>
 </a>
40. <a … aria-label=“Shop Bulletproofs dark navy pants”>
 Shop now <svg>
 </a>
41. <a … aria-label=“Shop Bulletproofs dark navy pants”>
 Shop now <svg aria-hidden=“true”>
 </a>
42. Utiliser un
 touch target
 adéquat
45. Ressources
46. Google Lighthouse
51. Merci!