Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
Cómo afecta a las ayudas técnicas la disposición de los elementos vía CSS

Desde el pasado día 26 de junio Bob Easton se pregunta en Access Matters cómo influye la disposición vía CSS de los elementos de un sitio web en las ayudas técnicas, hablando de accesibilidad. Se puede leer en Quiz 4.1.2: How do CSS layout variations affect assistive technology – part 1. Este primer experimento consiste en comprobar cuatro direcciones del Zen Garden con diferente aspecto visual, y acceder a ellas a través de una serie de ayudas técnicas.
Las URLs:
- https://www.csszengarden.com/?cssfile=001/001.css
- https://www.csszengarden.com/?cssfile=019/019.css
- https://www.csszengarden.com/?cssfile=151/151.css
- https://www.csszengarden.com/?cssfile=167/167.css
Las ayudas técnicas:
Las impresiones de quienes realizaron el test abundan entre las respuestas que dicen que en ambos accesos (navegadir y ayuda técnica) los contenidos son similares, mientras que el propio Easton afirma, tras hacer la comprobación con las tres ayudas técnicas anteriormente nombradas, que si bien parece que ambos contenidos son presentados de forma similar, esto no es así y existen grandes diferencias.
All three speak the material in the sequence found in the HTML, not according to the on screen appearance. There are various omissions because of the inaccessible ways some image replacement techniques were used.
Y llega una parte dos del ejercicio. Se llama, de una forma nada original, Quiz 4.1.3: How do CSS layout variations affect assistive technology – part 2. Retomemos en este punto el origen de esta cuestión, que está en Joe Clark, cuando en una de las entrevistas de Russ Weakley para el Web Standards Group decía:
We need somebody to write a nice big article about source-code order and its current support in screen readers and suchlike, paying attention to floated layouts in particular. That article would have to use real-world sites as examples (many from the Zen Garden would be fun) and do genuine testing. There might be four or five offices in the world that could even do that testing, let alone write the article.
La prueba en esta ocasión se va a hacer, según propone Easton, con cuatro páginas que contienen un layout típico con cabecera, tres columnas y un pie de página:
Ahora sólo queda acceder a las páginas con las ayudas técnicas mencionadas y comprobar el resultado.