CSS: un'alternativa accessibile a display: none

Short link

Questa dichiarazione andrebbe evitata per non creare problemi di accessibilità ai lettori di schermo.

La dichiarazione viene interpretata infatti come speak: none, impedendo di fatto la lettura dei contenuti di un elemento.

L'alternativa è la seguente:


.hidden {
    position: absolute;
    top: -9999em;
    width: 0px;
    height: 0px;
    overflow: hidden;
}