46 liens privés
5 attributs HTML pour améliorer l'accessibilité :
- hreflang -> indique la langue de la page pointée par un lien
- translate -> si on met "no" on indique que le terme ne doit pas être traduit (pratique pour les noms de ville, etc.)
- reversed -> utile pour les éléments ordonnées
- controls -> affiche les contrôles pour les vidéos ou la musique
- autocomplete -> indique au navigateur d'afficher l'autocomplétion, on peut même préciser où chercher (nom du champ)
Tout est dans le titre
Une présentation très complète de l'élément meter : accessibilité, sémantique, etc.
L'auteur explique la sémantique des éléments header, main, aside, etc.et comment ils aident à la fois à structurer la page web mais aussi à faciliter son accessibilité
<span class="nav-toggle"> ☰ Menu </span> est mauvais pour l'accessibilité. L'auteur explique comment résoudre ces problèmes
Comment utiliser proprement un input de type "radio"
TLDR : ne pas mettre un lien dans un label
Comment trouver un compromis entre accessibilité et effet visuel
Quand utiliser ou ne pas utiliser les attributs aria
Utilisation des bons éléments HTML pour créer une card accessible
Comment ajouter un bouton "fermer" à une modale proprement
L'auteur explique pourquoi ne pas utiliser une div pour faire un lien
Tout est dans le titre
Tout est dans le titre
Bonnes et mauvaises pratiques sur un lien contenant une image de bouton
Utilisation correcte de li / ol / ul
Bonnes pratiques d'accessibilité sur l'affichage d'informations supplémentaires pour les ancres
Bonnes pratiques d'accessibilité pour un bouton "fermer" avec un svg
Bonnes pratiques pour l'accessibilité des champs input