Capítulo 8. Conmutar la visibilidad del contenido
Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com
El espacio limitado de y el deseo del cliente de incluir tanta información como sea posible en una página lleva a los diseñadores a sus límites, porque no se puede mostrar mucho a la vez. A menudo recurren a la ocultación condicional del contenido para resolver ese problema y utilizan patrones de diseño como pestañas, acordeones, navegaciones desplegables o widgets de divulgación. Aunque normalmente es mejor mostrar el contenido, a veces estas soluciones son inevitables. Al implementarlas en HTML, CSS y JavaScript, debes utilizar la técnica de ocultación adecuada y comunicar el estado en consecuencia.
8.1 Ocultar contenido
Problema
CSS ofrece muchas soluciones diferentes para ocultar contenido. Si no eliges la técnica adecuada para el caso de uso correcto, puede afectar negativamente a los usuarios en función de cómo accedan a tu sitio.
-
Puede resultar frustrante y confuso para los usuarios de teclados y lectores de pantalla tener que navegar por contenidos a los que no quieren, no tienen o no deberían poder acceder.
-
Navegar por decenas de elementos interactivos "invisibles" puede resultar engorroso.
-
Los lectores de pantalla podrían ser incapaces de recuperar información semántica de un elemento ocultado incorrectamente.
Solución
Tienes que elegir la técnica de ocultación correcta para el caso de uso adecuado. ...
Get Recetario de accesibilidad web now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
