Quotidien Shaarli

Tous les liens d'un jour sur une page.

January 12, 2025

Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell

5 attributs HTML pour améliorer l'accessibilité :

  1. hreflang -> indique la langue de la page pointée par un lien
  2. translate -> si on met "no" on indique que le terme ne doit pas être traduit (pratique pour les noms de ville, etc.)
  3. reversed -> utile pour les éléments ordonnées
    1. controls -> affiche les contrôles pour les vidéos ou la musique
    2. autocomplete -> indique au navigateur d'afficher l'autocomplétion, on peut même préciser où chercher (nom du champ)
The Form Attribute - Enhancing Form Layout Flexibility - HTMHell

Si vous avez un formulaire dont le bouton "submit" n'est pas placé entre les balises

, alors il vous suffit de donner un id à votre formulaire, et d'ajouter l'attribut "form" au bouton "submit" avec l'id du formulaire.

You don't need JavaScript for that - HTMHell

L'auteur rappelle le principe de moindre pouvoir : choisir le langage le moins puissant pour un but donné — on permet ainsi de laisser le navigateur la manière d'accomplir ce que l'on souhaite.

Il présente ensuite quelques éléments / fonctionnalités pour lesquelles JavaScript peut être remplacé avantageusement par du HTML / CSS :

  • Custom Switches
  • Datalist, un composant avec autocomplétion native
  • Un Color picker
  • Accordions
  • Dialog modals

Il rappelle à chaque fois les meilleures pratiques d'accessibilité.