Fonctionnalité du clavier

La fonctionnalité du clavier est un élément essentiel d’une expérience numérique accessible. Les clients ayant une déficience motrice ou visuelle se fient à un clavier pour naviguer vers des éléments importants du site web et de l’application TELUS et les utiliser. Certains clients peuvent utiliser des claviers modifiés ou d’autres appareils qui imitent la fonctionnalité d’un clavier sur un ordinateur ou sur un appareil mobile.

En savoir plus sur l’accessibilité du clavier

Éléments pouvant être utilisés

Éléments pouvant être utilisés

Les éléments pouvant être utilisés aident l’utilisateur à naviguer, à entrer des informations ou à soumettre des formulaires. Exemples : liens, boutons, champs de formulaire et composants personnalisés.

  • La conception visuelle du contenu interactif doit être différente de l’information statique. Utilisez des chevrons, des soulignements ou d’autres indicateurs pour montrer en quoi ils sont différents. Pour les couleurs, une conception visuelle distincte signifie un rapport minimal de 3:1 entre le texte du paragraphe qui l’entoure et l’élément pouvant être utilisé
  • Comme le texte de l’élément doit décrire l’action, utilisez un langage clair pour informer l’utilisateur
  • Le code doit indiquer aux technologies d’assistance qui tirent parti de l’accessibilité du clavier si un élément est un élément HTML ou natif pouvant être utilisé. Utilisez des éléments HTML ou natifs. S’ils n’existent pas, vous devez explorer des options comme WAI-ARIA
  • Tous les éléments cliquables ou pouvant être touchés doivent fonctionner avec un clavier, un logiciel de reconnaissance vocale, un commutateur unique, un lecteur d’écran et un clavier en braille
  • Pour prendre en charge la fonctionnalité du clavier, programmez les éléments en HTML sémantique et en code natif dans la mesure du possible. Sinon, il faut programmer les composants manuellement avec du javascript supplémentaire ou des fonctions WAI-ARIA pour qu’ils fonctionnent pour l’accessibilité

Les éléments pouvant être utilisés aident l’utilisateur à naviguer, à entrer des informations ou à soumettre des formulaires. Exemples : liens, boutons, champs de formulaire et composants personnalisés.

  • La conception visuelle du contenu interactif doit être différente de l’information statique. Utilisez des chevrons, des soulignements ou d’autres indicateurs pour montrer en quoi ils sont différents. Pour les couleurs, une conception visuelle distincte signifie un rapport minimal de 3:1 entre le texte du paragraphe qui l’entoure et l’élément pouvant être utilisé
  • Comme le texte de l’élément doit décrire l’action, utilisez un langage clair pour informer l’utilisateur
  • Le code doit indiquer aux technologies d’assistance qui tirent parti de l’accessibilité du clavier si un élément est un élément HTML ou natif pouvant être utilisé. Utilisez des éléments HTML ou natifs. S’ils n’existent pas, vous devez explorer des options comme WAI-ARIA
  • Tous les éléments cliquables ou pouvant être touchés doivent fonctionner avec un clavier, un logiciel de reconnaissance vocale, un commutateur unique, un lecteur d’écran et un clavier en braille
  • Pour prendre en charge la fonctionnalité du clavier, programmez les éléments en HTML sémantique et en code natif dans la mesure du possible. Sinon, il faut programmer les composants manuellement avec du javascript supplémentaire ou des fonctions WAI-ARIA pour qu’ils fonctionnent pour l’accessibilité

Fonctionnalité du clavier pour toutes les tailles

Fonctionnalité du clavier pour toutes les tailles

Le clavier doit fonctionner dans toutes les principales fenêtres d’affichage et toutes les orientations, avec la taille du texte à 200 % et, dans les limites de la raison, la taille du zoom du navigateur à 200 %.

Le clavier doit fonctionner dans toutes les principales fenêtres d’affichage et toutes les orientations, avec la taille du texte à 200 % et, dans les limites de la raison, la taille du zoom du navigateur à 200 %.


Ressources supplémentaires

Ressources supplémentaires

Lisez le guide sur le focus visible pour faciliter le repérage de l’emplacement d’un client avec un clavier.

Exemples d’expériences

Lisez le guide sur le focus visible pour faciliter le repérage de l’emplacement d’un client avec un clavier.

Exemples d’expériences


Explore more

Explore more