Paralympics: Herramientas de Accesibilidad

De Casiopea






Caso de Estudio
NombreParalympics: Herramientas de Accesibilidad
Período2023
Palabras ClaveCasodeEstudio
RelacionadoProyecto UX Accesible
Estudiado porDaniel Rojas

Caso de Estudio Pagina Web Paralympics

Para efectos de este caso de estudio me basé en la capa informativa del sitio web, ya que para el estudio requerido no se necesita saber tanto la estructura del sitio web sino como la capa de información se disponibiliza para el usuario, haciendo a esta más accesible desde un punto de vista de contenido.

Esta web se caracteriza por poseer específicamente dos tipo de ayudas para personas con discapacidad: el texto y audio, el nivel de accesibilidad que posee es bastante desarrollado y funcional en muchos sentidos debido a que cuenta con múltiples opciones para hacer de la experiencia en este sitio web a la hora de leer placentera para personas con complicaciones al momento de leer o ver el contenido que se muestra en la página.

Las opciones accesibles se encuentran en un menú flotante con el símbolo de accesibilidad Universal,la cual destaca por sobre el fondo y se puede acceder a ella fácilmente en cualquier momento. Este menú cuenta con sus propias diviciones y diseño, el cual está estructurado para funcionar tanto en teléfonos como en escritorio.

Una característica importante es también que el sitio web recuerda las opciones que se le han asignado por el usuario al momento de visualizar un contenido, así no teniendo que asignar las mismas opciones a cada momento que la persona entra al sitio web. El diseño de este apartado es minimalista y no posee complicaciones, ya que se opta por alinear los elementos a dos columnas con texto centrado en cada caja, cada una con su ícono y el nombre de la funcionalidad que afecta, la cual posee diferentes niveles.

Tiene dos Niveles, Dislexia y para personas con ceguera.

Características y Número de Niveles:

  • Lector en Voz Alta: Normal, Rápido, Lento
  • Contraste: Invertir, Negro y Blanco
  • Contraste Inteligente
  • Destacar Links
  • Agrandar Texto:Grande, Muy Grande
  • Espacidado de Texto: Ligero, Mediano, Grande
  • Pausar Animaciones
  • Esconder Imágenes
  • Amigable con la dislexia:Amigable con Dislexia, Texto Legible
  • Estructura de Página: Presenta Diferentes formas de Visualizar la página (Código, Contenido, etc)
  • Alto de línea: 1, 1.5 , 2
  • Alineación de línea: Left, Right, Center, Justify
  • Diccionario

Imágenes