inert
Attribut HTML qui rend tout un sous-arbre inopérant : non cliquable, non focalisable, invisible pour les lecteurs d'écran et ignoré par la recherche dans la page.
Le besoin surgit chaque fois qu'un élément se place au-dessus du reste de la page — une modale, un menu déroulant, un overlay. Sans cet attribut, il faut désactiver le contenu en arrière-plan à la main, ce qui revient en pratique à poser tabindex="-1" sur chaque élément focalisable, à se souvenir de leurs valeurs d'origine, et à mettre aria-hidden sur le conteneur. Presque aucune implémentation ne le faisait correctement, avec pour résultat que le focus clavier s'égarait derrière la boîte de dialogue et que l'utilisateur perdait le fil. L'attribut fait tout le travail en un mot. En utilisant <dialog> avec showModal(), il s'applique automatiquement à tout ce qui est en dehors de la boîte de dialogue. Pris en charge par tous les grands navigateurs depuis 2023.