diff --git a/index.html b/index.html index 7d66540..fcb77be 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@
Quick reference card
Savez-vous vraiment comment vos utilisateurs·rices visitent votre interface ?
+Savez-vous vraiment comment vos utilisateurs·rices visitent votre interface ?
@@ -86,10 +86,100 @@Tous les profils sont concernés. C'est un travail d'équipe sous la houlette des PO
+ +
+ 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 : +
++ 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é. +
+ + +