Acccesibilidad web: ¿Cómo hacer formularios accesibles?

Hace unos días hablé sobre consejos para llevar a cabo la accesibilidad web en WordPress, y comenté que había que hacer los formularios accesibles.

El tema de los formularios es muy amplio, por eso he decidido hacer una entrada dedicada a ello.

formularios accesibles

Para hacer formularios accesibles hay que saber etiquetar correctamente los controles del formulario. Para ello, hay que respetar la semántica, que es lo que va a permitir que los campos sean accesibles.

Campos de formulario

Cada campo de formulario está asociado a un control, que determinará qué tipo de campo es.

Para establecer la relación entre la etiqueta y el control del formulario, tal y como indica la técnica H44, hay que asociarla con el atributo forcuyo valor debe ser igual al id del control del formulario. Sólo una etiqueta puede estar asociado a cada elemento de forma única, el id debe ser único en la página.

Campos de tipo Texto:

<label for="name" > Nombre (obligatorio) </label>
<input type="text" name="nombre" id="name"

El elemento label debe usarse con los elementos <textarea> <select> y los inputs de tipo "text", "checkbox", "file" y "password."

El elemento label no debe usarse con los input de tipo imagen, porque estos se etiquetan con el atributo alt, como indica la técnica H36.

Tampoco debe usarse en los input de tipo "submit" o "reset", los cuales se etiquetan con el atributo value.

<input type="submit" name="Enviar" value="Enviar" / >

Tampoco se usa con el elemento "button", donde ya se usa el contenido como etiqueta.

<button type="submit" name="Enviar">Enviar</button>

Tipo textarea: Es la caja que aparece cuando vamos a envíar un formulario y escribimos nuestra consulta o dudas al respecto.

<label for="address">Pon tu dirección:</label><br />
<textarea id="address" name="addresstext"></textarea>

Campos con opciones: Para establecer campos donde se den opciones a elegir, a la hora de hacerlos accesibles es necesario contar con dos etiquetas, para que los campos sean reconocidos por los dispositivos de apoyo, como el lector de pantallas. Estas etiquetas son: <fieldset></fieldset>, que nos servirá para agrupar los elementos dentro del campo. Y usar la etiqueta <legend></legend> para poner un título al campo.

Para trabajar los campos con opciones existen dos tipos: de tipo checkbox, y de tipo radio.

Tipo checkbox: Estos campos permiten seleccionar más de una opción a la hora de elegir.

<fieldset>
<legend> Selecciona el tipo de envío </legend>
<p><label> <input type="checkbox" name="deliverytype" value="urgente" checked > Urgente </label></p>
<p><label> <input type="checkbox" name="deliverytype" value="acuse" > Acuse </label></p>
<p><label> <input type="checkbox" name="deliverytype" value="contrareembolso" > Contrareembolso </label></p>
</fieldset>

Y el otro tipo de campo de opciones es el de tipo radio. Se usa igual que el del tipo checkbox, pero hay que que especificar que es de tipo radio. Este tipo de campos sólo permite marcar una sola opción a la hora de elegir.

<fieldset>
<legend> Selecciona una prioridad </legend>
<p><label> <input type="radio" name="priority" value="baja" checked > Baja </label></p>
<p><label> <input type="radio" name="priority" value="media" > Media </label></p>
<p><label> <input type="radio" name="priority" value="alta" > Alta </label></p>
</fieldset>

El uso de estas etiquetas viene especificada en la técnica H71 de las WCAG 2.0.

Campos de selección: Asociar la etiqueta <label></label> para el título del grupo y el campo (select) para agrupar las opciones, y (option) para poner cada uno de los valores a seleccionar.

<label for="favteam">Elige tu equipo favorito:</label>
<select id="favteam" name="select">
<option value="1">Real Madrid CF</option>
<option value="2">FC Barcelona</option>
<option value="3">Atlético de Madrid</option>
<option value="4">Valencia CF</option>
<option value="5">Sevilla FC</option>
<option value="6">R. Betis Balompie</option>
<option value="7">Málaga CF</option>
<option value="8">RC Deportivo de La Coruña</option>
<option value="9">RCD Espanyol</option>
<option value="10">Villareal CF</option>
</select>

En la técnica H89, se especifica que hay que usar el atributotitle que sirva como ayuda a la hora de rellenar el formulario.

<label for="direccion">Dirección</label>
<input id="direccion" 
title="Address example: 101 Collins St, Melbourne, Australia" name="direccion" size="30" type="text" value="" />

En la técnica H90 se especifica que hay que indicar los controles de formulario que es obligatorio rellenar y para una buena presentación, en los campos que sean obligatorios, es preferible poner un texto antes del campo, en vez del asterisco.

Formulario con texto adyacente

Hablando de campos obligatorios, la técnica ARIA2, establece que los campos obligatorios hay que identificarlos con la propiedad aria-required.

   <label for="fname">First name: </label>
    <input type="text" id="fname" aria-required="true" />
    [required]

Otra técnica que se puede usar y es muy importante es la técnica H85, que establece la importancia del elemento optgroup, que permite agrupar las diferentes opciones (options) dentro de un campo (select)

<label for="food">¿Cuál es tu comida favorita?</label>
<select id="food" name="food">
<optgroup label="Frutas">
<option value="1">Manzanas</option>
<option value="3">Plátanos</option>
<option value="4">Peras</option>
<option value="5">Naranjas</option>
</optgroup>
<optgroup label="Verduras">
<option value="2">Zanahorias</option>
<option value="6">Pepinos</option>
<option value="7">Lechuga</option>
</optgroup>
<optgroup label="Productos de panadería y confitería">
<option value="8">Tarta de manzana</option>
<option value="9">Pastel de chocolate</option>
<option value="10">Merengue</option>
</optgroup>
</select>

Otra técnica a tener en cuenta es la G205, que establece que no se debe poner un formulario basado en el color, ya que puede dar problemas de accesibilidad a muchos usuarios, principalmente a personas que tengan problemas de ceguera al color.

Por otro lado, en la técnica G89, se explica que para evitar errores, hay que indicar a los usuarios qué tipo de formato deben aplicar. Por ejemplo, en un campo de tipo fecha:

<label for="date">Fecha (dd-mm-yyyy)</label>
<input type="text" name="date" id="date" />

Cuando en algunos casos no se pueda usar el elemento label, las WCAG 2.0 permiten utilizar el atributo title para etiquetar los controles del formulario e identificar su propósito. Este es el caso de los campos en los que hay que introducir datos por partes, como una fecha o un número de cuenta, tal y como indica la técnica H65.

<fieldset>
<legend>Fecha de nacimiento(dd/mm/aaaa):</legend>
<input type="text" id="dia" name="dia"
title="Día (dos dígitos)"/> /
<input type="text" id="mes" name="mes"
title="Mes (dos dígitos)"/> /
<input type="text" id="año" name="año"
title="Año (cuatro dígitos)"/>
</fieldset>

En la técnica G5, se especifica que no hay que poner límite de tiempo a los usuarios para rellenar los formularios. Y en el caso de que exista ese límite, poner un mecanismo para los usuarios puedan ampliar el tiempo, como establece las técnica G133.

También en la técnica G162, se indica cómo deben ser colocadas las etiquetas de los campos. Se indica que se deben colocar encima del campo o a la izquierda del campo, con los elementos textarea y select y con los input de tipo: "text","checkbox", "radio", "file" y "password".

En la técnica G167, se especifica la utilización de un botón al lado del campo del formulario para definir su finalidad, como es el caso del cuadro de búsqueda. En este caso, este campo identifica una región de una página, landmarks roles (o puntos de referencia), por lo que hay que usar el rol ARIA correspondiente para que sea detectado por los dispositivos de apoyo.

<div role="search">
<label for="busqueda">
<input id="busqueda" type="text"></label>
<button type="submit">Buscar</button>
</div>

Es muy importante tener en cuenta los Roles ARIA.

En la técnica H84 especifica que cuando tenemos que elegir entre varias opciones para navegar a una página diferente, hay que poner un botón para que el usuario lo elija libremente.

<label for="idioma">Selecciona un idioma</label>
<select name="idioma" id="idioma">
<option value="1">Español</option>
<option value="2"> Italiano</option>
<option value="12">Inglés</option>
</select>
<input type="button" name="submit" value="Cambiar de idioma">

Por todas estas razones, es importante tener en cuenta la accesibilidad de los formularios, para facilitar la vida a muchas personas.

Pero también existen otras opciones para aquellas personas que no se atrevan a usar código, lo pueden hacer mediante un plugin. Normalmente en WordPress, para establecer un formulario de contacto usamos el plugin Contact Form 7, pero lamentablemente los campos no son accesibles por defecto.

Para solucionar este problema, tenemos que instalar el plugin Contact Form 7 Accessible Defaults. Este plugin sí tiene los campos accesibles por defecto.

 

Entradas relacionadas:

Si quieres tener más información acerca de los formularios puedes leer la entrada “Usabilidad web: Cómo hacer formularios usables?”

Y si quieres aprender más sobre ellos, lee la entrada Mensajes de error en los formularios”. Otra entrada interesante para leer es “Cómo hacer un buen uso del marcador de posición en los formularios.”

Accesibilidad web: Diversidad funcional intelectual.

Para comprender mejor a las personas que tienen diversidad funcional intelectual hay que  conocer qué problemas existen y cómo se desenvuelven. También es importante saber cómo llevar a cabo la accesibilidad web para estos usuarios.

Diversidad funcional intelectual

Dislexia

La dislexia se trata de un trastorno que se define como la dificultad para leer y escribir correctamente. Este grupo de personas puede tener problemas en la compresión lectora, la escritura, la ortografía o las matemáticas.

Características de la dislexia

  • Dislalia: Trastorno del lenguaje que se manifiesta por la dificultad de pronunciar palabras.
  •  Confunden los fonemas, que se puede dar en el texto borroso.
  • Invierten las sílabas: “pardo” por “prado”, “drala” por “ladra”.
  • Confunden la derecha con la izquierda.
  • Tienen dificultades para ver palabras mal escritas.
  • Copian palabras mal aunque estén mirando cómo se escriben.
  • Dificultad en el aprendizaje de operaciones básicas (tablas de multiplicar)
  • Problemas con los caracteres: “b/d”,”u/n”, “p/q”, “c/e”, “l/i/1”, “z,n” “w/m”
  • Confusión de números: 42 por 24
  • Cometen errores de números y letras rotados: E con el número 3

Hay que recalcar que la dislexia afecta al aprendizaje, no a la inteligencia.

En cuanto a las tipografías, la gente prefiere letras curvas, y se recomienda principalmente que sean Sans-Serif, como por ejemplo, Helvética, Verdana, Tahoma e incluso Trebuchet.

Para las personas disléxicas, hay una serie de puntos que hay que tener en cuenta:

Los denominados “ríos en blanco”

Ahora bien, ¿qué es esto de un “río en blanco”? Pues es muy sencillo: Cuando justificamos el texto aparece alineado a la izquierda y a la derecha, por ambos lados. Bien, pues esta característica hace que se produzcan huecos vacíos entre las palabras.

Por tanto, una solución adecuada para evitar problemas a las personas con dislexia es alinear los textos a la izquierda, alinearlos a la derecha o bien centrarlos.

Otra solución es dejar sólo un espacio en blanco entre palabras.

Evita el efecto borroso: Los textos sobre blanco puro y texto negro suelen ser molestos para los disléxicos. Se recomienda un fondo gris sobre letra negra.
No utilizar grandes bloques de texto: Una idea, un párrafo.

Evita el efecto lavado: Esto se produce cuando el texto no se distingue bien. En este caso se recomienda usar la negrita para destacar el texto.

Consejos para mejorar la accesibilidad web a las personas con dislexia:

  • Usa una tipografía clara y que no produzca confusión.
  • Utiliza texto real y no imágenes, para permitir a los usuarios usar hojas de estilo propias.
  • El contenido debe ser claro de leer: Utiliza frases cortas, no más de 10 o 15 palabras por frase.
  • Las animaciones son una gran distracción. Si se ponen, los usuarios tienen que poder pararlas. De hecho, este es un criterio actualizado en las WCAG 2.1, en el que se obligará a parar las animaciones. (Criterio 2.2.9)
  • Las imágenes de fondo dificultan la lectura, por lo que se recomienda usar texto real.

 

Algunos usuarios con dislexia severa usan lector de pantallas. Incluso hay gente que prefiere imprimir la web y leerla impresa, por lo que hay que comprobar que la página web se imprime correctamente. Se puede crear una hoja de estilo CSS específica para impresión.

Otras personas usan herramientas de lectura asistida para que el contenido se lea directamente desde la página web, como por ejemplo, ReadSpeaker.

Afasia

La afasia es un trastorno de comunicación que se caracteriza por la dificultad de comunicarse, leer y escribir. Es la pérdida o alteración del lenguaje como consecuencia de una lesión cerebral. Puede afectar a la expresión, a la comprensión, a lectura y escritura y a la expresión gestual y facial.

Características de la afasia

  • Las personas con afasia pueden sufrir anartria, que consiste en que comprenden lo que leen, pero les cuesta pronunciar la palabra que leen.
  • Pueden tener dificultades para comprender la gramática del lenguaje (agramatismo). Por ejemplo, cuando una persona con afasia dice “Caminar perro”, nos está intentando decir que quiere sacar al perro a pasear. Es decir, sabe lo que quiere, pero no lo expresa bien.
  • Expresan palabras que acaba de oír (ecolalia), o simplenmente las repite.
  • No le salen las palabras que conoce o no le salen las palabras (anomia), por lo que se se exporesa con ayuda de gestos.

 

Consejos para mejorar la accesibilidad web a las personas con afasia:

  • Usar palabras simples y oraciones cortas, hacer una lectura sencilla. En caso de usar palabras difíciles, se deben explicar.
  • Redactar textos en voz activa y poner las frases en afirmativa.
  • Tamaño minimo de fuente de 14-16 puntos.
  •  Usar tipografia Sans Serif.
  • Poner un interlineado que proporcione bloques de texto.
  • Usar dibujos lineales simples (a ser posible en blanco y negro).
  • Las imágenes deben relacionarse bien con el texto.
  • Si se escriben números, que estén identificados como números, no como palabras.
  • Para los colores, usar el texto negro sobre crema. Pero las preferencias pueden variar según los usuarios y debe permitir variaciones.
  • Se debe evitar el uso de símbolos, ya que distraen la atención.
  • Poner encabezados claros y colocarlos a la izquierda con un uso sistemático del espacio.
  • Navegación fácil y predecible, sin desplazamiento horizontal. Debe ser accesible por teclado mediante la tecla TAB.

 

Trastorno de aprendizaje no verbal: TANV

Es una dificultad en las que las personas afectadas no son capaces de interpretar el lenguaje no verbal, como el lenguaje corporal, el tono de voz y las expresiones faciales.

Características del trastorno de aprendizaje no verbal

  • Tienen dificultades con las matemáticas, con la comprensión lectora y la escritura.
  • Recuerdan la información pero no saben por qué es importante.
  • Prestan atención a los detalles, pero no captan la idea general.
  • Escriben de manera desordenada.

Consejos para mejorar la accesibilidad web a las personas con TANV:

  • Son personas que a pesar de que cuentan con un amplio vocabulario, la comprensión del significado y su contexto de uso les resulta difícil. Se recomienda una lectura fácil.
  • El uso de símbolos (pictogramas) representa una gran ventaja para este tipo de usuarios, que les ayuda a mejorar la comprensión.
  • Debido a los problemas que tienen para comunicarse, es importante que la navegación sea fácil para que les resulte cómodo reconocer y comprender lo que ven.
  • Es importante el uso de subtítulos.
  • El audio les ayuda a tener una mejor comprensión de la información.

Síndrome de down: SD

Es un trastorno generado por una copia extra del cromosoma 21, lo que se denomina trisomía.

Características del SD.

  • Tienen problemas de percepción auditiva.
  • Dificultades para expresarse y dar respuestas verbales.
  • Dificultades visuales.

Consejos para mejorar la accesibilidad web a las personas con SD:

  • Para estos usuarios el uso de los colores debe ser personalizable.
  • Los tipos de letra deben ser suficientemente grande y Sans Serif
  • Debido a este tipo de usuarios pueden tener diferentes problemas, como miopía, cataratas, estrabismo, es necesario tener la opción del aumento del tamaño del texto.
  • Establecer la configuración del puntero para que sea más fácil verlo.
  • Uso del audio para quienes tengan problemas de comprensión lectora.
  • Uso de símbolos para ayudarles a procesar la información.

 

Envejecimiento y demencia

El envejecimiento es el conjunto de transformaciones y/o cambios que se dan a lo largo a de la vida. La demencia se caracteriza por la pérdida y deterioro progresivo y persistente de las facultades intelectuales. Puede dar lugar a enfermedades como el alzheimer, demencia vascular, parkinson, etc.

Caracteristicas del envejecimiento y la demencia

  • Dificultades para realizar tareas rutinarias.
  • Problemas en el lenguaje
  • Desorientación
  • Dificultades para leer y escribir.
  • Afasia.
  • Agnosia
  • Apraxia
  • Deterioro de la memoria.

 

Consejos para mejorar la accesibilidad web a las personas con envejecimiento y demencia

  • Utilizar un lenguaje fácil, claro y directo. Se debe evitar el uso de palabras técnicas.
  • La utilización del audio puede ser de gran ayuda para estas personas.
  • Uso de enlaces con un lenguaje claro y sencillo.
  • La navegación ha de ser fácil.
  • Las fuentes que se deben utilizar son: Sans Serif, sin sombras, ni itálicas. El uso de diversas fuentes no es recomendable porque puede generar confusión en este tipo de usuarios.
  • Usar un tamaño de texto grande y que se pueda personalizar.
  • Usar un contraste de colores alto.
  • El uso de imágenes debe hacerse con cuidado porque pueden generar confusión. Las imágenes deben ser sencillas, claras, revelantes y atractivas.
  • Se recomienda el uso de encabezados para la organización del contenido.

 

Trastorno de Déficit de Atención: TDA/TDAH

Se trata de un trastorno de carácter neurobiológico que tiene su origen en la infancia. Sus síntomas son deficit de atención, hiperactividad e impulsividad, que se presentan de diferentes formas, según las personas afectadas.

Caracteristicas del TDA/TDAH

  • Tienen dificultades para mantener la atención durante un tiempo.
  • No prestan atención a los detalles.
  • Presentan dificultades para finalizar tareas.
  • Les cuesta escuchar y seguir órdenes.
  • Son desorganizados.
  • Suelen perder u olvidar objetos.
  • Cambian con frecuencia de conversación.

 

Consejos para mejorar la accesibilidad web a las personas con TAD/TADH

  • El uso de código de colores les viene muy bien a estas personas en función del ejercicio a realizar.
  • Crear espacios con la información justa y necesaria.
  • El uso de agendas o calendarios les vendrá muy bien para recordar cosas.
  • Utilizar listas para realizar un seguimiento de las tareas programadas.
  • Usar un sistema de archivos (carpetas para diferentes tipos de documentos y utilizar código de color).

 

Autismo

Es un trastorno caracterizado por la alteración de la interacción social, de la comunicación y el comportamiento restinguido y repetitivo.

Caracteristicas del autismo

  • Poca interacción social: Evitan el contacto visual.
  • Presentan dificultades para interpretar la situación emocional de las personas de su entorno.
  • Tienen dificultades para comunicarse.
  • Realizan movimientos repetitivos. Salir del entorno o un ambiente conocido les produce ansiedad.

 

Consejos para mejorar la accesibilidad web a las personas con autismo

  • Navegación consistente.
  • Elementos de interfaz similares e interacciones similares
  • Aumento de tamaño de texto
  • Imágenes (mantener su integridad cuando se amplíen, aunque tengan texto, que debe ser legible y comprensible)
  • Organización del contenido (uso de encabezados, de listas, interacciones complejas en varios pasos cortos, navegación coherente)
  • Evitar los sonidos de fondo
  • Lectura facil y uso de un lenguaje simple. Expandir las abreviaturas y acrónimos
  • Tipos de fuente (Sans-serif pero algunas personas en el espectro del autismo prefieren un tipo de letra Serif)
  • Incluir etiquetas con descripciones simples en los formularios.
  • Proporcione texto alternativo en las imágenes.
  • Enlaces (reducir el número de enlaces y asegurar que se identifican como tales)
  • Utilice espacios en blanco

 

Disculcalia

La discalculia es una condición de por vida que dificultan las tareas relacionadas con las matemáticas.

Características de la disculcalia

  • Tienen problemas para reconocer los símbolos numéricos.
  • Les cuesta entender información presentada en gráficos o tablas
  • Tienen dificultades midiendo cosas como los ingredientes de una receta sencilla o líquidos en una botella.

 

Consejos para mejorar la accesibilidad web a las personas con disculcalia

  • Navegación y utilizaciónde un lenguaje fácil.
  • Usar una tipografia clara
  • Texto descriptivo de imágenes y tablas con un tamaño de letra adecuado
  • Uso del audio.

 

Problemas de ceguera al color: Daltonismo

 ¿Qué es el daltonismo?

El daltonismo se define como la dificultad para distinguir ciertos colores, que NO es lo mismo que no percibir esos determinados colores. No se puede confundir el significado de percibir y distinguir, son cosas diferentes. El daltonismo debe su nombre al científico inglés John Dalton, que sufrió este problema visual, y a raíz de eso, se investigó más sobre ello.

Principalmente el daltonismo se debe a varias causas principales, pero antes de avanzar, vamos a explicar las cosas paso a paso.

Para hablar del color hay que hablar de la luz.

¿Qué es la luz?

La luz no es más que la radiación electromagnética causada por un objeto, bien porque la genera (como el Sol o el fuego), o bien porque la refleja.

Los procesos físicos: El espectro visible

La radiación se emite mediante ondas, y una onda tiene diferentes longitudes. El ojo humano responde a una longitud de ondas desde 390 a 750 nm. El espectro visible es el rango de colores que el ojo humano es capaz de percibir. Para nosotros, (visión normal) serían los colores del arcoiris.

Daltonismo: Espectro visible por el ojo humano

 

Los procesos fisiológicos

Cuando hablamos de procesos fisiológicos se refiere a cómo la luz interacciona con nuestra vista, cómo interacciona ante los estímulos visuales.

Los procesos mentales

Una vez que la luz interacciona con la vista, ya nos queda el último paso que es cómo nuestra mente percibe el color. Esto no es algo absoluto ni fijo, sino que depende de muchos factores.

Un ejemplo claro de ello serían las ilusiones ópticas. Todo depende del entorno, de la luz, de la oscuridad, del color y esto hace que las cosas se vean de una manera u otra. Es como cuando te vas a una tienda y te compras un pantalón o una camiseta, y en la tienda lo ves de una manera y cuando llegas a casa lo ves de otra. ¿No os ha pasado eso alguna vez?

¿Por qué se produce? ¿A qué se debe el daltonismo?

El ojo humano se compone de varias partes, entre las que se encuentran el iris, la córnea, el cristalino y el nervio óptico, entre otras muchas. Pero, lo que nos concierne en este caso, es la retina.

La retina se compone de una capa de células fotosensibles o fotoreceptoras, y en ellas se encuentran los conos y los bastones.

Los conos son los que se encargan de hacer que distingamos los colores, y los bastones son los encargados de que podamos percibir los contrastes.

Existen tres tipos de conos/pigmentos: Uno sensible a la luz roja, otro a la luz verde y un tercero, que es sensible a la luz azul.

Tipos de daltonismo

Existen tres tipos:

  • Acromático
  • Dicromático: Es el que sufría John Dalton.
  • Tricromático anómalo: Perciben los colores alterados, pero menos notables.

 

Las personas con visión normal, perciben los seis colores elementales: rojo, naranja, amarillo, verde, azul y violeta. A eso, hay que añadirle los dos extremos: el blanco y el negro.

Las personas con daltonismo acromático sólo distinguen la denominada escala de grises, es decir, los tonos de colores entre el blanco y el negro.

Las personas que padecen daltonismo dicromático tienen problemas en uno de los conos.

  • Protanopía: no distingue el color rojo o la luz roja (ni ninguno de sus tonos). Puede ser total o parcial.
  • Deuteranopía: no distingue el color verde o la luz verde (ni ninguno de sus tonos). Puede ser total o parcial.
  • Tritanopia: no distingue el color o la luz azul (ni ninguno de sus tonos). Puede ser total o parcial.

También existe otro tipo de daltonismo, el del tricromático anómalo. Este es el grupo más común. Aquí hay que hacer referencia a tres subtipos.

  • Protanomalía: Dificultad para visualizar el color rojo
  • Deuteranomalía: Dificultad para visualizar el color verde
  • Tritanomalía: Dificultad para visualizar el color azul y el amarillo (son casos menos frecuentes).

Consejos para tener en cuenta la accesibilidad web para las personas daltónicas

  • No lo bases todo en el color, apoya la información con texto o con iconos identificativos que tengan sentido.
  • Utiliza los colores de manera lógica y razonada.
  • No seleccionar colores problemáticos que dificulten la navegación y la visualización: ni dos colores claros, ni dos colores oscuros. Piensa bien en los contrastes.
  • Usa siempre un contraste alto.
  • En caso de usar gráficos, representa bien las gráficas y las leyendas con rellenos y tramas.

También hay que hacer mención de la cromostereopsis, que se trata del efecto que se produce en el contraste entre los colores rojo-azul, o el rojo-verde. Estos contrastes producen mala legibilidad y son muy molestos.

La genética del daltonismo

El daltonismo es hereditario. Se produce por una alteración genética y se puede transmitir de padres a hijos. Afecta al 9% de los varones y al 1% de las mujeres. ¿Por qué se produce tanta diferencia entre un género y otro?

Todo tiene su explicación. Los genes que codifican los pigmentos de los colores rojo-verde están ligados al cromosoma X, es decir, a los cromosomas sexuales, (XX para la mujer y XY para el hombre), que corresponden al par número 23.

Los pares númericos de los humanos, que son los pares del 1 al 22, son cromosomas autosómicos, es decir, tienen que ver con cualquier cromosoma que no sea sexual. El del color azul afecta a los dos sexos por igual, al estar implicado el cromosoma 7.

El hombre, al poseer un sólo cromosoma X, tiene más probabilidades de que sea daltónico. La mujer posee dos cromosomas X, pero si tiene afectado sólo uno, es portadora. Si tiene afectados los dos, sería daltónica, pero es bastante improbable que ocurra, ya que tendría que darse la opción de que tanto la madre como el padre sean portadores del gen.

Esta es la razón por la cual existen más hombres daltónicos que mujeres.

 

 

 

 

Accesibilidad web para WordPress: Consejos

¿Cómo llevar a cabo la accesibilidad web en WordPress?

En WordPress, la accesibilidad web es muy importante. Para ello daré una serie de consejos para poner en práctica las WCAG 2.0 y 2.1.

Consejos sobre accesibilidad para WordPress

Consejos sobre accesibilidad web

En las WCAG 2.0 se establece en en el criterio 2.4.2 “Las páginas web describen su temática o propósito”. Todas las páginas web deben tener un elemento <title>. Es obligatorio. Además, el título es muy importante, sirve para identificar los resultados en Google, y por supuesto, mejora el posicionamiento de los sitios web.

Al igual que el título, los encabezados de una página también son importantes porque les va a permitir a las personas ciegas ojear el documento en el que están. Se recoge en el criterio 2.4.6 “Los encabezados o etiquetas describen el tema o propósito”. Esto ayuda a saber cómo está estructurada la información. Es muy útil para las personas que usan lector de pantallas (diversidad funcional visual), y para las que tienen diversidad funcional intelectual, porque les ayuda orientarse dentro de la web.

Por lo tanto, es muy importante, respetar la jerarquía de encabezados, sin saltos, es decir si pones un h2 en la siguiente sección coloca un h3, no un h4. Y sobre todo, separar el contenido de la presentación. HTML por un lado y CSS por otro.

El idioma del sitio, hay que establecerlo al inicio del documento con el atributo lang. En las WCAG 2.0 en el criterio 3.1.1 se establece el idioma de la página. “El idioma predeterminada de cada página puede ser determinado por software”.

Si el documento es HTML 4.01 o HTML 5, el idioma se marcará <html lang=”es”>

¿Cuándo usamos el cambio de idioma?

  • Cuando el cambio de idioma se produce en una o varias palabras. Para ello, usamos la etiqueta lang en el elemento <span>
  • <span lang="fr">je ne sais pas</span>

 

Si se trata de un sitio con múltiples idiomas, se usará el atributo hreflang, tanto en el origen como en el destino.

A la hora de trabajar con el contenido y el diseño de la web,  es recomendable usar tipografías claras, fundamentalmente, que sea Sans Serif. Se pueden usar también tipografías serifas, pero hay que tener cuidado porque algunas de ellas producen mala legibilidad y esto puede ser un problema de accesibilidad para las personas con dislexia.

Siguiendo con la tipografía se debe usar unidades relativas “em”, no absolutas. 1 em equivale a 16 ptos.

En las WCAG 2.0, en el criterio 1.4.4 Cambio de tamaño del texto: A excepción de los subtítulos y las imágenes de texto, todo el texto puede ser ajustado sin ayudas técnicas hasta un 200 por ciento sin que se pierdan el contenido o la funcionalidad”. En relación a esto, viene recogido en las técnicas C14, donde especifica el uso de unidades relativas (em) para la tipografía, y la C28 para los contenedores también en em.

En la encuesta realizada de Webaim, un 25% de los usuarios contestó que necesitaban una ampliación del texto de hasta el 400%.

Si hablamos de imágenes, hay que tener en cuenta dos cosas:

Si las imágenes aportan información, debemos poner textos alternativos.

  • <img src="imagen.jpg alt="texto alternativo">

Si las imágenes son decorativas, las cuales no aportan ningún tipo de información, se les pondrá texto alternativo nulo.

  • <img src="imagen.jpg" alt="">

 

Para las descripciones largas en las imágenes, hay que utilizar el atributo longdesc. El texto alternativo que se incluya a la imagen no puede superar los 150 caracteres.

Si quieres ampliar más información puedes leer la entrada: Cómo trabajar los textos alternativos para las imágenes.

Los enlaces tienen que tener un propósito, es decir, un destino claro y también deben tener sentido para que las personas ciegas se orienten dentro del sitio web. Un ejemplo de ello, es usar el propio texto del enlace. Evita enlaces ambiguos como “Pulsa aquí”, “Más información”.

En cuanto a los subtítulos, en el criterio de conformidad 1.2.2 de las WCAG 2.0: “Subtítulos (grabados): Se proporcionan subtítulos para el contenido de audio grabado dentro de contenido multimedia sincronizado, excepto cuando la presentación es un contenido multimedia alternativo al texto y está claramente identificado como tal.”.

Para los vídeos, hay que poner subtítulos que consten de dos líneas de texto como máximo y que contengan de 35 a 40 caracteres. Los subtítulos deben estar centrados en la parte inferior, excepto los efectos sonoros, que se incluirán en la parte superior derecha entre paréntesis. Los subtítulos deben aparecer el tiempo suficiente para poder ser leídos.  El interlineado debe ser sencillo y se debe usar una tipografía legible.

En Youtube, hay varias formas de añadir subtítulos.

  • Subir una transcripción o un archivo de subtítulos con tiempo. Es la opción más recomendable.
  • Escribir o pegar una transcripción del vídeo y los subtítulos se establecerán automáticamente.
  • Se pueden escribir los subtítulos mientras se ve el vídeo.

 

Para los audios, son muy importantes las transcripciones de texto, que sirven de apoyo a aquellas personas que no puedan visualizar ni oír bien un vídeo.

Para ampliar más información, puede leer la entrada Accesibilidad web: Diversidad funcional auditiva.

Funcionalidades dependientes de ratón:

En el criterio 2.1.1 se dice: “Teclado: Toda la funcionalidad del contenido es operable a través de una interfaz de teclado sin que se requiera una determinada velocidad para cada pulsación individual de las teclas, excepto cuando la función interna requiere de una entrada que depende del trayecto de los movimientos del usuario y no sólo de los puntos inicial y final.”

Si hay personas que no pueden usar el ratón, ya sea porque no le sea fácil manejarlo por sí mismos o porque hay personas que no ven, hay que hacer accesibles las opciones mediante teclado.

Para ello, es muy importante aplicar el criterio de conformidad 2.4.7 “Foco visible: Cualquier interfaz de usuario operable por teclado tiene una forma de operar en la cuál el indicador del foco del teclado resulta visible.” Esto ayudará mucho más a las personas ciegas, a las personas con baja visión y a las personas con problemas motrices a tener una buena navegación por la web mediante teclado.

Hablando de personas ciegas también hay que tener en cuenta las migas de pan, que se recoge en el criterio 2.4.8 de las WCAG 2.0: “Se proporciona información acerca de la ubicación del usuario dentro de un conjunto de páginas web”. En la técnica G65 se proporcionan ejemplos de ello.

En las WCAG 2.0, existen requisitos mínimos y máximos para trabajar con el contraste de color.

Criterio 1.4.3 (Contraste mínimo), que, para el tamaño normal, dice lo siguiente:

“La presentacion visual de texto e imágenes de texto tiene una relación de contraste de al menos, 4,5:1

Y en los textos grandes: “La presentacion visual de texto e imágenes de texto de gran tamaño, tienen una relación de contraste de al menos, 3:1

Criterio 1.4.6 (Contraste mejorado), que es más estricto para el tamaño grande, y establece que: “La presentacion visual de texto e imágenes de texto tiene una relación de contraste de al menos, 7:1

Y en los textos grandes: “La presentacion visual de texto e imágenes de texto de gran tamaño, tienen una relación de contraste de al menos, 4,5:1

Es importante destacar que hay personas con problemas de ceguera al color como los daltónicos y las personas con dislexia, que prefieren un color de fondo que no sea blanco puro.

También es muy importante hacer los formularios accesibles y usables para tener en cuenta a los usuarios que usan lectores de pantalla.

Y tengo que añadir algo más: las tablas no son muy recomendables porque dan problemas de accesibilidad, pero como todo, también se pueden hacer accesibles. Te recomiendo leer la entrada “Accesibilidad web: ¿Cómo hacer tablas accesibles?”.

Hay que utilizar dispositivos de apoyo como por ejemplo:

  • Lectores de pantallas (Jaws y NVDA: Windows) (VoiceOver: Iphone y Mac),
  • Magnificadores de pantalla (ZoomText),
  • Comprueba la accesibilidad por teclado siempre

 

Usa verificadores de ortografía y gramática para facilitar la comprensión y la lectura.

Utiliza analizadores de legibilidad de textos, para ayudar a las personas con diversidad funcional intelectual a tener una mejor comprensión del contenido.

 

Utiliza herramientas automáticas para chequear y testear webs:

Valida la sintaxis y las hojas de estilo CSS (Ej: Validador oficial del W3C).

Revisa siempre el contenido. (Todas las páginas).

Invita a los usuarios a hacer una retroalimentación en el sitio web para mejorar la accesibilidad y la usabilidad del sitio.

Si quieres más información puedes leer la entrada:

Requisitos de Usuario para la Accesibilidad de los Medios Audiovisuales

Y además, te recomiendo ampliar información sobre cómo hacer una navegación más accesible.

 

Accesibilidad web: Para quién se hace y qué beneficios aporta

Después de ver qué es la accesibilidad web, por qué es importante y cómo cumplirla vamos a ver la última parte de las cuatro grandes preguntas: ¿Para quién se hace? y veremos los beneficios que aporta.

¿Para quién se hace?

La accesibilidad en las webs se hace para todas las personas porque todos usamos la web. Hay que tener en cuenta que en España según el INE (Instituto Nacional de Estadística), somos cerca de 4 millones de personas, así que si quieres ampliar las visitas de tu web tendrás que pensar en las personas con diversidad funcional. Para ello, vamos a enumerar los cuatro grandes grupos diferenciados:

Diversidad Funcional Motriz: Personas con dificultad en los movimientos y para usar las manos, personas con espasmos musculares, así como problemas de habla.

Algunas diversidades funcionales motrices son: la  atrofia muscular, la Parálisis Cerebral Infantil, Parkinson, Esclerosis Lateral Atrófica, Espina Bífida, Esclerosis Múltiple, etc.

A muchas de estas personas, entre las que me incluyo, les cuesta manejar el ratón y el teclado.

Diversidad Funcional Auditiva: Hay personas que tienen pérdida auditiva, por lo que para comunicarse y vivir en sociedad necesitan unos audífonos. Y también hay personas con sordera total que se comunican mediante la lengua de signos.

Diversidad Funcional Visual: Hay personas que tienen problemas de visión, que puede ser de múltiples formas:

  • Baja visión. Hay miles de problemas de visión, como la presbiscia, el daltonismo, visión nocturna, retinosis pigmentaria, degeneración macular…
  • Ceguera total. Personas con visión nula. Estas personas en su día a día para acceder a la web utilizan lectores de pantalla y/o magnificadores de pantalla para navegar por la web. Hay personas que usan estos dispositivos de apoyo y prefieren leer la web impresa, por tanto, tiene que haber una opción para poder imprimirla.

Diversidad Funcional Intelectual: Personas que presentan dificultades a nivel cognitivo, como las personas afectadas por dislexia, Sindrome de Down, afasia, autismo, etc.

Es por esto, que a la hora de diseñar siempre hay que pensar en las preguntas claves.

Preguntas claves para llevar a cabo la accesibilidad web

  • ¿Para quién vamos escribir?

Tienes que pensar que hay un porcentaje de usuarios que acceden a tu web, que tienen diversidad funcional y que son (somos) clientes potenciales para tu web, blog o negocio. Con lo cual es importante que escribas para tu público en función de los objetivos de tu empresa.

  • ¿Entenderá lo que escribo?

Es muy importante escribir de una manera sencilla y clara. Hay personas que tienen dificultades en la compresión de la lectura y es importante tenerles en cuenta. Hay que cuidar a las personas que nos leen.

  • ¿Tendrá problemas con el color?

Hay personas daltónicas, las cuales les cuesta distinguir los colores. Debido a su problema de visión, tienen más difícil poder percibir el contenido si no se usan los colores de la manera adecuada para ellos.

  • ¿Y el tamaño de la letra?

Esta pregunta tiene mucha relación con la pregunta anterior. Hay personas que sufren de un problema de ceguera grave, que si no lo tenemos en cuenta, es un problema. Es importante poner una tipografía legible y un tamaño de letra adecuado, de acuerdo a las WCAG 2.0.

  • ¿Escuchará los vídeos?

Este es uno de los problemas más graves que las personas con diversidad funcional auditiva tiene. En este grupo me incluyo. Pensemos que cuando se publica un vídeo sin subtítulos perdemos la información importante del vídeo. Y los audios si no tienen una transcripción, la persona que te esté visitando se va.

Para ampliar más información, puedes leer la entrada “Accesibilidad web: Diversidad funcional auditiva.”

  • ¿Usará el ratón?

Hay muchas personas que debido a dificultades en sus manos o por problemas de visión no pueden llevan a cabo la interacción vista-mano. La solución para estos casos, es hacer las opciones accesibles mediante teclado.

Si sigues todas las pautas que te he contado, podrás llevar a cabo tu proyecto lo más accesible y usable posible, teniendo en cuenta las necesidades de las personas que visiten el sitio web.

Una vez establecidos los diferentes grupos y sus diferentes soluciones en accesibilidad web, vamos a ver qué beneficios nos aporta la accesibilidad web.

Una web accesible proporciona muchos beneficios:

  1. Mejora la usabilidad de la web para todo tipo de usuarios, porque si una web no es accesible no es usable, y por lo tanto, se originan problemas para un importante número de usuarios.
  2. Permite mejorar el acceso a los contenidos Web a las personas mayores, que se debe el deterioro de las condiciones físicas debido al envejecimiento y cuanto más fácil sea acceder para estas personas, mucho mejor. Y más, teniendo en cuenta que la población está envejeciendo.
  3. Mejora los resultados en los buscadores, es decir, mejora el posicionamiento SEO. (Search Engine Optimization).
  4. Incrementa el soporte para el mercado internacional. Se añaden subtítulos para los diferentes países, así como los contenidos, etc.).
  5. Ayuda a reducir la llamada brecha digital, permitiendo así que a un porcentaje de la población que no tengan conocimientos de las TIC (Tecnologías de la Información y de la Comunicación), puedan tener relación con ellas.
  6. Refuerza positivamente la imagen empresarial, lo que permite diferenciarse de la competencia dando acceso a tu web a un mayor número de personas (3,5 millones de personas en España demandan servicios y entornos accesibles). Y cada vez seremos más. Por ello es importante tenernos en consideración.
  7. Cumples con la legislación de accesibilidad:
    • Ley 34/2002, de 11 de julio de 2002, de servicios de la sociedad de la información y comercio electrónico (LSSICE).
    • RDL 1/2013 de 29 de noviembre de 29 de noviembre, por el que se aprueba el Texto Refundido de la Ley General de derechos de las personas con discapacidad y de su inclusión social.
    • Norma UNE 139803:2012 Requisitos de Accesibilidad para el Contenido Web
  8. Es mucho más fácil de usar y de actualizar, puesto que se disminuye el coste de desarrollo y mantenimiento, así como la carga de las páginas web: El coste de desarrollar y mantener una página web accesible es menor que frente a una no accesible, ya que una página web accesible es una página que no tiene errores, que está bien estructurada y que está bien hecha.

 

Ventaja importante de la accesibilidad web: la sonrisa de las personas

Una vez que te has parado a pensar en la felicidad de una persona al poder acceder a tu web, te pregunto:

¿Te hacen falta más razones para llevar a cabo la accesibilidad web en tu sitio?

Te animo a lo que hagas, porque es muy importante. La accesibilidad web nos beneficia a todos.

 

Accesibilidad web: WCAG 2.0 y WCAG 2.1

Pautas de accesibilidad al contenido web (WCAG 2.0)

¿Qué norma establece los requisitos de accesibilidad web?

Para llevar a cabo la accesibilidad web tanto en WordPress como en cualquier sitio Web o en cualquier dispositivo, existe una norma específica que se encarga de eso.

Por un lado, el organismo que se encarga del desarrollo y difusión de las normas técnicas en España es la Asociación Española de Normalización y Certificación (AENOR). La Norma UNE 139803:2012, es la que establece los requisitos de la accesibilidad para los contenidos web. Esta norma fue aprobada por AENOR en julio de 2012.

Por otro lado, el 15 de octubre de 2012, el  W3C y la Organización Internacional para la Estandarización (ISO), aprobaron las WCAG 2.0 como estándar internacional. (ISO/IEC 40500:2012)

¿Cómo cumplimos esa norma?

La norma anteriormente mencionada (UNE 139803:2012), está basada en las WCAG 2.0. (Web Content Accesibility Guidelines), que traducido al español sería Pautas de accesibilidad al Contenido Web, que contiene cuatro principios básicos.

Principios de las WCAG 2.0

Perceptible: La información se debe mostrar de manera que podamos percibirla, que nos llegue a través a través de los sentidos, princialmente, los oídos y la vista.

Operable: La navegación debe ser manejable, es decir, se puede navegar por la web usando un ratón, un teclado o un dispositivo de apoyo.

Comprensible: El contenido es claro y fácil de interpretar, sin dar lugar a confusiones.

Robusto: Cuando el contenido y la navegación es interpretado por los navegadores y las tecnologías de apoyo.

Estos 4 principios están compuestos por 12 directrices o pautas. Cada principio tiene varias pautas. El primer principio, (Perceptible), tiene 4 pautas.

Pauta 1.1: Alternativas textuales: Proporcionar alternativas textuales para todo contenido no textual de modo que se pueda convertir a otros formatos que las personas necesiten, tales como textos ampliados, braille, voz, símbolos o en un lenguaje más simple.

Pauta 1.2: Medios tempodependientes. Proporcionar alternativas para los medios tempodependientes.

Pauta 1.3: Adaptable. Crear contenido que pueda presentarse de diferentes formas (por ejemplo, con una disposición más simple) sin perder información o estructura.

Pauta 1.4: Distinguible. Facilitar a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo.

El segundo principio (Operable) contiene 4 pautas.

Pauta 2.1: Accesible por teclado. Proporcionar acceso a toda la funcionalidad mediante el teclado.

Pauta 2.2: Tiempo suficiente. Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido.

Pauta 2.3: Convulsiones. No diseñar contenido de un modo que se sepa podría provocar ataques, espasmos o convulsiones.

Pauta 2.4: Navegable. Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran.

El tercer principio (Operable) está formado por 3 pautas:

Pauta 3.1: Legible. Hacer que los contenidos textuales resulten legibles y comprensibles.

Pauta 3.2: Predecible. Hacer que las páginas web aparezcan y operen de manera predecible.

Pauta 3.3: Entrada de datos asistida. Ayudar a los usuarios a evitar y corregir los errores.

El cuarto y último principio (Robusto), sólo tiene una pauta:

Pauta 4.1: Compatible. Maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las ayudas técnicas.

Cada pauta contiene X criterios de cumplimiento, son 61 en total, que sirven como complemento y ayuda para las situaciones en las que existan requisitos y necesidad de evaluación de las WCAG 2.0.

Para cumplir con las necesidades de los diferentes grupos, existen tres niveles de Conformidad:

Nivel A, es el nivel bajo. Para lograr conformidad con el Nivel A (el mínimo), la página web satisface todos los Criterios de Conformidad del Nivel A,u ofrece una versión alternativa conforme al Nivel A.

Nvel AA, es el nivel medio. Para lograr conformidad con el Nivel AA, la página web satisface todos los Criterios de Conformidad de los Niveles A y AA, u ofrece una versión alternativa conforme al Nivel AA

Nivel AAA es el nivel alto. Para lograr conformidad con el Nivel AAA, la página web satisface todos los Criterios de Conformidad de los Niveles A, AA y AAA, u ofrece una versión alternativa conforme al Nivel AAA.

Además se especifica que:

  • El nivel de conformidad es para páginas completas (lo cual incluye HTML, CSS, JavaScript, elementos incrustados como Flash, vídeos, etc.) y no para partes de una página.

 

  • Cuando varias páginas forman una serie (proceso completo) que es necesario completar en orden para realizar una acción (por ejemplo, un formulario con varios pasos) todas las páginas en ese proceso deben ser conformes con el nivel especificado o uno superior. No es posible lograr conformidad con un nivel en particular si una de las páginas del proceso no cumple con el nivel correspondiente.

 

  • Uso de las tecnologías de modo compatible con la accesibilidad. Se entiende que una tecnología  no es compatible con la accesibilidad si la tecnología no la soporta o está desactivada. La información o las funcionalidades implementadas con tecnologías no compatibles con la accesibilidad deberán estar disponibles de una forma que sí sea compatible con la accesibilidad. Este requisito permite utilizar tecnologías usadas de forma no accesible siempre y cuando no se dependa de ellas. Es decir, la página web puede ser conforme, si existen alternativas accesibles para el contenido que se incluye con tecnologías no accesibles. (versión alternativa de HTML de PDF no accesible).

 

  • Sin interferencia: si en una página se usa una tecnología que no es compatible con la accesibilidad o bien una que sí lo es pero usada de forma no compatible, (por ejemplo, un PDF no accesible) no debe impedir a los usuarios acceder al contenido del resto de la página. Además, es necesario que la página web siga cumpliendo con los requisitos de conformidad, cuando cualquier tecnología de la que no se depende esté activada o desactivada en los agentes de usuario, (lectores o de pantalla o navegadores en braille).

 

¿Qué es una versión alternativa conforme?

Una versión alternativa conforme es aquella que cumple con el nivel designado, proporciona la misma información y funcionalidad en el mismo idioma, se mantiene actualizada con la misma frecuencia que el contenido no conforme y se pueda acceder por un mecanismo compatible con la accesibilidad. Las versiones alternativas no deben confundirse con contenidos complementarios, que son los que sirven de apoyo a la página original.

Técnicas para las WCAG 2.0

Las técnicas para las WCAG 2.0 , se clasifican en: Tecnicas suficientes y técnicas recomendables, que ayudan a mejorar lo que se establece en los criterios.

Las técnicas son muchas, muchísimas, y están perfectamente descritas. Se agrupan en un total de 9 categorías, en función de la vertiente a la que se refieren:

WCAG. 2.1

El 7 de diciembre 2017, se publicó el último borrador antes de publicar la versión candidata a recomendación en enero de 2018:

Los criterios que hay actualmente, son 20:

  • 1.3.4 Identify Common Purpose (AA)
  • 1.3.5 Contextual Information (AAA)
  • 1.4.10 Reflow (AA)
  • 1.4.11 Graphics Contrast (AA)
  • 1.4.12 Text Spacing (AA)
  • 1.4.13 Content on Hover or Focus (AA)
  • 2.2.6 Accessible Authentication (A)
  • 2.2.7 Interruptions (minimum) (AA)
  • 2.2.8 Timeouts (AAA)
  • 2.2.9 Animation from Interactions (AAA)
  • 2.4.11 Character Key Shortcuts (A)
  • 2.4.12 Label in Name (A)
  • 2.5.1 Pointer Gestures (A)
  • 2.5.2 Pointer Cancellation (A)
  • 2.5.3 Target Size (AA)
  • 2.5.4 Target Size (mejorado) (AAA)
  • 2.5.5 Concurrent Input Mechanisms (AAA)
  • 2.6.1 Motion Actuation (A)
  • 2.6.2 Orientation (AA)
  • 3.2.7 Status Changes (AA)

Actualización: Enero de 2018

A finales de enero de 2018, la versión candidata a recomendación de las WCAG 2.1, ha actualizado los criterios a 17.

    • 1.3.4 Identify Common Purpose (AA)
    • 1.3.5 Contextual Information (AAA)
    • 1.4.10 Reflow (AA)
    • 1.4.11 Graphics Contrast (AA)
    • 1.4.12 Text Spacing (AA)
    • 1.4.13 Content on Hover or Focus (AA)
    • 2.2.6 Accessible Authentication (A)
    • 2.2.7 Interruptions (minimum) (AA)
    • 2.2.6 Timeouts (AAA)
    • 2.2.7 Animation from Interactions (AAA)
    • 2.4.11 Character Key Shortcuts (A)
    • 2.4.12 Label in Name (A)
    • 2.5.1 Pointer Gestures (A)
    • 2.5.2 Pointer Cancellation (A)
    • 2.5.3 Target Size (AA)
    • 2.5.4 Target Size (mejorado) (AAA)
    • 2.5.4 Concurrent Input Mechanisms (AAA)
    • 2.6.1 Motion Actuation (A)
    • 2.6.2 Orientation (AA)
    • 3.2.6 Status Changes (AA)

 

Actualización: Abril de 2018

Versión WCAG 2.1 (Proposed Recommendation ) de 24/04/18

Se siguen manteniendo esos 17 criterios, pero están reorganizados. El índice contiene errores, pero yo los he puesto corregidos.

 

Actualización: Junio de 2018.

Las WCAG 2.1 ya son recomendación.

 

¿Por qué es importante hacer webs accesibles?

Introducción sobre cómo la web ha cambiado la vida de las personas con diversidad funcional

¿Por qué es importante hacer webs accesibles?

 

La web desde sus inicios siempre ha sido muy importante para todos, y en especial para las personas con diversidad funcional. Ha supuesto un gran avance para que todas las personas podamos enterarnos de las noticias que ocurren en el mundo y podamos desenvolvernos en nuestro día a día de manera más cómoda. Sin la tecnología, muchas personas ciegas, no han  sido capaces de acceder a la información, puesto que dependían de una persona para que les leyera el periódico del día. Hoy en día, sí que tienen acceso, gracias a los lectores de pantalla.

En mi caso, por ejemplo, me ha facilitado mucho la vida a la hora de hacer trabajos o ejercicios a través del ordenador. Ejercicios que se hacían a mano, yo los hacía con el ordenador. O a gente que tiene problemas de habla, por ejemplo, la llegada de las redes sociales le permite comunicarse con cualquier persona. O personas que utilizan un software (tecnología eyetracking), que se usa con el seguimiento de los ojos en la pantalla.

Cuando te paras a pensar en estas cosas, te das cuenta del gran potencial que tiene Internet para todos, pero no hay que olvidar a esa parte importante de la población para que pueda acceder de la misma manera y en condiciones de igualdad que las personas sin diversidad funcional.

¿Por qué es importante hacer webs accesibles?

Porque es un derecho de las personas, que está recogido en la Ley. Para ello, es muy importante remitirnos a la Ley 56/2007 de 28 de diciembre, de Medidas de Impluso a la Sociedad de la Información, en el capítulo II, se puede leer lo siguiente:

Dieciocho. Se da nueva redacción al párrafo segundo del apartado uno de la disposición adicional quinta, con el texto siguiente:

“A partir del 31 de diciembre de 2008, las páginas de Internet de las Administraciones Públicas satisfarán, como mínimo, el nivel medio de los criterios de accesibilidad al contenido generalmente reconocidos. Excepcionalmente, esta obligación no será aplicable cuando una funcionalidad o servicio no disponga de una solución tecnológica que permita su accesibilidad.”

Diecinueve. Se añaden dos nuevos párrafos, que pasarán a ser respectivamente el tercero y el cuarto, al apartado uno de la disposición adicional quinta, con el texto siguiente:

«Las Administraciones Públicas exigirán que tanto las páginas de Internet cuyo diseño o mantenimiento financien total o parcialmente como las páginas de Internet de entidades y empresas que se encarguen de gestionar servicios públicos apliquen los criterios de accesibilidad antes mencionados. En particular, será obligatorio lo expresado en este apartado para las páginas de Internet y sus contenidos de los Centros públicos educativos, de formación y universitarios, así como, de los Centros privados que obtengan financiación pública.

Las páginas de Internet de las Administraciones Públicas deberán ofrecer al usuario información sobre su nivel de accesibilidad y facilitar un sistema de contacto para que puedan transmitir las dificultades de acceso al contenido de las páginas de Internet o formular cualquier queja, consulta o sugerencia de mejora.

Veinte. Se añaden tres nuevos apartados, que pasarán a ser los apartados tres, cuatro y cinco, a la disposición adicional quinta, con el texto siguiente:

«Tres. Las Administraciones Públicas promoverán medidas de sensibilización, educación y formación sobre accesibilidad con objeto de promover que los titulares de otras páginas de Internet incorporen progresivamente los criterios de accesibilidad.

Cuatro. Los incumplimientos de las obligaciones de accesibilidad establecidas en esta Disposición adicional estarán sometidos al régimen de infracciones y sanciones vigente en materia de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad.

Este párrafo se refiere a la Ley 49/2007, que ha quedado derogada por el RDL 1/2013.

Cinco. Las páginas de Internet de las empresas que presten servicios al público en general de especial trascendencia económica, sometidas a la obligación establecida en el artículo 2 de la Ley 56/2007, de medidas de impulso de la sociedad de la información, deberán satisfacer a partir del 31 de diciembre de 2008, como mínimo, el nivel medio de los criterios de accesibilidad al contenido generalmente reconocidos. Excepcionalmente, esta obligación no será aplicable cuando una funcionalidad o servicio no disponga de una solución tecnológica que permita su accesibilidad.»

Las empresas consideradas “de especial trascendencia económica” son:

Las que agrupen a más de cien trabajadores o su volumen anual de operaciones, calculado conforme a lo establecido en la normativa del Impuesto sobre el Valor Añadido, exceda de 6.010.121,04 euros y que, en ambos casos, operen en los siguientes sectores económicos.

a) Servicios de comunicaciones electrónicas a consumidores, en los términos definidos en la Ley 32/2003, de 3 de noviembre, General de Telecomunicaciones.

b) Servicios financieros destinados a consumidores, que incluirán los servicios bancarios, de crédito o de pago, los servicios de inversión, las operaciones de seguros privados, los planes de pensiones y la actividad de mediación de seguros. En particular, se entenderá por:

c) Servicios de suministro de agua a consumidores, definidos de acuerdo con la normativa específica.

d) Servicios de suministro de gas al por menor, de acuerdo con lo dispuesto en la Ley 34/1998, de 7 de octubre, del Sector de Hidrocarburos.

e) Servicios de suministro eléctrico a consumidores finales, de acuerdo con lo dispuesto en el título VIII de la Ley 54/1997, de 27 noviembre, del Sector Eléctrico.

f) Servicios de agencia de viajes, de acuerdo con lo dispuesto en el Real Decreto 271/1988, de 25 de marzo, por el que se regula el ejercicio de las actividades propias de las agencias de viajes.

g) Servicios de transporte de viajeros por carretera, ferrocarril, por vía marítima, o por vía aérea, de acuerdo con lo dispuesto en la normativa específica aplicable.

h) Actividades de comercio al por menor, en los términos fijados en el apartado 2 del artículo 1 de la Ley 7/1996, de 15 de enero, de ordenación del comercio minorista y en su normativa de desarrollo, a las que serán de aplicación únicamente los apartados c) y d) del apartado 1 del presente artículo.

3. Excepcionalmente, el Gobierno o, en su caso, los órganos competentes de las Comunidades Autónomas podrán ampliar el ámbito de aplicación del apartado 1 del presente artículo a otras empresas diferentes de las previstas en la Ley, en aquellos casos en los que, por la naturaleza del servicio que presten, se considere que en el desarrollo de su actividad normal deban tener una interlocución telemática con sus clientes o usuarios.

En el plazo de un año desde la entrada en vigor de la obligación a que se refiere el apartado 1, el Gobierno analizará la aplicación del apartado 2 de este artículo a otras empresas con más de cien trabajadores o que tengan un volumen anual de operaciones, calculado conforme a lo establecido en la normativa del Impuesto sobre el Valor Añadido, superior a 6.010.212,04 euros, que en el desarrollo de su actividad normal, presten servicios en los que se considere que deban tener una interlocución telemática con sus clientes o usuarios.

Las Comunidades Autónomas con competencias exclusivas en las materias objeto de obligación de comunicación telemática podrán modificar el ámbito y la intensidad de aplicación del apartado 1 del presente artículo en aquellos casos en que precisamente debido al desarrollo sectorial de sus competencias lo consideren oportuno.

En la disposición adicional undécima se establece que:

Disposición adicional undécima. Acceso de las personas con discapacidad a las tecnologías de la Sociedad de la Información.

Las Administraciones Públicas, en el ámbito de sus respectivas competencias, promoverán el impulso, el desarrollo y la aplicación de los estándares de accesibilidad para personas con discapacidad y diseño para todos, en todos los elementos y procesos basados en las nuevas tecnologías de la Sociedad de la Información.

Por otro lado, el artículo 16 de la  Ley 26/2011 de 1 de agosto, de adaptación normativa a la Convención Internacional sobre los Derechos de las Personas con Discapacidad, modifica la Ley 34/2002, de servicios de la sociedad de la información y de comercio electrónico, y añade un apartado nuevo en la disposición adicional quinta con la siguiente redacción:

«Disposición adicional quinta Accesibilidad para las personas con discapacidad y de edad avanzada a la información proporcionada por medios electrónicos

Las páginas de Internet que sirvan de soporte o canal a las redes sociales en línea, desarrolladas por entidades cuyo volumen anual de operaciones, calculado conforme a lo establecido en la normativa del Impuesto sobre el Valor Añadido, exceda de 6.101.121,04 euros, deberán satisfacer, a partir del 31 de diciembre de 2012, como mínimo, el nivel medio de los criterios de accesibilidad al contenido generalmente reconocidos. Excepcionalmente, esta obligación no será aplicable cuando una funcionalidad o servicio no disponga de una solución tecnológica que permita su accesibilidad.»

Una vez dicho esto, hay que añadir las sanciones en caso de incumplimiento, que se recogen en el RDL 1/2013 de 29 de noviembre.

Denuncias por incumplimiento en materia de accesibilidad web

En España, lamentablemente no se han producido muchas denuncias (que se hayan llevado a a cabo), como consecuencia de la inaccesabilidad en la web, pero en Estados Unidos sí que hay varios casos de denuncias.

En España, se conocen algunas quejas y demandas, las que se produjeron en 2010 por el CERMI, (Comité Español de Representantes de Personas con Discapacidad): El CERMI denuncia a 9 empresas por falta de accesibilidad.

Pero si hay una que destacar, es la denuncia a Iberia en julio de 2015.

También, decir que existe una oficina en la que pueden presentar consultas quejas o denuncias en OADIS (Oficina de Atención a la Discapacidad), por accesibilidad web, así como consultar los informes anuales con todas las que se han realizado (Informe OADIS 2016 (PDF)).

Aquí he encontrado una noticia en la que el CERMI insta a denunciar los incumplimientos en materia de accesibilidad universal.

Y para acabar, también os dejo una lista de denuncias (en inglés) que se han realizado en Estados Unidos.

Objetivo de la accesiblidad web: ¿Qué es y para qué sirve?

¿Qué es la accesibilidad web?

Para entender mejor qué es la accesibilidad web, primero vamos a centrarnos en la accesibilidad en el entorno, en el medio físico. La accesibilidad en el medio físico se refiere a la cualidad que tienen los espacios para que cualquier persona, incluso las afectadas por problemas de movilidad o comunicación, puedan:

  • Llegar a todos los lugares y edificios sin esfuerzo y con autonomía.
  • Acceder a los establecimientos de uso público y a los servicios en condiciones de seguridad y autonomía.

 

Objetivo de la accesibilidad web

 

En mi caso, lo vivo a diario: En las calles con los bordillos en las aceras, en los edificios que no tienen ascensor, en los autobuses que no están adaptados y así podríamos enumerar miles de situaciones más.

Con la web ocurre exactamente lo mismo. Hay muchas personas que acceden a la Web de diferente manera. Personas que tienen dificultades en sus manos o que no pueden usar un ratón, personas que usan dispositivos de apoyo, personas que no oyen bien, etc. Por todas estas cosas, la accesibilidad web, aunque no hay una definición formal, sino que existen varias varias definiciones que detallaremos a continuación. La accesibilidad web tiene un objetivo claramente definido.

Objetivo de la accesibilidad web

El objetivo de la accesibilidad web es que los sitios web sean utilizados por todas las personas, con independencia de sus capacidades. El objetivo es hacer una web única, abierta e universal, tal como afirmaba Tim Berners-Lee.

“El poder de la Web está en su universalidad. El acceso por parte de todas las personas, independientemente de la discapacidad que presente es un aspecto esencial.”

¿Por qué hay que tenerla en cuenta? Porque es un derecho de las personas. Si no tenemos en cuenta la accesibilidad, es un problema para muchas personas.

Para ello, existe un organismo que se encarga de promover la accesibilidad en la web, el cual dirige Tim Berners-Lee, desde octubre de 1994. Este organismo es el W3C (World Wide Web Consortium), cuya definición de accesibilidad web es la siguiente:

Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.

Guía Breve de Accesibilidad Web

Grupo de trabajo de la accesibilidad web: WAI

Con esta idea nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accesibility Iniciative). Se trata de una iniciativa desarrollada por el W3C, cuyo objetivo es facilitar el acceso a las personas con discapacidad desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y la reparación de la accesibilidad web llevando a cabo una labor educativa y de conciencación en relación a la importancia del diseño accesible de páginas web y abriendo nuevos campos en accesibilidad a través de la investigación en este área.

La accesibilidad Web significa que personas con algún tipo de discapacidad van a poder hacer uso de la Web. En concreto, al hablar de accesibilidad Web se está haciendo referencia a un diseño Web que va a permitir que estas personas puedan percibir, entender, navegar e interactuar con la Web, aportando a su vez contenidos. La accesibilidad Web también beneficia a otras personas, incluyendo personas de edad avanzada que han visto mermadas sus habilidad a consecuencia de la edad.

Cuando hablamos de accesibilidad web, la gente tiende a hablar de diversidad funcional, pero eso no es así.  Que quede claro: la accesibilidad web es algo que beneficia a todo el mundo.

También es necesario saber por qué es importante tener en cuenta la accesibilidad web y los beneficios que tiene. Si quieres leer más sobre el tema, te dejo un serie de consejos.

En otra entrada explico más detallamente qué es la usabilidad y establezco las diferencias entre estos dos conceptos.

Día de la Discapacidad: Normativa en general.

El Día de la Discapacidad/Diversidad funcional se celebra el 3 de Diciembre.

Día de la discapacidad

¿Sabías que existen más de 1.000 millones de personas con discapacidad/diversidad funcional en el mundo? Ahora contaremos un poco su historia.

Historia del día de la diversidad funcional

La proclamación de este día tuvo su origen en la culminación del Decenio de las Naciones Unidas para las Personas con Discapacidad (1983-1992), cuyo propósito fue cumplir con el Programa de Acción Mundial para las Personas con Discapacidad, aprobado por la Organización de las Naciones Unidas el 3 de diciembre de 1992.

En 1992, al término del Decenio de las Naciones Unidas para los Impedidos (1983-1992), la Asamblea General proclamó el día 3 de diciembre Día Internacional de las Personas con Discapacidad. El Decenio había sido un período de toma de conciencia y de medidas destinadas a mejorar la situación de las personas con discapacidad y a la consecución de la igualdad de oportunidades.
Posteriormente, tras años de trabajo, el 13 de diciembre del año 2006, en Nueva York, la ONU (Organización de las Naciones Unidas), aprobó la Convención sobre los Derechos de las personas con Discapacidad/Diversidad funcional.
Esta Convención tiene como objetivo promover, proteger y asegurar el goce pleno y en todas las condiciones de igualdad de todos los derechos y libertades fundamentales por todas las personas con discapacidad.

Esta Convención fue ratificada por España en diciembre de 2007 y entró en vigor el 3 de mayo de 2008. La Convención supone la consagración del enfoque de modo que considera a las personas con discapacidad como sujetos titulares de derechos y los poderes públicos están obligados a garantizar que el ejercicio de esos derechos sea pleno y efectivo.

En su artículo 1 establece:
Las personas con discapacidad incluyen a aquellas que tengan deficiencias físicas, mentales, intelectuales o sensoriales a largo plazo que, al interactuar con diversas barreras, puedan impedir su participación plena y efectiva en la sociedad, en igualdad de condiciones con las demás.

Legislación en España: Constitución Española

La Constitución Española  recoge artículos referentes a la persona y a la igualdad, pero sólo recoge un artículo referente a las personas con discapacidad/diversidad funcional:

Artículo 9.2:

Corresponde a los poderes públicos promover las condiciones para que la libertad y la igualdad del individuo y de los grupos en que se integra sean reales y efectivas; remover los obstáculos que impidan o dificulten su plenitud y facilitar la participación de todos los ciudadanos en la vida política, económica, cultural y social.

Artículo 10:

1. La dignidad de la persona, los derechos inviolables que le son inherentes, el libre desarrollo de la personalidad, el respeto a la ley y a los derechos de los demás son fundamento del orden político y de la paz social.

Artículo 14:

“Los españoles son iguales ante la ley, sin que pueda prevalecer discriminación alguna por razón de nacimiento, raza, sexo, religión, opinión o cualquier otra condición o circunstancia personal o social.”

Y por último, en el artículo 49:

“Los poderes públicos realizarán una política de previsión, tratamiento, rehabilitación e integración de los disminuidos físicos, sensoriales y psíquicos a los que prestarán la atención especializada que requieran y los ampararán especialmente para el disfrute de los derechos que este Título otorga a todos los ciudadanos.”

RDL 1/2013, de 29 de noviembre

Por otro lado, tenemos el Real Decreto Legislativo 1/2013, de 29 de noviembre, por el que se aprueba el Texto Refundido de la Ley General de derechos de las personas con discapacidad y de su inclusión social. A partir de la publicación de este Decreto fueron derogadas las siguientes leyes:

  • 13/1982 de 7 de abril.
  • 51/2003 de 2 de diciembre.
  • 49/2007, de 26 diciembre.

El artículo 2 del RDL 1/2013, recoge una serie de definiciones.

Discapacidad: es una situación que resulta de la interacción entre las personas con deficiencias previsiblemente permanentes y cualquier tipo de barreras que limiten o impidan su participación plena y efectiva en la sociedad, en igualdad de condiciones con las demás.”

Además, establece la igualdad de oportunidades, la vida independiente, la normalización y la inclusión social. Así como la accesibilidad universal y la de diseño universal o diseño para todas las personas.

Normalización: Es el principio en virtud del cual las personas con discapacidad deben poder llevar una vida en igualdad de condiciones, accediendo a los mismos lugares, ámbitos, bienes y servicios que están a disposición de cualquier otra persona.

Accesibilidad universal: Es la condición que deben cumplir los entornos, procesos, bienes, productos y servicios, así como los objetos, instrumentos, herramientas y dispositivos, para ser comprensibles, utilizables y practicables por todas las personas en condiciones de seguridad y comodidad y de la forma más autónoma y natural posible. Presupone la estrategia de «diseño universal o diseño para todas las personas», y se entiende sin perjuicio de los ajustes razonables que deban adoptarse.

Diseño universal o diseño para todas las personas: Es la actividad por la que se conciben o proyectan desde el origen, y siempre que ello sea posible, entornos, procesos, bienes, productos, servicios, objetos, instrumentos, programas, dispositivos o herramientas, de tal forma que puedan ser utilizados por todas las personas, en la mayor extensión posible, sin necesidad de adaptación ni diseño especializado. El «diseño universal o diseño para todas las personas» no excluirá los productos de apoyo para grupos particulares de personas con discapacidad, cuando lo necesiten.

El artículo 5 de este Real Decreto recoge el ámbito de aplicación para garantizar la igualdad de oportunidades en:

  • Telecomunicaciones y sociedad de la información.
  • Espacios públicos urbanizados, infraestructuras y edificación.
  • Transportes.
  • Bienes y servicios a disposición del público.
  • Relaciones con las administraciones públicas.
  • Administración de justicia.
  • Patrimonio cultural, de conformidad con lo previsto en la legislación de patrimonio histórico.
  • Empleo.

Para seguir con el Real Decreto, el artículo 22 establece lo siguiente:

Artículo 22. Accesibilidad.

1. Las personas con discapacidad tienen derecho a vivir de forma independiente y a participar plenamente en todos los aspectos de la vida. Para ello, los poderes públicos adoptarán las medidas pertinentes para asegurar la accesibilidad universal, en igualdad de condiciones con las demás personas, en los entornos, procesos, bienes, productos y servicios, el transporte, la información y las comunicaciones, incluidos los sistemas y las tecnologías de la información y las comunicaciones, así como los medios de comunicación social y en otros servicios e instalaciones abiertos al público o de uso público, tanto en zonas urbanas como rurales.

2. En el ámbito del empleo, las condiciones básicas de accesibilidad y no discriminación a las que se refiere este capítulo serán de aplicación con carácter supletorio respecto a lo previsto en la legislación laboral.

A continuación, hay varios artículos que hacen referencia a las condiciones básicas de accesibilidad:

Artículo 23. Condiciones básicas de accesibilidad y no discriminación.

Artículo 24. Condiciones básicas de accesibilidad y no discriminación en el ámbito de los productos y servicios relacionados con la sociedad de la información y medios de comunicación social.

1. Las condiciones básicas de accesibilidad y no discriminación para el acceso y utilización de las tecnologías, productos y servicios relacionados con la sociedad de la información y de cualquier medio de comunicación social serán exigibles en los plazos y términos establecidos reglamentariamente.

No obstante, las condiciones previstas en el párrafo anterior serán exigibles para todas estas tecnologías, productos y servicios, de acuerdo con las condiciones y plazos máximos previstos en la disposición adicional tercera.1.

2. En el plazo de dos años desde la entrada en vigor de esta ley, el Gobierno deberá realizar los estudios integrales sobre la accesibilidad a dichos bienes o servicios que se consideren más relevantes desde el punto de vista de la no discriminación y accesibilidad universal.

Artículo 25. Condiciones básicas de accesibilidad y no discriminación en el ámbito de los espacios públicos urbanizados y edificación.

Artículo 27. Condiciones básicas de accesibilidad y no discriminación en el ámbito de los medios de transporte.

Artículo 28. Condiciones básicas de accesibilidad y no discriminación en el ámbito de las relaciones con las administraciones públicas.

Continuamos, el artículo 83 establece las sanciones.

Artículo 83. Sanciones.

1. Las infracciones serán sancionadas con multas que irán desde un mínimo de 301 euros hasta un máximo de 1.000.000 de euros.

2. Para las infracciones leves, la sanción no excederá en ningún caso de los 30.000 euros.

3. Para las infracciones graves, la sanción no excederá en ningún caso de los 90.000 euros.

Disposición adicional tercera. Exigibilidad de las condiciones básicas de accesibilidad y no discriminación.

1. Los supuestos y plazos máximos de exigibilidad de las condiciones básicas de accesibilidad y no discriminación, en todo caso, son los siguientes:

a) Para el acceso y utilización de las tecnologías, productos y servicios relacionados con la sociedad de la información y de cualquier medio de comunicación social.

  • Productos y servicios nuevos, incluidas las campañas institucionales que se difundan en soporte audiovisual: 4 de diciembre de 2009
  • Productos y servicios existentes el 4 de diciembre de 2009, que sean susceptibles de ajustes razonables: 4 de diciembre de 2013.

b) Para el acceso y utilización de los espacios públicos urbanizados y edificaciones:

  • Espacios y edificaciones nuevos: 4 de diciembre de 2010.
  • Espacios y edificaciones existentes el 4 de diciembre de 2010, que sean susceptibles de ajustes razonables: 4 de diciembre de 2017.

c) Para el acceso y utilización de los medios de transporte:

  • Infraestructuras y material de transporte nuevos: 4 de diciembre de 2010.
  • Infraestructuras y material de transporte existentes el 4 de diciembre de 2010, que sean susceptibles de ajustes razonables: 4 de diciembre de 2017.

d) Los que deberán reunir las oficinas públicas, dispositivos y servicios de atención al ciudadano y aquellos de participación en los asuntos públicos, incluidos los relativos a la Administración de Justicia y a la participación en la vida política y los procesos electorales:

  • Entornos, productos y servicios nuevos: 4 de diciembre de 2008.
  • Corrección de toda disposición, criterio o práctica administrativa discriminatoria: 4 de diciembre de 2008.
  • Entornos, productos y servicios existentes el 4 de diciembre de 2008, y toda disposición, criterio o práctica: 4 de diciembre de 2017.

 

2. Los supuestos y plazos máximos de exigibilidad de las condiciones básicas de accesibilidad y no discriminación para el acceso y utilización de los bienes y servicios a disposición del público por las personas con discapacidad, en todo caso, son los siguientes:

  • Bienes y servicios nuevos que sean de titularidad pública: Desde la entrada en vigor del real decreto que regule las condiciones básicas de accesibilidad y no discriminación para el acceso y utilización de los bienes y servicios a disposición del público.
  • Bienes y servicios nuevos que sean de titularidad privada que concierten o suministren las administraciones públicas: Desde la entrada en vigor del real decreto que regule las condiciones básicas de accesibilidad y no discriminación para el acceso y utilización de los bienes y servicios a disposición del público.
  • Bienes y servicios nuevos que sean de titularidad privada y que no concierten o suministren las administraciones públicas: 4 de diciembre de 2015.
  • Bienes y servicios existentes el 4 de diciembre de 2010, que sean susceptibles de ajustes razonables, cuando sean bienes y servicios de titularidad pública: 4 de diciembre de 2015.
  • Bienes y servicios existentes el 4 de diciembre de 2012, que sean susceptibles de ajustes razonables, cuando sean bienes y servicios de titularidad privada que concierten o suministren las administraciones públicas: 4 de diciembre de 2015.
  • Bienes y servicios existentes el 4 de diciembre de 2015, que sean susceptibles de ajustes razonables, cuando sean bienes y servicios de titularidad privada que no concierten o suministren las administraciones públicas: 4 de diciembre de 2017.

Legislación en  Andalucía

La normativa sobre discapacidad en Andalucía, se establece en la Ley 4/2017, de 25 de septiembre.

Artículo 9: Vulneración del derecho a la igualdad de oportunidades

Se entenderá que se vulnera el derecho a la igualdad de oportunidades de las personas con discapacidad cuando, por motivo o por razón de discapacidad, se produzca discriminación directa o indirecta, discriminación por asociación, acoso, incumplimiento de las exigencias de accesibilidad y de realizar ajustes razonables, así como el incumplimiento de las medidas de acción positiva legalmente establecidas.

La accesibilidad universal se establece de los artículos 44 al 56.

Artículo 60: Tecnologías de la información y la comunicación

La Consejería competente en materia de tecnologías de la información y comunicaciones fomentará el uso de las tecnologías accesibles a las personas con discapacidad para su utilización en condiciones de igualdad con el resto de la población.

El artículo 85: también establece que las sanciones van desde los 301 euros hasta el 1.000.000 de euros.

Otras leyes importantes de accesibilidad:

 

Norma Europea de accesibilidad web

  • Norma EN 301 549 Requisitos de accesibilidad de productos y servicios TIC aplicables a la contratación pública en Europa.
  • Directiva (UE) 2016/2102 del Parlamento Europeo y del Consejo, de 26 de octubre de 2016, sobre la accesibilidad de los sitios web y aplicaciones para dispositivos móviles de los organismos del sector público.

 

Teniendo en cuenta todo esto, hoy es un día para seguir luchando por los derechos que nos corresponden como personas. Un día para dar visibilidad a este colectivo.