CSS: un'alternativa accessibile a display: none

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

CSS di Gabriele Romanato

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;
}

Commenti