Accesibilidad web

Inicio > Diseño Web > Accesibilidad web

Introducción a la accesibilidad web

A nadie se le escapa que la accesibilidad web es un tema cada vez más importante en el desarrollo de páginas web; con una web accesible para todos, además estamos abriendo nuestro site a todas aquellas personas con algún tipo de discapacidad, ya sea permantente o temporal; estas personas sin el uso adecuado de las mejores técnicas, y las adecuadas pautas de accesibilidad en la programación accesible no podrán acceder a nuestros contenidos.

La diversidad funcional; hasta hoy llamada minusvalía y cómo su sentido es negativo me propongo eliminar del vocabulario empleado en este post; es algo que todos sufriremos en mayor o menor medida a lo largo de nuestras vidas, y estoy convencido de que si cambiamos nuestra forma de entender la accesibilidad web; si trabajamos por un universo web accesible mejoraremos, por lo menos en parte, nuestra calidad de vida en esos momentos; por lo tanto es una obligación empezar a aplicar la accesibilidad web de forma unánime y no cabe duda, el contemplar la posibilidad de si nuestra web debe ser accesible o no ya no nos llevará ni un segundo de debate.

accesibilidad web pública¿Porqué cerramos pues las puertas de nuestra web a estas personas con discapacidad?

Las personas con algún tipo de discapacidad van a poder navegar por nuestra página sin problemas; van a entender el contenido y van a poder interactuar; siendo esto tan obvio me cuesta comprender la razón por la cual la mayoría de sitios web aún no son accesibles para personas con discapacidad. Evidentemente no sólo nos referimos a personas con discapacidades físicas, problemas visuales, auditivos, cognitivos permanentes; también a nuestros mayores, quienes por su edad ven mermadas algunas habilidades como consecuencia de su edad.

Está claro, este no es un campo exclusivo de las páginas web; el software de uso cotidiano carece, en la mayoría de los casos, de opciones las cuales tengan en cuenta la accesibilidad y reduce a la mínima expresión la utilización de determinados programas a las personas con discapacidades; en el desarrollo de software, el cual merece un capítulo aparte y no descarto dedicárselo en un futuro post, es necesario empezar a crear aplicaciones cuyo contenido sea perfectamente accesible, y de esta forma se abra el abanico de posibilidades de convertir los software de uso más o menos cotidiano en accesible y algo normal para las personas con algún tipo de discapacidad.

Beneficios de una web accesible.

La accesibilidad web beneficia en realidad a todos los usuarios; aporta beneficios de usabilidad, pero esto no sólo a aquellos los cuales tienen algún tipo de discapacidad; hoy en día es necesario tener en cuenta los principios básicos de la accesibilidad web, y quizá el más importante sea la flexibilidad del diseño para conseguir satisfacer las distintas necesidades de los visitantes de nuestra web; sus preferencias y aquellas situaciones comunes de navegación.

Os pondré un ejemplo claro; si nuestros enlaces dirigen a nuevas pestañas, incluso a nuevas ventanas; esta acción genera una necesidad de atención mayor por parte de nuestros visitantes que si se abre el enlace en la misma ventana; a la vez que lo convierte en menos accesible; si ya comprendo, esto es un fastidio; al abrir una nueva página en la misma ventana que tienes activa el usuario está, en determinados casos, abandonando tu página web; pero si la abres en una pestaña nueva las posibilidades de regreso por parte del visitante son bajas también; es posible que el regreso se produzca sólo para cerrar la pestaña.

Factor fundamental de accesibilidad.

Por otro lado uno de los factores fundamentales el cual la accesibilidad nos proporciona, es la posibilidad de mostrar fragmentos de texto sobre las imágenes, con ello también estamos contribuyendo a permitir a aquellas personas con alguna determinada dificultad para acceder a la web, por ejemplo con conexiones lentas, discapacidades físicas temporales o cualquier otro tipo de discapacidad poco determinada su acceso, con la aplicación de estas técnicas de accesibilidad podrán navegar sin problemas convirtiendo su experiencia de navegación en positiva y por tanto en seguidores habituales de nuestros contenidos.

No podemos olvidar el principio determinante; internet es para todas las personas que la hacemos posible; desarrolladores, clientes, empresas y usuarios; por lo tanto la accesibilidad nos permite abrir el abanico de posibles visitantes a nuestras páginas; ya no sólo pensando en vender más y a más personas, también pensando en que esas personas con problemas de accesibilidad nos distingan con su confianza; es un sentimiento recíproco el cual debe convertir nuestra página web en un lugar donde todo el mundo tenga cabida; si nuestros contenidos son comprensibles para un mayor universo de personas; obviamente vamos a tener un público cada vez más fiel.

Importancia de la accesibilidad web.

Si nos paramos a pensar en todo lo escrito hasta aquí; pienso sinceramente ya nos ha quedado clara la importancia de la accesibilidad web, pero creo oportuno entrar un poco más en detalle. Todos tenemos presente que nuestra web es un recurso muy importante para cualquier línea de negocio; pero no sólo y exclusivamente para las empresas es importante la accesibilidad; la mayoría de instituciones públicas, cada vez más, tienen en consideración la accesibilidad a la hora de desarrollar sus distintos portales.

Aún queda mucho por avanzar a nivel de educación, sanidad y otros servicios públicos; cuyos usuarios, al ser universales tienen un determinado porcentaje de discapacidad y muchas veces parece que no tienen la suficiente visibilidad; los portales no están pensados para estas personas con discapacidad, hecho el cual condiciona su uso a conseguir la ayuda por parte de terceras personas para algo tan simple como pedir una cita con el médico mediante el uso de la web de su centro de salud.

La implantación de una web accesible.

La decisión de implementar estas mejoras de accesibilidad web a las páginas corporativas, forma parte de la cultura de cada empresa y de sus objetivos; pero es precisamente en este punto donde pienso estamos más verdes. La accesibilidad web no debería ser una opción; debería ser un punto inexcusable de optimización de una página web; se nos llena la boca de hablar de la RSE y sin embargo no trasladamos esto a nuestro principal escaparate, la web.

También las tiendas online tiene la necesidad de adaptar sus contenidos a personas con discapacidad; estos usuarios también compran online, y sin embargo tanto los botones de compra; cómo los procesos de pago, cuentan con pocas facilidades de accesibilidad; la accesibilidad a las tiendas online de escritorio es más o menos adaptable, pero las versiones móviles, y no debemos olvidar el hecho de que la mayoria de transacciones económicas en las tiendas online se realizan mediante este tipo de dispositivos, son totalmente inaccesibles; lo cual dificulta la interacción de las personas con discapacidad en este tipo de nevegación impedida por una ausencia total de criterios de accesibilidad.

Programando una web con accesibilidad óptima.

La accesibilidad web no está reñida con un diseño vistoso, fresco y original; al contrario, aunque hay personas las cuales no pueden, ni podrán percibir algunos detalles con claridad, ese buen diseño se nota también en la accesibilidad; tamaño y disposición de los CTA, formularios adaptados, tamaños de fuente perfectamente legibles o la posibilidad de modificarlos, imágenes bien etiquetadas; todo influye en un buen diseño y proporciona experiencias de usuario positivas; y si quieres un motivo más, es un muy buen factor a tener en cuenta para SEO; a Google le gustan las cosas bien ordenadas. Por lo tanto tu posicionamiento SEO va a mejorar de forma substancial.

En primer lugar, y antes de entrar a fondo en este punto, quiero dejar claro un dato; cómo no me gusta esconder nada, esta web no pasa todos los criterios de accesibilidad web; se puede comprobar en el validador W3C, pero mi compromiso es firme en seguir trabajando para conseguir los supere en breve, no obstante y ya que somos honestos; os invito desde la misma página de validación a comprobar los errores de accesibilidad que devuelve el mismísimo Google.com; es un leve consuelo, pero no es excusa para seguir trabajando por mejorar la accesibilidad web de este site; por ahora ya tenemos el nivel de conformidad accesible triple A (AAA) y eso sin tener al 100% resueltos todos los errores de accesibilidad.

Puntos de validación de accesibilidad web

  • Prioridad 1:

    • son los puntos que un desarrollador Web tiene que cumplir; de no cumplirse, ciertos grupos de usuarios no podrían acceder a la información del sitio Web.
    • Proporcionar texto descriptivo de las imágenes mediante etiquetas alt y descripciones largas.
    • Todos aquellos puntos que utilizan algún patrón de color; por ejemplo para realzar un texto, deben ser visibles también en formato monocromo
    • Identificar los cambios de idioma con etiquetas href lang; cuidado con esto, ya que en el reciente proyecto AMP (Accelerated Mobile Pages) estas etiquetas no estan permitidas, pero hay que ponerlas en la url canónica para conseguir sea entendible.
    • Los textos se han de poder leer aúnque no se utilicen hojas de estilo para su presentación.
    • Mapear convenientemente las imágenes para conseguir sean controlados por el usuario y no por el servidor web.
    • Evitar siempre que sea posible el uso de tablas; y si se utilizan distinguir claramente los encabezados de filas y columnas utilizando marcadores; este es otro punto el cual beneficia a todos tipo de personas, no sólo aquellas con discapacidad; las tablas no siempre se muestran correctamente en todos los dispositivos.
    • Evitar al máximo los iframes, por ejemplo los vídeos incrustrados desde YouTube; si se utilizan es necesario añadir y titular los marcos para hacer comprensible el contenido que se está mostrando.
  • Prioridad 2:

    • son aquellos puntos los cuales un desarrollador Web debería cumplir; de no hacerlo, sería muy difícil acceder a la información para determinados grupos de usuarios.
    • Asegurar que las combinaciones de color utilizadas tengan el suficiente contraste para que las personas con deficiencias de percepción de los colores puedan visualizar los elementos
    • Utilizar gramáticas validadas.
    • Utilizar hojas de estilo para asegurar una correcta maquetación del contenido
    • Uso de unidades relativas en lugar de valores absolutos en el diseño; este factor ya se utiliza en las web responsive y es de gran utilidad para aquellas personas las cuales necesitan ampliar o disminuir la ventana del navegador para visualizar el contenido adecuadamente.
    • El uso de las etiquetas H1, H2, H3 con el objetivo de dejar claro como se estructura la información
    • Marcar las citas con la etiqueta quote y no utilizando sangrías en el texto
    • Tratar de evitar que los enlaces se abran en nuevas pestañas u ofrecer la posibilidad de que se puedan desactivar; (esto no es simpre posible, pero siempre que se pueda hay que tratar de evitarlo)
    • Evitar los bloques de contenido excesivamente largos y tratar de estructurarlos debidamente para hacer más facil su comprensión.
    • Cómo en la prioridad 1; se desaconseja el uso de tablas, pero en su uso hay que tratar de permitir que los contenidos de las tablas puedan ser alineados para mejorar la accesibilidad a ellas
    • Tratar de evitar las tablas para la maquetación de la página
  • Prioridad 3:

    • son aquellos puntos que un desarrollador Web debería plantearse cumplir para evitar que algunos usuarios experimenten ciertas dificultades para acceder a la información.
    • Tratar de evitar abreviaturas y acrónimos; si se utilizan incluir la expansión de la abreviatura en el código fuente para facilitar pueda ser leida; es tan simple como etiquetar la palabra en cuestión.
    • Efectuar una clara declaración de idioma principal con la etiqueta href lang en el encabezado del documento
    • Disponer posibilidades de navegación usando el tabulador en los anchor; esto también es simple, el uso de los anchor está un poco en decadencia y no entiendo muy bien porqué; ya que los anchor facilitan la navegación entre distintos apartados de nuestro contenido
    • Implementar atajos de teclado para permitir saltos entre bloques por ejemplo; en este enlace tienes perfectamente explicado como utilizar los atajos de teclado para WordPress.
    • Barras de navegación perfectamente visibles durante la navegación por la página
    • Coherencia entre páginas, no utilizar distintos tipos de estilo entre las páginas de un mismo sitio web

La lista completa de las prioridades se puede encontrar en el sitio web de discapnet; el cual ha sido utilizado como referencia en este post.

En función de la consecución de estos puntos de verificación se establecen los distintos niveles de conformidad:

  • Nivel de Conformidad “A”:

    • todos los puntos de verificación de prioridad 1 están presentes si son utilizados.
  • Nivel de Conformidad “Doble A”:

    • todos los puntos de verificación de prioridad 1 y 2 estan presentes.
  • Nivel de Conformidad “Triple A”:

    • todos los puntos de verificación de prioridad 1,2 y 3 se aproximan al máximo. Cabe recordar que el nivel de prioridad 3 es una optimización de los niveles 1 y 2, por lo tanto se trata de mejorar los dos primeros para conseguir el tercero.

Se me olvidaba citar, si piensas aplicar la accesibilidad web a tus diseños, trata de darle menor importancia a los ratios texto / html, ya que el ratio de html va a crecer de forma exponencial cuanto más te aproximes al nivel de conformidad AAA

Dicho esto, de forma más o menos frecuente, se ha derivado la responsabilidad de la accesibilidad web hacia los desarrolladores; si nos fijamos en las distintas prioridades siempre es el desarrollador quien ha de tener en cuenta las prioridades a la hora de desarrollar una web, pero no sólo el desarrollador es responsable de conseguir esta accesibilidad plena; el software empleado también juega un papel importante.

WordPress el CMS accesible.

Si nos centramos en WordPress; debo decir que el CMS cumple casi a la perfección todos los standard de validación, pero después entran en juego otros elementos decisivos cómo las plantillas o los plugin utilizados los cuales pueden mandar al traste todo nuestro esfuerzo; ya he dejado claro en otros post que no soy partidario de la utilización masiva de plugin, quizás por ello mis esfuerzos deban ser menores para optimizar la accesibilidad web de este site y conseguir con ello que las personas con algún tipo de discapacidad puedan utilizar esta web. En todos mis desarrollos trato de suprimir al máximo el uso de plugin; no obstante hay ocasiones en que es imposible prescindir de algunos de ellos y es necesario asegurarse de que consigues con el plugin lo que estás buscando sin afectar a la accesibilidad web.

Si somos consecuentes, hay mucha literatura para comprender de que forma trabajar la accesibilidad web en WordPress, pero a mi personalmente me gusta ir a los inicios del tema para posteriormente ir profundizando. En la búsqueda de información para la realización de este post; una de las primeras cosas que encontré fue el documento original de accesibilidad; este documento hace referencia a la iniciativa de accesibilidad web (WAI). En el documento se especifica de forma clara como hacer para desarrollar una web accesible; ya que se consideran estándares internacionales de accesibilidad web. La mayoría de las características de accesibilidad web se pueden programar de forma sencilla; eso si, es necesario pensar en accesibilidad desde el principio para no tener la obligación de andar modificando el código posteriormente; si utilizas etiquetas XHTML las cosas son mucho más sencillas, ya que todas están contempladas dentro de los estándares de accesibilidad web.

programar web accesible

¿Cómo evaluar la accesibilidad web?

Es conveniente ir evaluando el diseño de la web durante todo el desarrollo; es preciso pensar en ello desde el inicio; para ello podemos contar con las herramientas que W3C pone a nuestra disposición; de todas formas, tal y como apuntaba en el apartado anterior, no es cuestión de obsesionarse; lo mejor es ir midiendo y resolviendo errores para aproximar la página web lo máximo posible al estandard; si esto se realiza desde el principio es mucho más sencillo, puesto que las correcciones serán mímimas.

Lo que al final va a determinar la accesibilidad de la web que vayas a entregar va a ser la experiencia de sus usuarios, y esa experiencia es la que te va a permitir decidir si tu web es plenamente accesible; hemos visto como los estándares y las distintas herramientas determinan unos “minimos” de accesibilidad web, pero en realidad no hay nada mejor que ofrecer probar la web a personas con algún tipo de discapacidad, para comprobar si esta es plenamente accesible; un compañero de nuestro equipo comenta a menudo cómo para saber si una web se entiende bien, deja que sean sus abuelos quienes la prueben; si ellos lo ven claro probablemente estemos ante una web accesible y entendible lo cual es igual de importante.

Apostar por la accesibilidad.

Ahora depende de ti, y de tu cliente, decidir si quieres una web accesible o no; nuestra apuesta es clara, creemos que es necesario tener en cuenta en todos nuestros diseños la accesibilidad web, pero ya no como una opción; ha de ser algo natural y se debe incluir como parte del desarrollo de la web, pero obviamente esta sólo es mi opinión. A partir de aquí ya depende de cada uno decidir si queremos tener una web plenamente accesible; o si por el contrario renunciamos a los posibles clientes con algun tipo de discapacidad. Puede parecer que estoy escribiendo en tono mercantilista, pero nada más lejos de mi intención; la accesibilidad en la web ha de ser un derecho, no una opción y debemos trabajar todos en ese sentido, abriendo nuestros escaparates a un público cada vez más amplio, a todas las personas las cuales conviven en la red.

accesibilidad web para todos

Apuesta personal.

Nota: en nuestra apuesta por un mundo más justo y donde nadie se sienta discriminado; hemos decidido hacer todos nuestros diseños incorporando a partir de hoy estas pautas de accesibilidad web. Es nuestro compromiso con la sociedad; evidentemente respetaremos la última decisión, que corresponde a nuestros clientes, de utilizar la accesibilidad web o no. Pero nuestro compromiso no queda ahí; ya que los diseños que implementen la accesibilidad web, no van a tener ningún coste añadido; los clientes que ya disponen de nuestros diseños web han sido informados; todos aquellos que lo deseen y quieran acogerse, van a contar con la adaptación del diseño sin coste alguno; va a ser nuestro granito de arena hacia una web accesible para tod@s.

Espero que estas pequeñas pautas te resulten de utilidad, y si necesitas ayuda para ponerlas en práctica no dudes en contactar con nosotros; será un placer ayudarte a conseguir tu web sea accesible. Si por el contrario, estás pensando en desarrollar una nueva web, y te interesa que siga las prioridades establecidas de accesibilidad; estaremos encantados de darte un presupuesto ajustado en el desarrollo de tu nueva web; web en la cual, la implementación de todas estas pautas de accesibilidad serán sin coste alguno.

Declaración de intenciones sobre accesibilidad

En Jardín de Ideas tenemos un alto compromiso con la sociedad; la cual nos acoge, y da sentido a nuestras vidas; por tanto a nuestra actividad, y entendemos la accesibilidad cómo un derecho el cual no admite discusión; la accesibilidad es un derecho fundamental; se ha avanzado algo, a nuestro entender no lo suficiente, en mejorar la accesibilidad a instituciones públicas con adaptaciones de los espacios de acceso para personas con discapacidad; sin embargo entendemos que en internet, y en el mundo tecnológico en general existe poca conciencia de accesibilidad; olvidamos de forma demasiado frecuente este derecho fundamental de accesibilidad; debería tratarse como un fundamento de discriminación para los usuarios con discapacidad, y entedemos también la necesidad de seguir avanzando en estos factores de accesibilidad; para convertir internet en un lugar accesible y universal.

Pensamos que en materia de accesibilidad queda mucho camino por recorrer; pero también somos conscientes de la necesidad de dar el primer paso para llegar a la meta. A un internet en el cual la accesibilidad sea un hecho, y no una opción a criterio del desarrollador; las empresas se deben concienciar en tener webs accesibles, y asumir el reto de la accesibilidad como algo natural; es un derecho por el cual debemos seguir trabajando de forma unánime; el objetivo es conseguir que no sea necesario escribir más post cómo este; que la accesibilidad sea un hecho cotidiano; nos acostumbremos a ver los botones de accesibilidad en todas las páginas web, y esto sea tan normal, que ya nadie repare en ello.

¿Quieres mejorar la accesibilidad de tu web?

Nombre
Email
Teléfono
Su web actual

¿Necesita aportar algún detalle? He leido y acepto la información sobre política de privacidad

Rating: 5.0. From 32 votes.
Please wait...
2017-07-06T07:33:47+00:00

2 Comentarios

  1. Josep M Martinez 17/03/2016 en 6:39

    Muchísimas gracias Miguel, pienso que el compromiso con la sociedad es una obligación y no se debe descartar a nadie por su condición. Es un pequeño grano de arena, pero es una forma de devolver a la sociedad las satisfacciones que nos entrega. Gracias de nuevo por tu comentario que nos anima a seguir adelante. Saludos

    No votes yet.
    Please wait...
  2. Miguel Pujante 16/03/2016 en 23:09

    Buenas noches Josep.

    De nuevo demuestras tu humanidad y la de tu equipo.

    No debemos olvidar que a lo largo de nuestras vidas, todos los humanos vamos a padecer una diversidad funcional (otrora llamada minusvalía) aunque sea temporal.

    Por otro lado lo que tampoco debemos olvidar que este colectivo de personas con alguna diversidad funcional alcanza un 20% de la población de países económicamente desarrollados, por lo que hasta podría llegar a ser un target específico para algunos negocios.

    Muchas gracias por ser como sois, por ser como eres

    No votes yet.
    Please wait...

No se permiten comentarios.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies