Dépose mon cœur inaccessible étiqueté

L'entrée du calendrier de l'avent HTMHell de Suzy Naschansky a mis en évidence une technique d'accessibilité intelligente: en utilisant l'attribut aria-labelledby. Cet attribut relie plusieurs éléments existants pour créer une étiquette plus descriptive pour les lecteurs d'écran. Par exemple, un lien "lire plus" pourrait être lié à une rubrique, ce qui entraîne le lecteur d'écran annonçant "Lire plus sur les dragons," offrant plus de contexte que "Lire plus" seul.

Cela est particulièrement utile lorsque vous traitez plusieurs liens similaires, comme dans une liste de messages. Le maintien des étiquettes visuelles concises tout en offrant un contexte plus riche pour la technologie d'assistance peut être un défi. aria-labelledby résout de manière élégante en tirant parti du texte existant. Il est crucial de se rappeler que cela ne fonctionne que lorsque le texte de l'étiquette souhaité existe déjà sur la page. Sinon, aria-label doit être utilisé, mais uniquement pour les éléments interactifs qui ne peuvent pas être étiquetés sémantiquement.

Travailler dans un CMS comme WordPress présente des obstacles supplémentaires. Les blocs standard manquent souvent de prise en charge directe aria-labelledby. Pour implémenter cela, vous devrez peut-être passer en mode HTML. Cela implique d'ajouter des ID à la fois à l'en-tête cible et au bouton ou au lien, puis à l'aide de aria-labelledby pour les connecter. Par exemple: <a aria-labelledby="button-id heading-id" href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Read More</a>.

Cependant, l'édition directement des blocs en mode HTML dans WordPress peut parfois entraîner des conflits, en particulier avec des blocs prédéfinis comme le bloc de bouton. WordPress peut refuser de rendre le HTML personnalisé, nécessitant une conversion en un bloc HTML personnalisé. Cela sacrifie malheureusement les avantages de l'édition visuelle de la plate-forme. L'absence de plugins ou d'extensions de blocs facilement disponibles pour simplifier l'étiquetage de l'ARIA dans WordPress suggère un domaine potentiel pour le développement des plugins ou les contributions aux bibliothèques de blocs existantes.

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!