Quelques articles sur l'accessibilité que j'ai enregistrés récemment III

Cet article résume plusieurs excellents articles récents sur l'accessibilité Web, couvrant les liens, les mises à jour de l'accessibilité pour Google Docs, les curseurs de souris CSS personnalisés, les animations et le mal des transports, prefers-reduced-motion , l'accessibilité obligatoire CSS, les tests d'accessibilité dans les livres de contes, le plaidoyer pour le travail, les attributs d'image Alt et la rédaction d'un excellent texte Alt.

Voici quelques résumés de l'article:

• Liens parfaits: Rian Rietveld définit un lien parfait comme "vous pouvez sauter vers d'autres endroits après avoir cliqué". Au lieu de se concentrer sur le code, l'article fournit de nombreuses suggestions d'accessibilité pratiques, telles que l'attribut ALT d'une image de lien qui peut impliquer qu'il s'agit d'un lien.

• Modifications majeures à Google Docs: George Joeckel rapporte que Google Docs utilisera<canvas></canvas> La nouvelle qui a été rendue, ce qui a provoqué une énorme controverse en termes d'accessibilité. Initialement, il semblait que Google offrirait un produit séparé pour les utilisateurs des lecteurs d'écran, mais "séparé mais égal" n'est pas idéal. Actuellement, basé<canvas></canvas> Le rendu semble être suspendu et les commentaires de la communauté sont cruciaux.

• N'utilisez pas de curseurs de souris CSS personnalisés: Eric Bailey estime que l'autoriser CSS à charger les curseurs personnalisés est une erreur.

• Les concepteurs de sites Web traitent du mal des transports causés par l'animation: Katie Deighton explore l'importance des préférences des utilisateurs, telles que prefers-reduced-motion . Le thème apparaît dans les médias grand public tels que le Wall Street Journal et mérite d'être fait attention.

• prefers-reduced-motion et de navigateur: Bruce Lawson résume de manière incisive l'utilisation de Intersection Observer et prefers-reduced-motion pour optimiser les performances de l'animation et l'expérience utilisateur.

• Force l'accessibilité avec CSS: Adrian Roselli introduit une technique puissante qui implémente uniquement les propriétés d'accessibilité correspondantes (par ex.<role></role> , aria-labelledby , tabindex est utilisé pour faire défiler les tables) pour obtenir le style CSS correct.

• Test d'accessibilité avec Storybook: Varun Vachhar décrit comment utiliser AX pour tester l'accessibilité des bibliothèques de composants lors de l'écriture de code. Les problèmes d'accessibilité (tels que les problèmes de contraste des couleurs) sont des bogues et doivent être résolus dans le temps comme la correction d'autres bogues.

• Pour plaider pour l'accessibilité: Todd Libby fournit des moyens de rechercher l'accessibilité au travail, y compris les stratégies d'action éthiques, financières, juridiques, humanisées et directes.

• Votre image peut ne pas être une image décorative: Eric Bailey souligne que la plupart des images avec un attribut ALT vide ( alt="" ) devraient ajouter une description d'attribut ALT <title></title>）。

• 编写优秀的alt 文本：情感很重要: Jake Archibald 借鉴了Léonie Watson 2011 年的文章，强调alt 文本不仅要描述图片的客观内容，还要传达情感。

• 从零开始创建无障碍对话框: Kitty Giraudel 挑战了无障碍性领域的终极难题。

这些文章为提升网页无障碍性提供了宝贵的经验和建议，值得开发者和设计师仔细研读。

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!