+ 
Quick reference card
-
@@ -24,7 +24,7 @@
Web a11y pour tout
Vos utilisateurs
-Savez-vous vraiment comment vos utilisateurs·rices visitent votre interface ?
+Savez-vous vraiment comment vos utilisateurs·rices visitent votre interface ?
@@ -105,7 +105,7 @@Travail d'équipe
inclusif et accessible
+ 
Tous les profils sont concernés. C'est un travail d'équipe sous la houlette des PO
@@ -143,6 +143,53 @@
Stack Technique
+
+ Le HTML structure et porte l'information d'une page web. Il est nativement accessible à condition d'utiliser les
+ balises en respectant leurs valeurs sémantiques. Exemple : <div> et <span> n'ont pas de valeur sémantique,
+ elles servent à mettre en forme et grouper des éléments.
+
+ Chaque composant HTML apporte par défaut des comportements facilitant l'interaction avec l'application. + Sans coût supplémentaire, il devient alors plus facile et moins frustrant de naviguer sur l'application. +
+
+ Exemple : Utiliser une balise <a> pour un lien permet à l'utilisateur·rice de savoir si iel l'a déjà visité.
+
+ Le CSS permet de mettre en forme l'information déjà présente sur la page via le HTML. + Si une information est portée seulement par le CSS, on risque de ne pas la rendre accessible à tous + les utilisateur·ices. +
++ Le JavaScript régit les interactions complexes (cartes interactives, notifications…). + Dans la plupart des cas, il ne sera pas nécessaire. + Il permet de coder des composants au-delà de ce qui est proposé par le HTML. +
++ ARIA (Accessible Rich Internet Applications) ; un ensemble d'attributs pour enrichir le HTML pour : +
+-
+
- expliciter les liens entre éléments de la page, par exemple : lier une image à sa description +
- expliciter l'état d'un élément, par exemple : un onglet actif. +
+ Il permet de donner plus d'informations aux technologies d'assistance (lecteur d'écran…). + À utiliser avec parcimonie : pas d'attribut ARIA vaut mieux qu'un attribut ARIA mal renseigné. +
+ +
+
+
+
+