Augmentez votre portée

Développez la couverture du site Web et profitez à plus d'utilisateurs! Cet article explore les moyens pratiques d'améliorer la convivialité du site Web et de bénéficier ainsi à un public plus large - l'amélioration de l'accessibilité du site Web.

L'accessibilité ne concerne pas seulement les personnes handicapées. Nous associons généralement l'accessibilité à l'utilisation visuelle des lecteurs d'écran, la visualisation à l'ouïe des vidéos sous-titrées et les personnes aveugles d'identification des pages. Mais l'accessibilité a beaucoup plus.

Accessibilité: aller au-delà des limites entre le handicap et la non-préabilité

Les modes de pensée traditionnels sont trop simplifiés pour faire face au monde complexe d'aujourd'hui. Imaginez combien de personnes ne visitent les sites Web que lorsqu'ils portent des écouteurs antibruit devant un bureau bien éclairé, regardant un écran haute définition? Ce type de groupe d'utilisateurs est très petit, généralement les développeurs de sites Web eux-mêmes. Dans le contexte de la mondialisation du groupe d'utilisateurs cible, cette façon de penser est évidemment irréaliste.

Nous devons considérer les nombreuses façons dont les utilisateurs peuvent accéder au site Web en utilisant divers appareils, différentes conditions physiques et environnements environnants. Peu importe où se trouve l'utilisateur ou quel appareil il utilise, nous devons nous assurer que le site Web peut atteindre autant d'utilisateurs potentiels que possible. Cela aide à briser l'état d'esprit et à vraiment réfléchir à la façon d'étendre la base d'utilisateurs.

Simplifier l'expérience utilisateur

Laissez les utilisateurs parcourir facilement le site Web en utilisant leurs téléphones mobiles au soleil. Comment faire cela? Par exemple, assurez-vous que le site Web a un contraste des couleurs suffisant (il existe de nombreux outils de vérification des contrastes de couleurs en ligne disponibles). En réduisant l'utilisation de JavaScript, il offre une expérience plus fluide pour les utilisateurs dans des zones avec une bande passante inférieure. Fournir des sous-titres aux utilisateurs qui regardent des vidéos dans les lieux publics. Placez les coordonnées dans une position remarquable et facile à trouver pour faciliter les utilisateurs pour contacter rapidement le personnel pertinent sous pression. Augmentez la taille de la zone interactive, ce qui permet aux utilisateurs de cliquer plus facilement sur les liens et les boutons lors de l'exploitation de leurs téléphones d'une seule main ou des animaux de compagnie.

UX ou des concepteurs visuels peuvent l'utiliser pour inspirer de nouvelles idées de conception de portraits utilisateur. De plus, il est plus facile d'obtenir un support d'équipe si le portrait utilisateur contient des animaux de compagnie.

Les développeurs peuvent penser que bon nombre des aspects ci-dessus ne sont pas sous leur contrôle. Mais nous pouvons partir des trois aspects suivants pour améliorer l'accessibilité du site Web:

Utilisez des zones historiques pour organiser le contenu des pages

Cela fait généralement référence à des zones telles que l'en-tête, la principale, mis à part et le pied de page, et d'autres zones historiques sont répertoriées dans les spécifications ARIA. Les utilisateurs du lecteur d'écran naviguent généralement dans les pages à travers les zones historiques. Le site Web Wai-Aria de W3C fournit des exemples d'utilisation de cette fonctionnalité par différents lecteurs d'écran, qui méritent d'être référés. Lorsque vous utilisez des modèles de page, il est particulièrement important de s'assurer que le modèle principal est correctement défini.

Ajouter des chèques automatisés

À l'heure actuelle, les problèmes d'accessibilité qui peuvent être trouvés par des inspections automatisés sont toujours limitées, et même si le site Web passe toutes les inspections automatisées, il peut y avoir des problèmes d'accessibilité. Mais il est toujours très utile d'incorporer des inspections automatisées dans le processus de construction. Avec l'avènement de nouveaux outils d'inspection automatisés, vous pouvez continuellement améliorer votre base de code. Utilisez l'outil d'inspection de code de modèle pour la vérification statique, et certaines extensions IDE peuvent fournir des commentaires en temps réel. Les tests automatisés peuvent être utilisés pour l'inspection du code dynamique.

Inclure l'accessibilité dans la liste de contrôle

Intégrez les vérifications d'accessibilité dans votre flux de travail. Voici quelques suggestions:

1. S'il n'y a pas de description d'accessibilité dans la conception ou les spécifications fonctionnelles, veuillez demander.
2. Lors de l'exécution d'un site Web localement ou dans un conteneur, vérifiez l'ordre de mise au point du clavier; utilisez la touche de tabulation pour vous assurer que tous les éléments interactifs sont accessibles.
3. Faites attention aux problèmes d'accessibilité lors de l'examen du code. Si quelqu'un utilise un lien au lieu d'un bouton ou utilise une div qui ne prend pas en charge le clavier, veuillez fournir des commentaires. Cela peut vous obliger à revoir la prise en charge du navigateur natif pour les éléments interactifs.

Restez empathique et curieux

Quel que soit votre rôle, soyez empathique pour les utilisateurs existants et curieux des utilisateurs potentiels. Brisez la pensée conventionnelle, explorez de nouvelles façons d'améliorer l'accessibilité et d'élargir les groupes d'utilisateurs. Nous sommes les créateurs d'Internet et la machine de mise en forme de l'avenir d'Internet. Sortez des limites des outils de développement et explorez des expériences utilisateur plus inclusives au profit de plus de personnes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!