inert
Attributo HTML che rende inoperante un intero sottoalbero: non cliccabile, non attivabile con il focus, invisibile agli screen reader e ignorato dalla ricerca nella pagina.
L'esigenza nasce ogni volta che qualcosa viene sovrapposto al resto della pagina: una finestra modale, un menu a scorrimento, un overlay. Senza l'attributo bisogna disattivare a mano il contenuto sottostante, il che in pratica significa impostare tabindex="-1" su ogni elemento focalizzabile, ricordarne i valori originali e mettere aria-hidden sul contenitore. Quasi nessuna implementazione riusciva a fare tutto correttamente, con il risultato che il focus da tastiera finiva dietro il dialogo e l'utente si perdeva. L'attributo svolge l'intero lavoro in una parola. Usando <dialog> con showModal() viene applicato automaticamente a tutto ciò che sta fuori dal dialogo. Supportato da tutti i principali browser dal 2023.