×

Diseño web. La accesibilidad

En diseño web definimos la accesibilidad como el potencial de una interfaz de adaptarse fácilmente a sí mismo para un público con necesidades especiales.Una interfaz accesible para daltónicos requiere que el color rojo y verde o se empleen juntos, un sitio Web accesible para una persona ciega debería tener una interfaz hablado.Clientes diferentes tienen necesidades diferentes, y desde que los diseñadores de un sitio Web puedan anticiparse a todos, los exploradores de los usuarios permitirán a los mismos configurar su apariencia.Originalmente el HTML fue estructurado como un formulario amorfo jerarquizado de etiquetas de marcan.La forma de presentarse cada etiqueta depende del cliente.Cuando un HTML se escribe con etiquetas que el cliente puede interpretar, la accesibilidad de la interfaz es potencialmente alta.Los vínculos de navegación, por ejemplo, si están etiquetados, podrían ser leídos por un sintetizador de voz.En teoría, un explorador para personas ciegas podría ser capaz de leer a través de un documento HTML, interpretar cada etiqueta, y usar voz y énfasis para dar al oyente la comprensión del contenido.Desafortunadamente, la mayoría de las técnicas que usamos para componer páginas Web son a veces una ruina para la vista.Por eso no podemos esperar que la interfaz realizada con HTML sea útil para todas las personas que pueden usar el sitio Web de formas diferentes.Lo más fácil es construir una versión de interfaz lo más sencilla posible, usando solo las etiquetas moldeables de HTML (por eso la parte superior de una interfaz aparece en la parte superior del código, etc.), en las que los usuarios pueden traducir en el formulario que necesitan con su propia tecnología.En la figura siguiente podemos ver el resultado del siguiente código HTML representado en un explorador.all the news that’s legible

The Picayune Picayuné

Today’s Headlines: Aug.

25, 2002

Thumbscrew Upsheld by Supreme Court
With only 2 dissenting votes, the Supreme Court taday upheld a lower court ruling that thumb screws are a valid form of corporal punishment in schools.
HTML básico es un sistema elegante de lenguaje de marcas, porque se construye una jerarquía natural.El énfasis y la estructura se añaden al texto mediante etiquetas.Aquí, el diseñador ha dado énfasis a la cabecera, usando la etiqueta H1, que representa el tamaño más grande de letra para cabecera.Algunos exploradores pueden mostrar las etiquetas de cabecera con un tipo de legra de 24 puntos, otros pueden representarlas ligeramente más grandes o más pequeñas, pero el usuario comprenderá la jerarquía de la página basándose en los tamaños relativos de cabeceras y textos.Un sintetizador de voz puede interpretar fácilmente esta página, leer las cabeceras en una voz grave y pausada, para continuar después el resto del texto con un tono más natural.El usuario con problemas visuales podría incluso tabular a lo largo de la página, saltando de cabecera en cabecera.

Lea También