diff --git a/index.html b/index.html index 3734d8b..d382f0d 100644 --- a/index.html +++ b/index.html @@ -144,38 +144,37 @@

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 : -

- -

- 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é. + L'accessibilité web repose sur le langage HTML auquel peuvent s'ajouter les langages CSS, JavaScript et une touche d'ARIA.

+
    +
  1. + Le HTML structure l'information. + Ses balises apportent la sémantique : un bouton n'est pas un lien, qui n'est pas une <div>. Chaque composant HTML embarque nativement les comportements d'interaction attendus, de façon accessible : un <button> est déjà actionnable au clavier. +
    2. +
  2. + Le CSS met en forme l'information présente dans le HTML de la page. + L'usage du CSS uniquement ne rendra pas accessible l'information à tout le monde. +
    3. +
  3. + Le JavaScript régit les interactions complexes, comme l'affichage de notifications ou une carte interactive. + Dans la plupart des cas, il ne sera pas nécessaire. + Il permet de coder des composants au-delà de ce qui est disponible en HTML. +
    4. +
  4. +

    + ARIA (Accessible Rich Internet Applications) propose un ensemble d'attributs qui étendent le HTML. + Il donne plus d'information aux technologies d'assistance : +

    + +

    + À utiliser avec parcimonie : pas d'attribut ARIA vaut mieux qu'un attribut ARIA mal renseigné. +

    +
    5. +
L'accessibilité se repose avant tout sur le HTML, puis le CSS, le Javascript et enfin ARIA