● Frame Multimedia Solutions
Accesibilidad
Un sitio que se adapta a quien lo usa. Diseñamos herramientas para personas ciegas, sordas, mayores y con necesidades cognitivas: nuestro sitio debe ser el primer ejemplo.
01
Las herramientas
Están siempre arriba a la derecha, en el icono con la figura humana. Las preferencias se guardan en el dispositivo.
Texto
- 01
Tamaño del texto
Tres tamaños. La maquetación se adapta y nada se solapa.
- 02
Tipografía de alta legibilidad
Atkinson Hyperlegible, diseñada por el Braille Institute para personas con baja visión.
- 03
Texto más aireado
Más espacio entre líneas, palabras y letras.
Lectura
- 04
Leer en voz alta
Lee la página, o solo el texto seleccionado, con una voz del propio dispositivo. Resalta el párrafo que está leyendo; la lectura se puede poner en pausa o detener.
- 05
Guía de lectura
Una franja clara sigue al puntero y oscurece el resto de la página, para no perder la línea.
Colores e imágenes
- 06
Contraste alto
Negro pleno sobre blanco pleno (o al revés, con el tema oscuro) y bordes más marcados.
- 07
Escala de grises
Quita los colores de toda la página, para quien se cansa o se distrae con los colores vivos.
- 08
Ocultar imágenes
Las fotos y los vídeos desaparecen y dejan su espacio, con la descripción cuando la hay. Textos, logotipos y enlaces se quedan en su sitio.
Navegación
- 09
Resaltar enlaces y foco
Enlaces siempre subrayados y un contorno grueso alrededor del elemento activo al navegar con el teclado.
- 10
Cursor grande
Un puntero del ratón más grande, negro con borde blanco, que se ve sobre cualquier fondo.
- 11
Parar las animaciones
Se detienen los fondos animados, los vídeos automáticos y los desplazamientos. También vale si el dispositivo pide «menos movimiento».
Estas herramientas ayudan, pero por sí solas no hacen accesible un sitio: lo que cuenta es cómo está construido. Títulos en orden, contraste suficiente, todo utilizable con el teclado, textos alternativos para las imágenes, menos movimiento para quien lo pide.
02 Cómo está construido
- Cada página tiene un solo título principal y una estructura de títulos ordenada, legible por los lectores de pantalla.
- Todo se navega con el teclado: menú, galerías, filtros, línea del tiempo. Está el enlace «Ir al contenido».
- Las imágenes que aportan información tienen texto alternativo; las decorativas quedan ocultas a los lectores de pantalla.
- Ningún vídeo se inicia con sonido. Los vídeos automáticos son mudos y se detienen al salir de la pantalla.
- Tema claro y oscuro, textos redimensionables hasta el 200 % sin perder contenidos.
03 Qué falla todavía
- Las fotos de las galerías de los proyectos aún tienen una descripción genérica: las estamos escribiendo una a una.
- Los vídeos alojados en YouTube no tienen todos subtítulos.
- La lectura en voz alta usa las voces del propio dispositivo: si no hay ninguna para un idioma (ocurre a menudo con el árabe), hay que añadirla en la configuración del sistema.
Preferimos decirlo: una lista honesta de limitaciones vale más que una declaración perfecta.
04
Incidencias
¿Algo no funciona? Basta con contarnos qué se estaba haciendo y con qué dispositivo o tecnología de apoyo: respondemos y lo corregimos.