Más allá de las directrices: Avanzadas técnicas de accesibilidad

Más allá de las directrices: Avanzadas técnicas de accesibilidad

Palabras: 1182

Resumen:

Averiguar cómo ir más allá de las directrices de accesibilidad del W3C y ofrecer una experiencia verdaderamente accesible en el sitio.

Cuerpo del artículo:

Al crear sitios web accesibles, la mayoría de los desarrolladores web y administradores de la Web tienden a seguir las directrices de accesibilidad del W3C. Y con razón - son los más completos de accesibilidad de recursos en Internet, después de todo. Directrices de accesibilidad del W3C, o las Directrices de Accesibilidad para el Contenido Web, ya que está oficialmente se conoce, podría ir un poco más sin embargo. El cumplimiento de las directrices le dará un sitio web accesible (recuerde, sin embargo, que son sólo directrices no siempre lo que deben ser tomadas literalmente). Por último, aunque la accesibilidad, pruebe la aplicación de algunas de estas técnicas también: Texto oculto Texto oculto puede ser muy útil para los usuarios de lector de pantalla. Si no hay suficiente texto para estos usuarios para obtener una comprensión de una determinada sección, a continuación, puede simplemente crear esta información adicional y ocultarlo de los usuarios con visión reducida. El más común y útil página invisible para insertar elementos de texto para usuarios de lector de pantalla incluyen: - Rúbricas - Cada sección en cada página debe tener un título colocado inmediatamente antes de ella. De esta manera, los usuarios de lector de pantalla siempre se sabe que la sección anterior ha terminado y una nueva sección ha empezado. Por lo tanto, antes de que comience la navegación principal, debe insertar una partida etiquetada, 'Sitio de navegación ». A pesar de esta partida es muy útil para los usuarios de lector de pantalla, que puede parecer más bien feo visualmente, de modo que basta con que el texto sea invisible. - Formulario de etiquetas - Cada tema debe tener la forma de una etiqueta inmediatamente anterior - de otro modo, los usuarios de lector de pantalla no sabrá lo que es la forma sobre el tema. Fecha de nacimiento campos, con tres campos separados para la fecha, mes y año, son comunes los culpables de no proporcionar la forma de etiquetas para cada campo del formulario. Entonces, coloque la etiqueta la fecha de nacimiento antes de los tres campos de formulario y, a continuación, insertar una etiqueta invisible antes de cada uno de los otros dos campos de formulario, 'Mes de nacimiento "y" Año de nacimiento ». - Saltar enlaces - Un salto es un vínculo invisible que la coloca en la parte superior del archivo HTML. Es un pariente vínculo dentro de la página, que permite a los usuarios saltar directamente a una sección en la página, por lo general el contenido principal. Saltar enlaces son muy útiles para los lectores de pantalla y el teclado-que sólo los usuarios pueden saltar directamente a los contenidos, sin tener que trabajar a través de la navegación. Sucinta, de carga frontal convencionales y enlace de texto Como un método de navegación a través de una página, lector de pantalla se puede acceder a una lista de enlaces en una página e ir al enlace en el que está más interesado. Es de conocimiento común que vinculan texto tiene sentido fuera de contexto, y esto es, en efecto, una directriz del W3C. Enlace de texto como "Pulse aquí" que obviamente no tienen sentido en una lista como esta. También es crucial que es vínculo de texto: - Sucintos - por lo que es rápido y fácil para lector de pantalla a los usuarios trabajar a través de esta lista - Frente de carga - la pantalla de modo que los usuarios puedan comprender el significado de la relación inmediatamente y saltar a la siguiente si no están interesados - Convencionales - lector de pantalla de manera los usuarios pueden alphabetise la lista e ir al enlace que está buscando (por ejemplo, si el "contacto nosotros" vínculo etiquetado como 'consultas' sería difícil encontrar el sitio web del número de teléfono) Enlace de texto es, además, importante para los usuarios que le resulta difícil leer en línea, como la lupa de pantalla y los usuarios con dificultades de aprendizaje y dislexia. Para estos usuarios, cuando la exploración a través de páginas web, que va a ser a menudo incapaz de tomar las palabras específicas -, sino que veremos las formas y colores. Todo lo que en un alto contraste de color es, obviamente, un vínculo, de modo que puedan detenerse y leerlo. Al hacer de enlace de texto breve y de primera carga, y el uso de enlace de texto convencional, es mucho más fácil para los usuarios que le resulta difícil leer en línea para comprender los vínculos y de inmediato lo que es su destino. Visible fuente Resizer Es crucial que el texto es de tamaño para los usuarios de Internet con visión limitada o pobre - o por lo que la teoría. En realidad, el usuario de prueba ha demostrado una y otra vez que son pocos los usuarios de la web realmente saben cómo cambiar el tamaño de texto, o que esta funcionalidad aún existe. Al proporcionar una fuente Resizer visible a todos los usuarios son, por supuesto, conscientes de que pueden cambiar el tamaño del texto en caso de que se necesite. Para saber cómo poner una fuente Resizer en su sitio web, lea este artículo sobre el cambio de estilo en http://www.alistapart.com/stories/alternate. (Por cierto, si usted no sabe cómo cambiar el tamaño de texto, simplemente seleccione "Ver> Tamaño del texto", ya sea en Internet Explorer o Firefox, como alternativa, con la rueda de desplazamiento de su ratón mientras mantiene pulsada la tecla de control.) Coloque primero las instrucciones Si usted proporciona instrucciones para cualquier tipo de funcionalidad en su sitio, asegúrese de que las instrucciones que se colocan antes de la funcionalidad. Esto, por supuesto, suena obvio, pero es asombroso cómo muchas veces esta regla no se cumpla. Lector de pantalla a los usuarios escuchar las páginas en el orden en que está escrito en el, así que si todas las instrucciones que vienen después de lo que están relacionadas a continuación, que, evidentemente, va a ser demasiado tarde. Puesta instrucciones primero es también crucial para la pantalla lupa usuarios. Pantalla lupa los usuarios sólo pueden ver una pequeña sección de la pantalla en cualquier momento, así que si las instrucciones se colocan en un fuera de lugar la forma más probable es que se puede pasar por alto. Formularios web son quizás el tipo más común de funcionalidad para contener instrucciones. Estar seguro de que todas las instrucciones que se colocan por encima de la forma y no debajo de él. Mal colocado instrucciones suelen incluir explicar que los campos son obligatorios y los mensajes de error. Las grandes líneas Las partidas son cruciales para todos los usuarios a encontrar lo que buscan rápidamente y eficientemente. Sin embargo, son especialmente útiles para cualquier usuario que tiene dificultades para leer en línea, como la lupa de pantalla y los usuarios con dificultades de aprendizaje y dislexia. Cuando estos usuarios escanear a través de páginas web, que va a ser a menudo incapaces de recoger las palabras y en lugar de ver formas y colores. Mediante el uso de un gran tamaño de fuente para las partidas, estos usuarios podrán fácilmente detectar estas importantes partidas. Enfoque estado de los vínculos Teclado-web los usuarios pueden navegar a través de las páginas web de tabulación de un enlace a otro (el tema y la forma de formar el tema). Sin embargo a veces puede ser difícil saber exactamente dónde usted está en la página cuando se confía en el método de tabulación. Mediante la asignación de un fondo de color a la atención el estado de cada uno de los vínculos, se hace mucho más fácil para estos usuarios a orientarse en la página. Gran vínculo objetivo Muchos usuarios de la web con destreza los problemas utilizará sólo el teclado para navegar a través de un sitio web. Algunos todavía se siguen utilizando un ratón, sino más bien con un control limitado, por lo que intenta hacer siempre que sea posible aumentar el área de la relación objetivo. Este es, por supuesto, no es posible para los enlaces regulares, pero para la navegación basada en listas verticales es fácil hacer clic para ampliar la zona a todo el ancho de la columna asignando el estilo, la pantalla: bloque para cada vínculo. Conclusión Directrices de accesibilidad del W3C son, por supuesto, importante, pero si usted desea que su sitio web sea realmente accesible a continuación, hay más que usted puede hacer. Siguiendo el consejo en este artículo es, por supuesto, un gran comienzo!