Lo más fácil para ocultar contenido en un sitio es asignarle la propiedad CSS ( display: none;
) El problema en cuanto a accesibilidad es que aunque esté oculta de forma gráfica los lectores de pantalla como JAWS y Windows-Eyes continúan leyendo ese contenido oculto.
La solución es muy sencilla, otra línea en tu CSS además de ( display: none;
) le asignamos la propiedad ( visibility: hidden;
).
Screen readers sometimes ignore display:none | 456 Berea Street:
Excelente, gracias!