Buscador

Mostrando entradas con la etiqueta Ejemplos. Mostrar todas las entradas
Mostrando entradas con la etiqueta Ejemplos. Mostrar todas las entradas

miércoles, 26 de diciembre de 2018

Un mal uso de los colores que crea un problema de accesibilidad para las personas con ceguera al color

En ATG Event Ticketing Website se explica un problema de accesibilidad que presenta el sitio web de venta de entradas más importante del Reino Unido.




Voy a usar la herramienta Coblis — Color Blindness Simulator para simular diferentes tipos de ceguera al color. Como se verá en las siguientes imágenes, hay combinaciones de colores que no se pueden diferenciar claramente.

Claro, cuando los dos colores que no se distinguen claramente están juntos, se pueden diferenciar porque su luminosidad es diferente (uno es más claro/oscuro que el otro). Pero cuando están separados, es muy difícil saber cuál es cual.

RED-BLIND/PROTANOPIA



GREEN-BLIND/DEUTERANOPIA



BLUE-BLIND/TRITANOPIA



MONOCHROMACY/ACHROMATOPSIA


BLUE CONE MONOCHROMACY



lunes, 5 de junio de 2017

Sitio web con opciones para mejorar la accesibilidad

El sitio web de Estonia electrónico posee características para mejorar la accesibilidad:


Y este es un ejemplo de adaptación:

viernes, 17 de febrero de 2017

Otro ejemplo de audiodescripción

El mismo vídeo, con o sin audiodescripción:


EnLight [Subtitled] from Ashwin Kumar on Vimeo.



EnLight [AD] [Subtitled] from Ashwin Kumar on Vimeo.

viernes, 2 de diciembre de 2016

Ejemplo de sitio web accesible y no accesible

Accessible University 3.0 es un sitio web de demostración que incluye un sitio web con problemas de accesibilidad y el mismo sitio web con esos problemas corregidos.

Además, se incluye una lista de los problemas que existen en el sitio web (Accessible University: List of Accessibility Issues).

lunes, 21 de noviembre de 2016

Ejemplo de sitio web con opciones para mejorar la accesibilidad

OER Commons es un buscador de recursos educativos abiertos que ofrece algunas opciones para mejorar la accesibilidad del sitio web.


Texto y visualización:


Disposición y navegación:


Enlaces y botones:

jueves, 17 de noviembre de 2016

Ejemplo de periódico accesible

Una persona ciega de Argentina me ha indicado que suele leer el periódico La Nación de Argentina porque es accesible.

Al principio de la página principal existe un enlace con el texto "Si usted es una persona con dificultades visuales, navegue el sitio desde aquí". Este enlace dirige al usuario a la versión sólo texto del sitio web. Esta versión es una simplificación de la versión principal, pero parece que contiene la misma información.

Esto no es la mejor solución para garantizar la accesibilidad, pero es mejor que nada.

lunes, 17 de octubre de 2016

Ejemplo de vídeo accesible

El siguiente vídeo es accesible porque:
  • Posee subtítulos para personas con problemas de audición.
  • Posee audiodescripción para las personas con problemas de visión.

miércoles, 7 de septiembre de 2016

Ejemplo de sitio web con características para mejorar la accesibilidad web

Technow es el sitio web de una empresa dedicada a la accesibilidad, tanto física como digital.


Su sitio web incluye opciones para mejorar la accesibilidad web:


lunes, 29 de agosto de 2016

Sitio web con características accesibles

El sitio web Trace Research and Development Center ofrece algunas características para mejorar la accesibilidad de la página web.


Permite seleccionar un estilo de alto contraste:


Cuando se selecciona el estilo de alto contraste además aparece un enlace de "skip to main content".

Y también permite modificar el tamaño del texto:



martes, 23 de agosto de 2016

Sitio web con vídeos con lengua de signos (o de señas)

Curioso el sitio web los Testigos de Jehová. Dispone de 835 idiomas:


Entre los idiomas se pueden elegir aquellos que se basen en la utilización de la lengua de signos:


Y también dispone de un modo accesibilidad que parece que activa o desactiva el subrayado de los enlaces:








viernes, 22 de julio de 2016

Ejemplo de sitio web con características para mejorar la accesibilidad

Fluid es un proyecto colaborativo que tiene como objetivo mejorar la experiencia de usuario y la inclusión de las personas con discapacidad en los proyectos de open source software.

En la siguiente dirección:

http://build.fluidproject.org/prefsEditors/demos/explorationTool/

podemos encontrar un ejemplo de panel con opciones para mejorar la accesibilidad de un sitio web.


miércoles, 20 de julio de 2016

Ejemplo de asistente para configurar la accesibilidad de un sitio web

Floe (flexible learning for open education) es un proyecto que tiene como objetivo mejorar el aprendizaje en línea para que sea inclusivo.

En la siguiente dirección:

http://first-discovery.floeproject.org/demos/prefsServerIntegration/

se encuentra un ejemplo de asistente que ayuda a configurar la accesibilidad de un sitio web.

Entre otras cosas, el asistente permite elegir el idioma,


la combinación de color y


el tamaño del texto.


miércoles, 17 de febrero de 2016

Rihana produce ataques epilépticos (y otros tipos de ataques)

Hace unos meses escribí la entrada No diseñar contenido de un modo que se sepa podría provocar ataques, espasmos o convulsiones en la que hablaba del episodio de la serie Pokemon que produjo ataques epilépticos a varios cientos de niños japoneses.

Una de mis doctorandas me ha pasado el siguiente vídeo de Kanye West y Rihanna que tiene el siguiente aviso:
WARNING: This video has been identified by Epilepsy Action to potentially trigger seizures for people with photosensitive epilepsy. Viewer discretion is advised.

miércoles, 10 de febrero de 2016

Ejemplo de vídeo accesible

El siguiente vídeo es accesible porque:
  • Posee subtítulos para personas con problemas de audición.
  • Posee audiodescripción para las personas con problemas de visión.

lunes, 25 de enero de 2016

Ejemplo de sitio web con características para mejorar la accesibilidad

OER Commons es un sitio web que posee un conjunto de opciones que mejoran la accesibilidad web.





miércoles, 30 de diciembre de 2015

Ejemplo de sitio web con características para mejorar la accesibilidad

Digital Accessibility Centre es una organización del Reino Unida dedicada a mejorar la accesibilidad digital.

Su sitio web incluye varias características interesantes que mejoran la accesibilidad web:
  • Enlace "saltar a"
  • Diferentes combinaciones de colores para mejorar el contraste
  • Navegación por teclado
  • Controles para parar el carrusel de imágenes


miércoles, 11 de noviembre de 2015

Ejemplo de audiodescripción (2)

Un ejemplo de vídeo con audiodescripción para ciegos, Audiodescripción Amelie:

miércoles, 4 de noviembre de 2015

Ejemplo de audiodescripción (1)

Un ejemplo de vídeo con audiodescripción para ciegos, "PACO" | Ejemplo "Audiodescripción":

viernes, 23 de octubre de 2015

Un ejemplo de descripción larga en la web de Renfe

La web de Renfe no ha sido un buen ejemplo de sitio web accesible, sino todo lo contrario. Por eso me ha parecido curioso encontrar este ejemplo de uso del atributo longdesc.

En la página Organigrama hay un gráfico:


Este gráfico tiene el atributo longdesc, su destino es:


http://www.renfe.com/empresa/organizacion/longDescOrganigrama.html




miércoles, 21 de octubre de 2015

Otro ejemplo de descripción larga (longdesc)

El cómic número 72 de CSSquirrel incluye el atributo longdesc. La URL del longdesc apunta a la página Comic Transcript for CSSquirrel #72 Alone in the Pitch Black Dark.

En realidad, en comic update: alone in the pitch black dark se explica que este cómic es en respuesta a la eliminación del atributo longdesc de la especificación de HTML5.