Introduction au langage html et à l’accessibilité

Le langage HTML (HyperText Markup Language) est le langage de balisage (code) utilisé pour structurer une page Web et son contenu. Comme il s’agit d’un langage qui aide à définir un site Web, il contribue de manière importante à déterminer si le site est accessible ou non. Le langage HTML fournit des modèles attendus pour la lecture ou l’exploration du contenu et l’accessibilité  de l’expérience utilisateur est tributaire de ceux-ci. La structure du contenu en langage HTML comprend des titres, des paragraphes, des listes à puces, des images et des tableaux de données. Le langage HTML vous permet d’utiliser des balises pour délimiter vos éléments.

Il existe différents sous-ensembles de balises en HTML, l’un d’entre eux étant le langage HTML sémantique. Le langage HTML sémantique peut contribuer de manière importante à l’accessibilité. En langage HTML, le terme « sémantique » fait référence à la signification du code. Le langage HTML sémantique comprend des balises dont le but est défini par l’élément. Par exemple, une balise <h1> représente le titre de premier niveau de votre page (premier titre) et une balise <li> représente un élément dans une liste. En revanche, la balise <div> n’a pas de signification sémantique et ne fournit donc pas d’information importante du point de vue de l’accessibilité. Par exemple, il est plus efficace de donner un certain style à un <button> (bouton) que de créer un bouton avec une balise <div> avec des qualificatifs et des scripts. Les boutons ont des caractéristiques inhérentes et des comportements attendus pour les clics de souris, l’utilisation du clavier et les interactions tactiles. Par conséquent, utilisez le langage HTML sémantique dans la mesure du possible pour permettre une bonne accessibilité. Il est toujours préférable d’utiliser le code HTML sémantique plutôt que de bâtir quelque chose à partir de zéro.

Dans l’ensemble, l’élaboration d’une compréhension de base du langage HTML peut contribuer à la création de produits accessibles. Dans la mesure du possible, suivez les meilleures pratiques en matière de langage HTML. En outre, vous pouvez styliser le langage HTML avec des feuilles de style en cascade (CSS) ou ajouter du JavaScript (JS) pour la fonctionnalité. En général, les éléments HTML sémantiques standard sont conformes aux normes d’accessibilité actuelles telles que les WCAG à condition de ne pas trop étendre ou modifier leur fonctionnalité.