Avez-vous des conseils à donner aux concepteurs et développeurs de sites web pour s'assurer que les sites qu'ils créent sont accessibles via le navigateur TD ?

Utilisez des éléments HTML sémantiquement corrects lorsque cela est possible:

  instead of <div class="button">Click me</div> use <button>Click me</button>

Utilisez l'attribut « role » s'il n'est pas possible d'utiliser un élément HTML différent:

  <div role='button'> or <span role='checkbox'>

Utilisez des libellés pour les éléments interactifs tels que:

  <label for="newsletterCheckbox">Subscribe to Newsletter</label>

  <input type="checkbox" id="newsletterCheckbox" />

Cela permet d'élargir la zone de sélection et d'offrir un contexte plus clair à nos utilisateurs.

 

Menus déroulants: Bien que TD Browse prenne en charge divers menus personnalisés, nous vous recommandons vivement d'utiliser le menu standard <select> élément. Lorsqu'un utilisateur interagit avec un <select> Grâce à la technologie de suivi oculaire, TD Browse affiche une fenêtre contextuelle spécialisée avec des cibles agrandies, ce qui facilite considérablement la sélection.

 Attention au « survol » : évitezles modèles d'interface utilisateur qui reposent uniquement sur les états de survol pour afficher du contenu (comme les menus qui s'ouvrent au survol). Les utilisateurs soumis à un suivi oculaire risquent de déclencher ces fonctions par inadvertance ou d'avoir du mal à maintenir le curseur suffisamment « stable » pour que le menu reste ouvert. Préférez plutôt les événements de clic ou de basculement.

Taille et espacement des cibles: TD Browse est conçu pour un groupe d'utilisateurs spécifique qui peut rencontrer des difficultés à sélectionner de petits éléments lorsqu'ils sont proches les uns des autres. Même si nous proposons un moyen permettant à l'utilisateur d'ajuster la taille des cibles, il est bon de garder cela à l'esprit lors de la conception de la page web.