Comment bien construire une page HTML pour rendre son site accessible aux non voyants

Dans ce tutoriel, nous allons voir comment bien construire une page web pour les non voyants.

Le langage HTML semble simple et facile au premier coup d’oeil. Attention, le langage HTML est plus compliqué qu’on ne le pense, nous allons voir ça ensemble.

Nous verrons l’accessibilité pour les non voyants, ainsi que les bonnes pratiques à avoir pour ces derniers.

Commençons tout de suite avec la base d’une page HTML :

 
 
 
     
     
    Document 

 
    


Nous avons notre bases, nous allons faire un formulaire avec des liens, et, des images. Commençons :




    
    
    HTML - Bien coder - Your Stories Blog


    


Nos formulaires sont maintenant accessible à tous.
Voyons comment rendre le reste du site accessible aussi.

Les images

Concernant les images, nous pouvons ajouter l’attribut ‘alt’ qui dictera la description de l’image :

Un chat joue avec une pelotte de laine 

Les liens

Les liens de la balise ‘a’ ont aussi leur attribut.

L’attribut aria-label :

Retourner à l'accueil 
                        

Derniers articles

Commentaires sur “Comment bien construire une page HTML pour rendre son site accessible aux non voyants”

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

*

code