Plan de Salud 2030. EUSKADI. Retos Estratégicos..pdf
Informe revela escasa presencia personas discapacidad webs gobiernos
1. José María Olayo olayo.blogspot.com
Accesibilidad Web
Pautas para hacer
visibles a las personas
con discapacidad
2. José María Olayo olayo.blogspot.com
Según la W3C, se entiende por accesibilidad la posibilidad de que
todas las personas puedan acceder a la Web, independientemente
del tipo de hardware, software, infraestructura de red, idioma,
cultura, localización geográfica y capacidades de los usuarios.
3. José María Olayo olayo.blogspot.com
“La accesibilidad consiste en diseñar productos para que
las personas con discapacidad puedan utilizarlos y hace
que las interfaces de usuario sean perceptibles, operables y
comprensibles para personas con distintos tipos de capacidades y
en circunstancias, entornos y condiciones diferentes. De esta forma,
la accesibilidad también beneficia a personas sin discapacidad y
a las organizaciones que desarrollan productos accesibles”.
Shawn Henry
4. José María Olayo olayo.blogspot.com
La inclusión de las personas con discapacidad en los medios
de comunicación es una necesidad y una oportunidad
que todos deberíamos aprovechar en pie de
igualdad, como el resto de ciudadanos.
5. José María Olayo olayo.blogspot.com
Es preciso llevar a cabo iniciativas que saquen del
ostracismo a las personas con discapacidad y
normalicen la visibilidad del colectivo.
6. José María Olayo olayo.blogspot.com
Muchos medios de comunicación siguen ignorando y, lo que
es peor, siguen teniendo prejuicios y barreras mentales
cuando tratan el mundo de la discapacidad. Efectivamente,
por el enfoque o por el contexto, las informaciones, además
de escasas, pecan de negatividad, sensacionalismo,
victimismo o conmiseración.
7. José María Olayo olayo.blogspot.com
En el ámbito de la información y la comunicación la presencia
de la discapacidad es doble:
a) Sectorial, cuando el tema que se trata se vincule a la discapacidad.
En el ámbito informativo hablar de discapacidad no debe implicar
necesariamente incluirla en el apartado de lo social, hay que atender
al tipo de noticia (economía, nacional, internacional…), y no al grupo
social del que se habla.
b) Transversal, incorporando la discapacidad como un elemento
más dentro del contexto cotidiano
de la sociedad. Mostrarla como
parte de la sociedad en su medio,
reforzando así el valor de una
visión inclusiva.
8. José María Olayo olayo.blogspot.com
Al hablar de discapacidad no deberíamos
prejuzgar ni escondernos tras la mampara
emocional de la conmiseración.
Un lenguaje inclusivo y respetuoso es aquel que
evita connotaciones que perpetúan imágenes
negativas o que predisponen a una mirada
condescendiente, paternalista o estereotipada
(sufrir, padecer, postrado… son expresiones
caducas que no deben ser empleadas).
Un lenguaje natural y sencillo que implica
ser neutral con los hechos, diferenciando
lo objetivo: la persona y su discapacidad
como elementos de la diversidad, sin que se
incluyan juicios de valor o estigmas a priori.
9. José María Olayo olayo.blogspot.com
En un artículo de Sarah Turner publicado en Website Planet, el 4 de julio de 2018,
se expresa que las personas con discapacidad son prácticamente inexistentes en
las webs de gobiernos e imágenes, y cuando se representan no aparecen como
personas íntegras, sino sólo haciendo hincapié en su discapacidad.
10. José María Olayo olayo.blogspot.com
De acuerdo con los datos obtenidos a través de un análisis en Internet por
este sitio web, en el que se estudiaron más de 500 webs de gobiernos de
todo el planeta, descubrieron que, aunque alrededor del 50% sí que
muestran a personas con discapacidad física, éstas sólo aparecen
en menos del 4% de las webs no relacionadas con la salud.
11. José María Olayo olayo.blogspot.com
Según los autores del informe, la culpa no es sólo de los gobiernos.
Las webs de imágenes como Shutterstock no muestran a las personas
con discapacidad como personas íntegras, sino que sólo las
muestran cuando hacen hincapié en su discapacidad.
12. José María Olayo olayo.blogspot.com
Una realidad que muestra cómo aún en el siglo XXI
muchas páginas web de gobiernos y de imágenes siguen
obviando a las personas con discapacidad o informando de
una manera peyorativa o conmiserativa, dejando de lado sus
necesidades, intereses y expectativas, como el resto de ciudadanos.
13. José María Olayo olayo.blogspot.com
Inmersos en una creciente desigualdad global, las personas con discapacidad
siguen afrontando obstáculos en el entorno, ya sean de tipo físico o
relacionados con el trato recibido, que dificultan sobremanera
una vida lo más independiente y digna posible.
14. José María Olayo olayo.blogspot.com
Este informe arroja datos reveladores: Menos del 4% mostraba
a personas con discapacidad en páginas no médicas.
En la mayoría de los casos aparecían en páginas médicas y relacionadas con la
salud, lo que de nuevo encasilla a estas personas y evita su total aceptación social.
15. José María Olayo olayo.blogspot.com
De las 502 webs analizadas, sólo 24 mostraban fotografías
de personas con discapacidad en páginas no médicas.
Sin embargo, incluso en estos casos se observaban peculiaridades. Ninguna
de ellas aparecía en la página de inicio. De hecho, la mayoría aparecía en
entradas de blogs que hablaban de una organización o persona determinada.
16. José María Olayo olayo.blogspot.com
Según se afirma en este informe, las webs de los gobiernos, al igual que todas,
funcionan en base a las cifras. Los webmasters analizan constantemente las
estadísticas para asegurarse de que su dominio alcanza a la mayor cantidad de
gente posible. Aquí yace el problema potencial en cuanto a la representación.
17. José María Olayo olayo.blogspot.com
Y se apuntan diversos motivos para explicar este fenómeno.
Motivo #1: Centrarse en la mayoría
Es cierto que la mayoría de países tienen lo que puede describirse como
una “norma social”, una idea esteriotipada del aspecto del ciudadano habitual.
Cuando se crea contenido dirigido a una audiencia amplia, tiene sentido
enfocarse a esta mayoría social. Hablemos de raza, color de pelo, tamaño
o, en este caso, capacidades y discapacidades, es un problema común
que puede aislar rápidamente a aquellos en grupos minoritarios.
18. José María Olayo olayo.blogspot.com
Motivo #2: Menor conversión
De igual forma, las personas con discapacidad podrían estarse dejando
fuera de las fotografías de las webs gracias al proceso de análisis de dominios.
Si las organizaciones gubernamentales realizan tests A/B en su web, podría
ser el caso que imágenes de personas con discapacidad causan una menor
conversión y, por tanto, reducen el porcentaje de éxito de la página web.
No obstante, las autoridades locales tienen una responsabilidad para con
sus ciudadanos. Erradicar la representación de una gran parte de la
sociedad no es excusa para lograr mejores cifras en las webs.
19. José María Olayo olayo.blogspot.com
Motivo #3: Oferta y demanda
Los gobiernos tienen una responsabilidad global de afectar la narrativa pública.
Argumentar que no existe demanda de una mejor representación
en imágenes es algo superfluo, ya que son estas decisiones las
que dictan lo que la sociedad toma por aceptable.
20. José María Olayo olayo.blogspot.com
Normalizar el uso de diversas fotografías que incluyan a personas de
todos los ámbitos de la vida es el único modo de poder llegar a la inclusión.
En estos momentos, estamos tan acostumbrados a ver una escasa
representación en webs de gobiernos que los usuarios
ni siquiera son conscientes del problema.
El objetivo debería ser crear demanda de una representación equitativa,
y no someternos a los prejuicios sistémicos actuales.
21. José María Olayo olayo.blogspot.com
Según este informe, aunque los gobiernos tienen la responsabilidad de mejorar sus
webs al respecto, toda la culpa no es de ellos. La mayoría de las fotografías
de Internet proceden de webs de imágenes como Shutterstock.
Estos dominios ofrecen imágenes libres de copyright que las empresas
pueden utilizar sin temor de infringir leyes de derechos de autor.
22. José María Olayo olayo.blogspot.com
Las búsquedas en estas webs dictan la estética de la mayoría de las webs.
Si no existen imágenes de personas con discapacidad o no están etiquetadas
con las palabras clave adecuadas, los creadores de contenido
no podrán usarlas en sus páginas web.
23. José María Olayo olayo.blogspot.com
La inclusión y participación social de las personas con discapacidad pasa, de forma
inexorable, porque la mayoría de las webs mostrara una representación de
personas de todas las edades, géneros, religiones, razas y capacidades diferentes.
Es así como se podría mostrar una efectiva igualdad de oportunidades
en Internet, y los catálogos como Shutterstock se mostrarían
más proactivos a cambiar el status quo.
24. José María Olayo olayo.blogspot.com
Las webs gubernamentales tienen la responsabilidad
de promover la inclusión de las personas marginadas.
25. José María Olayo olayo.blogspot.com
Hacer visibles a las personas con discapacidad es una obligación y un
elemento esencial en toda polìtica que se precie de ser inclusiva.
26. José María Olayo olayo.blogspot.com
Propuestas para mejorar las webs gubernamentales respecto
de la inclusión de las personas con discapacidad:
1. Añadir una imagen que incluya a una persona con discapacidad
en la página de inicio o en una página de mucho tráfico.
2. No sólo incluir a personas en sillas de ruedas, sino también
a personas con discapacidad auditiva y ciegos.
3. Llevar un control para asegurarse de que hombres y mujeres de
todas las diferentes partes de la comunidad estén incluidos.
27. José María Olayo olayo.blogspot.com
Las leyes sobre accesibilidad de sitios web.
Aunque los sitios web accesibles tienen muchos beneficios, es importante
recordar que no son solo opcionales.
La Convención de las Naciones Unidas sobre los derechos de las personas
con discapacidad define el acceso a las tecnologías de la información y las
comunicaciones, que incluye Internet, como un derecho humano básico.
28. José María Olayo olayo.blogspot.com
La mayoría de los países, incluidos los EE. UU., Tienen leyes que requieren
que los sitios web cumplan con ciertos estándares de accesibilidad.
El órgano rector de la web, Worldwide Web Consortium (W3C) ha publicado
pautas de accesibilidad basadas en cuatro pilares:
- Percibible, lo que significa que los usuarios pueden percibir sitios web
con sus sentidos (principalmente a la vista y al oído);
- Operable por ratón, teclado y dispositivo de asistencia;
- Comprensible, sin confusión;
- Robusta para ser accesible por una gama de tecnologías nuevas y antiguas.
29. José María Olayo olayo.blogspot.com
El diseño accesible incluye:
Contenido: el sitio debe ser fácil de entender, incluso cuando se lee
fuera de contexto por una herramienta de lectura de pantalla.
Formato: las páginas con formato deficiente no se pueden ampliar,
navegar o ajustar fácilmente para una mejor visibilidad.
Diseño: a muchos visitantes con discapacidad visual les resultará
difícil percibir los contrastes o ciertos colores.
30. José María Olayo olayo.blogspot.com
Pautas para hacer que tu sitio sea más accesible
para los visitantes con discapacidad visual.
- Asegúrate de que sus títulos describan la página claramente y que sean diferentes
de los títulos de otras páginas para que los usuarios ciegos que escuchan un lector
de pantalla de ayuda puedan entender sin el contexto del diseño, y los usuarios
con poca visión puedan obtener la información que necesitan.
- Comprueba que hay textos de imagen alt para cada imagen. Los textos de imagen
alt deben describir breve y claramente la imagen. Por ejemplo, el texto de la imagen
alternativa para un botón de búsqueda debe ser "buscar" no "lupa". Estos pueden
leerse en un lector de pantalla.
- Asegúrate de que todo el texto tenga una relación de contraste alta , lo que significa
que contrasta fuertemente con el fondo, como el texto negro sobre un fondo blanco
o el texto claro sobre un fondo oscuro. Ten en cuenta que algunas personas, como
los disléxicos, tienen problemas para leer colores brillantes. Es mejor permitir que
los usuarios establezcan sus propios colores para los textos en su sitio.
31. José María Olayo olayo.blogspot.com
- Los usuarios ciegos y deficientes visuales tienden a usar comandos de teclado
o de voz en lugar de un mouse. Necesitan botones y listas desplegables que
muestran qué opción está actualmente seleccionada. Esto podría lograrse
resaltando la opción actual o agregando un borde.
- Todos sus textos deben estar en una fuente que sea lo suficientemente grande
como para que los visitantes puedan leerlos fácilmente. Las fuentes también
deben ser claras y fáciles de leer, sin mucha decoración adicional. Si eliges usar
una fuente más pequeña, asegúrate de que la página aún se muestre correctamente
si el usuario decide aumentar manualmente el tamaño de la fuente.
- No tengas ningún texto, botones o imágenes que parpadeen. Esto puede desencadenar
una convulsión en los epilépticos, pero también es muy difícil para los usuarios con
mala visión para leer y asimilar la información.
32. José María Olayo olayo.blogspot.com
- Hacer elecciones sabias de color. No elijas nada demasiado brillante que pueda
deslumbrar y confundir los ojos, o demasiado débil que no se pueda ver fácilmente.
- El 8% de los hombres y el 0.5% de las mujeres tienen ceguera al color, así
que nunca uses un color para definir un botón o un campo de instrucción.
- Las imágenes muy grandes pueden ser confusas para muchos espectadores,
especialmente si se ven en una pantalla que no es lo suficientemente grande
como para mostrar la imagen completa. También tardan mucho tiempo en
cargarse o pueden bloquearse debido a su tamaño, por lo que los usuarios
capacitados también se verán afectados.
- Asegúrate de que cada parte del contenido del video tenga una alternativa de
audio o una transcripción de texto a la que pueda acceder un lector de pantalla.
33. José María Olayo olayo.blogspot.com
Consejos avanzados de accesibilidad para usuarios
con deficiencia visual.
Muchas de las prácticas de accesibilidad visual más avanzadas las realiza mejor
un programador.
Consejos avanzados de accesibilidad:
- Asegúrate de que los encabezados estén claramente descritos en su marca HTML,
para que los lectores de pantalla puedan navegar entre ellos.
- La codificación CSS y los efectos de formato visual a menudo dificultan o imposibilitan
que los usuarios ciegos accedan a la información del texto. Es mejor evitar el CSS
y diseñar textos limpios y sencillos .
- Diseña tus textos para una fácil ampliación. Usa valores de tamaño relativo para
que cuando un usuario haga su vista de pantalla más grande, las letras no se
superpongan, elimine espacios entre líneas o corte los extremos de las oraciones
de una manera que requiera desplazamiento horizontal. Evita las imágenes de
mapa de bits de texto que son difíciles de ampliar.
34. José María Olayo olayo.blogspot.com
- Permite que los usuarios naveguen por el sitio web utilizando la entrada de
voz, las herramientas de voz a texto y las de voz, los lectores de pantalla
y otras tecnologías de asistencia.
- Ofrece información clave en forma de audio, así como visualmente . Por ejemplo,
permite que los usuarios escuchen textos captcha que detectan bots como medios
de audio y visualmente.
- Configura el contraste de texto y las opciones de color para que sean ajustables,
de modo que cada usuario pueda ajustar su navegador para el color y el contraste
que les resulte más fácil de leer.
- Proporciona etiquetas descriptivas para sus enlaces , de modo que un usuario
ciego que encuentre una lista de enlaces en una página sin ningún contexto
sepa a dónde lleva cada enlace.
- Proporciona compatibilidad total con el teclado, incluida una estructura de
navegación lógica e intuitiva y un enfoque del teclado que resalta los campos
en una forma y las opciones en un menú desplegable o lista cuando usa los
controles del teclado, no solo con el mouse.
35. José María Olayo olayo.blogspot.com
Cómo hacer que tu sitio sea accesible para visitantes
con discapacidad auditiva.
Para hacer que los sitios web sean accesibles para los visitantes con discapacidad
auditiva, es necesario comenzar por pensar en el contenido.
Algunos usuarios sordos utilizan principalmente el lenguaje de señas y necesitan
que las instrucciones de texto se escriban en términos muy simples. El formato es
otro problema potencial, incluidas características como el control de volumen ajustable.
Finalmente, el diseño accesible para usuarios sordos debe incluir el uso de imágenes
explicativas, entre otros pasos.
36. José María Olayo olayo.blogspot.com
Para mejorar la accesibilidad de tu sitio para los visitantes con
discapacidad auditiva, comienza por ver estos problemas:
- Imágenes explicativas que acompañan a las instrucciones de audio o escritas,
para adaptarse a los usuarios sordos que están más familiarizados con el
lenguaje de señas que con la palabra escrita.
- Instrucciones y comentarios en lenguaje de señas.
- Los videos y otros medios que tienen subtítulos deben venir con subtítulos que
sean fáciles de activar y desactivar mediante los comandos del teclado, no solo
con el mouse. Deben estar disponibles en varios idiomas y / o como un
acompañamiento internacional de lenguaje de señas.
- Asegúrate de que no haya nada que sea solo de audio, como pitidos, alarmas
de advertencia de error o avisos de audio.
- Todos los materiales de audio deben tener una transcripción escrita que esté
claramente disponible en la misma página que el archivo de audio.
- No hay controles de voz solamente. Todo debería ser operable a través de
los controles del teclado, así como con el mouse.
37. José María Olayo olayo.blogspot.com
Consejos avanzados de accesibilidad para usuarios con deficiencia auditiva.
Necesitarás la ayuda de un programador o algunos conocimientos de
programación para incorporar estas funciones avanzadas de accesibilidad
para usuarios con discapacidad auditiva:
- Facilita a los usuarios ajustar el volumen de un archivo de audio por separado
al nivel de volumen del resto del sistema informático.
- Asegúrate de que todos los archivos de audio sean de la mejor calidad posible,
sin ruidos de fondo, zumbidos u otras distracciones auditivas.
- Implementa leyendas ajustables que se pueden establecer en el tamaño, contraste
y color correctos para las preferencias de cada usuario
- Incluye controles fáciles de usar para detener, pausar y retroceder dentro de un
archivo de audio o video
- Añade una descripción de audio, así como una transcripción. Esto les dice a los
usuarios sordos sobre otras interacciones dentro del video o archivo de audio,
no solo las palabras que se hablaron.
38. José María Olayo olayo.blogspot.com
Cómo hacer que tu sitio sea accesible para visitantes
con discapacidad física.
Cuando diseñas un sitio que es accesible para usuarios con discapacidad física,
lo primero que debes considerar es hacerlo utilizable sin un mouse.
Para estos usuarios, los controles del teclado son mucho más fáciles de usar
que un mouse.
Algunos usuarios pueden estar usando controles de boca o pies, que son difíciles
de dirigir con precisión, o un software de seguimiento ocular que no puede
interactuar con cada tipo de página web.
39. José María Olayo olayo.blogspot.com
Algunos pasos a seguir para que tu sitio web sea más accesible
para usuarios con discapacidad física:
- Crea botones mucho más grandes para que sea más fácil para los usuarios con
dedos temblorosos o coordinación limitada hacer clic dentro del campo del botón.
- Deja suficiente tiempo para que se completen las tareas antes de dejar que la
página se "apague", ya que los usuarios con discapacidades físicas pueden tardar
más en ingresar texto, escribir o hacer clic en un botón.
- Asegúrate de que todo el contenido esté organizado de manera lógica , con títulos
y encabezados claros y bien organizados, de modo que los usuarios que usan los
controles del teclado puedan navegar a través del sitio web en una secuencia
lógica sin confundirse en la siguiente opción.
40. José María Olayo olayo.blogspot.com
Consejos avanzados de accesibilidad para usuarios con discapacidad física.
Muchas más funciones accesibles están abiertas si tiene un programador que
puede cambiar su codificación de back-end :
- Asegúrate de que su sitio web sea totalmente compatible con los controles
del teclado. Esto debe incluir diferentes formas de resaltar o indicar una
opción en un menú desplegable o al completar un formulario.
- Formatea e ingresa el contenido de manera que sea accesible para los lectores
de ayuda y otras herramientas que utilizan las personas con discapacidad física.
41. José María Olayo olayo.blogspot.com
- Asegúrate de que todos los comandos se pueden activar con una sola
pulsación de tecla. La mayoría de los usuarios con discapacidad física
solo pueden escribir una tecla a la vez.
- Crea un sitio web que pueda responder a controles sin contacto, como controles
de voz, controles de pie, controles bucales o rastreadores de movimientos oculares.
- Configura opciones fáciles para corregir errores y errores , ya que los usuarios con
discapacidad física suelen presionar la tecla equivocada o ingresar el texto incorrecto.
- Crea mecanismos que permitan a estos usuarios omitir encabezados de página, barras
de navegación y otros bloques de diseño sin usar un mouse.
42. José María Olayo olayo.blogspot.com
Cómo hacer que tu sitio sea accesible para visitantes con
baja capacidad cognitiva.
El diseño de un sitio web que sea accesible para usuarios con poca capacidad
cognitiva comienza con el contenido, que debe expresarse en un lenguaje
sencillo, frases cortas e instrucciones muy directas.
La baja capacidad cognitiva no siempre viene de la mano con poca inteligencia,
por lo que es importante no hablar con estos usuarios. Muchas de las necesidades
de accesibilidad de los usuarios con baja capacidad cognitiva se superponen con
las de los usuarios con discapacidades visuales o auditivas, como la compatibilidad
con los controles del teclado y los lectores de asistencia, el etiquetado coherente
y el diseño de navegación claro.
43. José María Olayo olayo.blogspot.com
Algunos pasos importantes a seguir cuando se diseña para que los
usuarios con poca capacidad cognitiva puedan acceder a ellos:
- Usa un lenguaje simple y directo que no esté lleno de jerga o metáforas confusas.
- Incluye ilustraciones explicativas e imágenes junto con el texto (como para
usuarios con discapacidades auditivas).
- Evita utilizar bloques de texto largos y densos que no estén interrumpidos por
imágenes o espacios. Los grupos cortos de texto junto con imágenes claras e
instructivas son mucho más fáciles de asimilar.
- No utilices texto que parpadee o se desplace por la página, ya que los usuarios
tardan más en leerlo y asimilarlo, y las distracciones visuales lo retendrán.
44. José María Olayo olayo.blogspot.com
Consejos avanzados de accesibilidad para usuarios
con baja capacidad cognitiva
Los programadores pueden agregar más funciones de accesibilidad.
- Permite suficiente tiempo para que los lectores lentos respondan , completen
formularios o comenten en una página web antes de que se agote el
tiempo de espera.
- Asegúrate de que el marcado de su sitio web pueda leerse con dispositivos de
pantalla de asistencia para aquellos que tienen problemas para entender
las instrucciones escritas
- Implementa una estructura de navegación jerárquica y lógica para facilitar a
los usuarios moverse entre páginas y secciones.
45. José María Olayo olayo.blogspot.com
- Proporciona una función de búsqueda y un menú jerárquico para facilitar
la navegación
- Debes ser consistente en tu diseño web, ubicación de enlaces, estructura
de página web y protocolos de etiquetado
- Facilita a los usuarios la eliminación de animaciones y audio confusos y que
distraen la atención en navegadores web y reproductores de medios.
- Asegúrate de que los medios no se inician automáticamente en la apertura
de una página web, y que es fácil detenerlos cuando se inician.
- Evita utilizar diseños de páginas visuales que no puedan ajustarse fácilmente
con CSS o los controles del navegador web.
46. José María Olayo olayo.blogspot.com
Páginas relacionadas
y recomendadas
47. José María Olayo olayo.blogspot.com
https://www.websiteplanet.com/es/blog/mas-del-96-de-las-webs-gubernamentales-ocultan-los-hombres-y-mujeres-con-minusvalia/
48. José María Olayo olayo.blogspot.com
https://www.websiteplanet.com/blog/website-accessibility-made-easy-ultimate-guide/
49. José María Olayo olayo.blogspot.com
https://www.w3.org/WAI/test-evaluate/preliminary/#title
51. José María Olayo olayo.blogspot.com
http://accesibilidadweb.dlsi.ua.es/
52. José María Olayo olayo.blogspot.com
ftp://ftp.once.es/pub/utt/bibliotecnia/Accesibilidad/webs/AccesibilidadWeb2013.pdf
53. José María Olayo olayo.blogspot.com
http://www.ardacea.es/files/CERMI-Decalogo-Discapacitados.pdf
54. José María Olayo olayo.blogspot.com
http://autismocastillayleon.com/wp-content/uploads/2016/06/guia_de_estilo_sobre_discapacidad_para_profesionales_de_los_medios_de_comunicacion.pdf
55. José María Olayo olayo.blogspot.com
https://www.slideshare.net/jmolayo/internet-y-discapacidad-accesibilidad-web