Cómo afecta a las ayudas técnicas la disposición de los elementos vía CSS

Experiencia de usuario
03/7/2005
|
Daniel Torres Burriel
Escritorio redondo con laptop, gafas, planta, celular, lápices y unas manos de mujer tecleando.

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:

  1. https://www.csszengarden.com/?cssfile=001/001.css
  2. https://www.csszengarden.com/?cssfile=019/019.css
  3. https://www.csszengarden.com/?cssfile=151/151.css
  4. 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:

  1. Columns ordered 1-2-3
  2. Columns ordered 2-1-3
  3. Columns ordered 3-2-1
  4. Columns ordered 3-1-2

Ahora sólo queda acceder a las páginas con las ayudas técnicas mencionadas y comprobar el resultado.

¿Quieres darnos tu impresión sobre este post?

Deja una respuesta

Aquí va tu texto personalizado.

Blog

Nos encanta compartir lo que sabemos sobre diseño de producto y experiencia de usuario.
Ver todo el blog
Puedes consultarnos lo que necesites
Envíanos un mensaje
Nombre
Email
Mensaje
Gracias por escribirnos. Nuestro equipo se pondrá en contacto contigo tan pronto como sea posible.
Ha ocurrido un error. Estamos trabajando para resolverlo. Puedes escribirnos al chat.
Mastodon