Cours HTML 5 l’accessibilité du web

Définition officielle de l’accessibilité

Mettre le web est ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales.

Que sont les Microformats ?

Les microformats sont un moyen d’ajouter une syntaxe simple à des items de données lisibles par des humains, comme des événements, des détails sur un contact ou des endroits, sur des pages web, de manière à ce que l’information puisse être extraite par le logiciel et indexée, cherchée, sauvegardée, cross-référencée ou combinée.

HTML5 Compatible avec ARIA ?

ARIA : Accessible Rich Internet Application

rôle, état, propriété pour les aides techniques :

<ul role= »tablist »>

  <li role= »presentation »>

  <a id= »tab1″ href= »#demo » aria-controls= »demo » role= »tab » aria-selected= »true » tabindex= »0″>Dogs</a>

  </li>  …

    <div id= »demo » role= »tabpanel » aria-hidden= »false » aria-expanded= »true » aria-labelledby= »tab1″>

  <h2>Dogs</h2>…

Formulaires

Utiliser la balise <label> ainsi que les attributs for et id pour associer les champs à leurs intitulés

Parfois, certains champs n’ont pas d’intitulé visible. Dans cette situation, utiliser l’attribut title pour associer tout de même un intitulé au champ.

….

Si le lien ne fonctionne pas correctement, veuillez nous contacter (mentionner le lien dans votre message)
Cours HTML 5 (1.45 MB) (Cours PPT)