Como desarrollador / diseñador web profesional o independiente, ¿qué tan preocupado está con la accesibilidad?

Siempre he tratado de mantener las cosas accesibles, aunque estoy seguro de que no siempre lo hago exactamente bien. El punto fue claramente llevado a casa una vez cuando una mujer ciega me envió un correo electrónico y me agradeció por hacer que mi sitio fuera accesible. Estaba leyendo publicaciones de “cómo hacer” en mi blog sobre desarrollo web y dijo que era más fácil de seguir que muchos otros sitios, porque no me basé exclusivamente en imágenes para ilustrar mis puntos.

Lo que debemos recordar es que la accesibilidad es para todos, no solo para aquellos con discapacidades graves. Las personas de mediana edad con visión de futuro constituyen una gran parte de los usuarios de Internet y no les va bien con un pequeño tipo gris sobre fondos blancos. Sin embargo, muchos sitios tienen un pequeño tipo gris.

Algunos clientes no se preocupan por esto, pensando que es posible que no tengan muchas personas ciegas o con discapacidad auditiva en su público objetivo. Si bien eso no debería ser un factor (deberían hacerlo de todos modos), la forma de contrarrestar este argumento es explicar que muchas características que mejoran la accesibilidad también mejoran el SEO. (Si no lo hacen por los motivos correctos, podrían hacerlo por otros motivos).

Si no tengo control sobre el contenido y el diseño, intento al menos cumplir con los estándares mínimos.

1) Si una imagen tiene contenido que transmite información importante, debe usar texto alternativo para proporcionar una explicación alternativa. Si se trata solo de dulces decorativos, puede ser más útil usar alt = “” que usar algo como alt = “purplebullet”. (Es mejor mostrar alt = “” que dejarlo fuera. Si uno lo deja fuera, el navegador dirá algo como la URL de la imagen o simplemente la palabra “imagen”).

2) Las páginas deben codificarse con marcado semántico para que los lectores de pantalla puedan discernir la diferencia entre encabezados y párrafos. Por ejemplo, un encabezado

Hábitos dietéticos de hipopótamo

es más útil que

Hábitos dietéticos de hipopótamo

ya que le dice al lector de pantalla que es un encabezado y que describe qué se trata el siguiente contenido.

2B) Los menús deben codificarse como listas desordenadas en lugar de párrafos. Esto le dice al navegador que los enlaces están separados, por lo que no se leerán como una cadena larga. Del mismo modo, dos enlaces seguidos deben tener algún carácter que los divida.

3) Los sitios deben proporcionar accesos directos al contenido primario para que las personas que usan lectores de pantalla no necesiten escuchar el menú que se les lee una y otra vez.

4) El contraste debe ser claro entre el texto y los colores de fondo. Hay sitios que se pueden usar para simular cómo se verá un sitio para aquellos con diferentes tipos de daltonismo. 3 Simuladores de daltonismo en línea fáciles de usar

5) Los tamaños de fuente deben establecerse en ems para que puedan ampliarse fácilmente en el navegador. (Esto no es tan importante en los navegadores modernos, pero solía ser en los más antiguos).

6) El contenido de audio o video debe tener una alternativa de texto o subtítulos para personas con discapacidad auditiva, si es importante transmitir el significado. Esto puede ser complicado con cosas como videos instructivos, pero creo que es bueno ofrecer una transcripción cuando sea posible. No trato con este tipo de contenido con tanta frecuencia, así que admitiré no hacerlo si no se requiere la mensajería. Por ejemplo, construí un sitio para un bar que reproduce música en vivo. Tenemos videos incorporados en el calendario de eventos. No tengo letras alternativas para esos. Pero los usuarios sordos no vendrían por la música. Vendrían con amigos o porque les gustan otras cualidades del lugar, que se describen en el texto.

7) Los menús desplegables deben ser fáciles de usar y no demasiado pequeños. Prefiero incluir menús secundarios cuando sea posible. Algunas personas con artritis o problemas de movilidad en sus manos o muñecas pueden dificultar el uso de algunos menús desplegables. (Algunos son difíciles de usar incluso sin tales problemas).

Los sitios como http://www.cynthiasays.com/ son útiles para probar la accesibilidad, aunque debe tener en cuenta cuándo son adecuadas sus advertencias y cuándo ha hecho algo (como usar una alt vacía) a propósito.

http://www.access-board.gov/guid… también ofrece información útil.

Siendo un experto en accesibilidad, se podría decir que soy parcial al responder.
Pero vale la pena saber que HTML, desde el principio, se basa en la accesibilidad, ya que se creó por primera vez para intercambiar información, se hizo accesible para todos.

Semántica, contenido alternativo, jerarquía de contenido, todo está ahí. El primer paso y el más básico es garantizar que su código cumpla con W3C.
Yo diría que alrededor del 30% de los criterios que deben cumplirse para garantizar que el contenido accesible sea todo menos técnico, el ejemplo más simple es el atributo “alt” en las etiquetas img: es obligatorio en accesibilidad, también es obligatorio si estás para validar W3C su código.

Ya sea que esté preocupado o no, al ser un desarrollador web puede implementar fácilmente prácticas básicas accesibles en su trabajo sin mucha molestia.

En Netguru, donde trabajo, nos damos cuenta de los requisitos relacionados con la accesibilidad y los tenemos en cuenta. Aquí hay una publicación en nuestro blog que describe la accesibilidad e incluye información que cada desarrollador y diseñador debe comenzar al menos con: Accesibilidad en las aplicaciones: la necesidad a menudo olvidada

Las inquietudes de accesibilidad varían según la audiencia prevista. La escena de inicio hace que el diseño plano, el móvil primero, los marcos de arranque pulidos parezcan omnipresentes, pero he aprendido que no se pueden tener en cuenta todas las formas en que un sistema fallará. Diseño en gran medida para un grupo demográfico de más de 65 años, algunos de estos clientes no han actualizado sus navegadores desde que obtuvieron su disco AOL en 1998.

En previsión de estos consumidores, diseño para el mínimo común denominador, que después de 25 años sigue siendo …

Estructuras de tablas HTML, imágenes anidadas y texto alternativo

** diseñadores encogen **

Sí, la “accesibilidad” parece ir en contra de las “buenas” convenciones de diseño moderno, de lo que muchos diseñadores no se dan cuenta es que la vanguardia del diseño es fácilmente 10 años por delante del resto del país. Muchas compañías que existieron antes del interet, no se conectaron hasta mediados de la década de 2000 y los estándares web de ese período siguen siendo la norma para muchas compañías, especialmente aquellas administradas por / para personas mayores.