Alternativa HTML5 a display none, problemas de accesibilidad

[Tecna]

Buenas,

si no se usa correctamente, display none puede causar problemas de accesibilidad y es lógico que así sea porque una cosa que no está visible dificilmente puede ser accesible. Por ejemplo a veces se usa para esconder contenido en versiones para móviles, esto es totalmente incorrecto, además de molesto, porque el contenido debe ser el mismo independientemente del dispositivo o la tecnología que se use para acceder a eĺ. También puede dar problemas si se esconde contenido mediante css y se muestra con javascript, cuando éste último esté desactivado el contenido no será accesible. Para que esté siempre accesible basta con hacerlo al revés, ocultarlo con javascript.

Las técnicas de posicionarlo fuera de la pantalla o usar clip son las que se recomiendan para incluir contenido extra para personas con discapacidad, por ejemplo para explicar una imagen que sustituye a un texto, o para ampliar el texto de un enlace, ya que si se incluye así los lectores de pantalla si pueden detectarlo pero con display none no, no está accesible . Usar estas técnicas para intentar mejorar el seo es un error, además de una pérdida de tiempo. Más valdría usar el tiempo en hacer una web bien hecha y accesible que intentar engañar a los buscadores que son más listos que muchas personas.