Accessibilité pour WordPress

L’extension Lang Attribute for the Block Editor permet de baliser de façon accessible un texte en langue étrangère dans l’éditeur de blocs.

Les mots et expressions anglaises doivent être signalées pour des questions d’accessibilité, afin, notamment, que les lecteurs d’écran puissent lire correctement le texte. C’est toujours pénible d’aller faire ça à la main dans le code alors qu’un simple bouton pourrait permettre de le faire après sélection du texte. Voilà la solution de Marie Guillaumet.

Note : de mon côté, je préfère utiliser la balise <i> plutôt que <span> car sa sémantique porte ce sens en HTML5. De plus, le texte en langue étrangère, en typographie, s’écrit généralement en italique.

On indique souvent l’élément actif d’un menu par un style graphique différent. Dans ce cas, il faut que les personnes qui ne voient pas cette distinction puissent avoir l’information également. WordPress ajoute un attribut aria-current="page" mais il est possible également d’ajouter l’information en texte masqué (si problème de compatibilité notamment).

Voilà une fonction de Marie Guillaumet pour le faire.

L’extension WordPress Contact Form 7 a quelques défauts d’accessibilité dont, notamment, le rattachement explicite des champs de formulaire à leurs libellés (balise <label>). L’extension « Contact Form 7 : Accessible Defaults » permet de corriger pour les champs « classiques » (texte, e-​mail, etc.) mais pas pour les champs radio et checkbox. Voilà une astuce de Marie Guillaumet pour pouvoir le faire.

Article publié sous le titre original « How to Remove H1 Headings from the WordPress Editor Dropdown » le 18 octobre 2017 et écrit par Bhagwad Park

Chaque champ de formulaire doit avoir un identifiant unique. Ce n’est pas toujours le cas du champ de recherche dans WordPress, notamment quand la page 404 s’affiche avec le formulaire de recherche dans son contenu de page ainsi que, bien souvent, dans l’en-​tête de la page. Le thème Twenty Seventeen offre une solution pour ça.

Une astuce de Marie Guillaumet pour rendre accessibles les liens de fichiers à télécharger