Buscador

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

miércoles, 23 de febrero de 2022

Los peligros del texto alternativo automático

En el periódico El País me he encontrado el siguiente error:


En la imagen se puede ver el texto alternativo de una fotografía que no se ha podido cargar debido a un error en la conexión de red.

El texto alternativo está en inglés, es la descripción de la imagen que proporciona Getty Images:

MOSCOW, RUSSIA - SEPTEMBER 9: (RUSSIA OUT) Russian President Vladimir Putin speaks during a joint press conference with President of Belarus Alexander Lukashenko at the Kremlin on September 9. 2021 in Moscow, Russia. President Lukashenko is on a one-day visit to Russia. (Photo by Mikhail Svetlov/Getty Images)

Seguramente, el gestor de contenidos del periódico El País dispone de una opción para automáticamente definir el texto alternativo de una imagen a partir de la descripción que proporciona Getty Images.

Un error grave usar ese texto en inglés como texto alternativo.


lunes, 14 de octubre de 2019

¿Por qué la web de La Moncloa hace referencia a WCAG 1.0?

En la web de La Moncloa:



Podemos ver esto en el pie de página:



¿Cómo es posible que la web de La Moncloa haga referencia a WCAG 1.0 que es del año 1999?


viernes, 3 de mayo de 2019

La accesibilidad muy mal entendida

Hace unas semanas me encontré esto en Internet:



Desgraciadamente, cosas similares pasan muchas veces con la accesibilidad web, se implementan soluciones de forma incorrecta o luego se ponen barreras que impiden su aprovechamiento.

miércoles, 17 de abril de 2019

Desastre de imágenes en Naukas

En el sitio web Naukas, el uso del texto alternativo con las imágenes es un verdadero desastre:

Tenemos los típicos botones (imágenes que son enlaces) de redes sociales:


que están hecho con iconos y sin un texto equivalente (no se puede poner un texto alternativo porque las imágenes no están en el HTML, están en el CSS):


Tenemos los típicos enlaces contiguos, uno con una imagen, otro con texto, que tienen el mismo texto y el mismo destino:



Y tenemos las típicas imágenes en enlaces sin texto alternativo:



lunes, 15 de abril de 2019

Errores de accesibilidad en la web de El Corte Inglés

La web de El Corte Inglés tiene algunos errores de accesibilidad curiosos. Por ejemplo, un enlace que contiene una imagen con un texto alternativo y el mismo texto al lado.


O un enlace al que le han puesto el atributo alt:


lunes, 1 de abril de 2019

Desastre de contraste en la web de Turkish Airlines

En una página web de la web de Turkish Airlines hay que elegir un país en una lista desplegable. El país seleccionado se puede ver con mucha dificultad, el resto de países, ¿hay más países en la lista?


miércoles, 28 de noviembre de 2018

Los captchas de Google

Los captchas de Google son bastante curiosos, y claro está, no accesibles:






viernes, 16 de noviembre de 2018

Un botón es un botón, un enlace es un enlace y lo demás no debe ser ni un botón ni un enlace

En You can’t create a button se explica un error de accesibilidad tremendamente común: tratar un enlace como si fuera un botón, un botón como si fuera un enlace, o cualquier otra cosa como un div o un span en un enlace o un botón.

jueves, 27 de septiembre de 2018

Accesibilidad al 90%

Visto en Twitter en un mensaje de la Fundación Once:


La accesibilidad web a veces se queda así, a medias.

viernes, 24 de agosto de 2018

Un sitio web es accesible cuando es accesible para todas las discapacidades

Un error muy común que muchas veces he notado es pensar centrarse en resolver los problemas de accesibilidad para solo unos tipos de discapacidad.

En el año 2015 escribí la entrada Unas personas con discapacidad que se olvidan del resto de las personas con discapacidad en la que comentaba que el sitio web de la Confederación Estatal de Personas Sordas no era accesible para otras discapacidades.

Tres años después, ¿este sitio web es accesible?

Tres años después este sitio web sigue con los mismos problemas, por ejemplo:

Un captcha en el formulario de contacto:



Imposibilidad de navegar con el teclado porque no se muestra el foco de los elementos de la interfaz, ¿cuál de los siguientes botones tiene el foco?


Enlaces y botones que realmente no lo son, ¿por qué la siguiente botonera son imágenes sin texto alternativo y con el evento onclick?




miércoles, 18 de julio de 2018

Formulario de acceso con captcha, ¿para qué?

El usuario @begoodness de Twitter me ha avisado del siguiente error.

La página web Te damos la bienvenida al Área Personal del Demandante (el título de la página ya es malo) presenta un formulario de acceso con usuario y contraseña que además añade un captcha:


Esto supone un grave problema de accesibilidad.

¿Para qué el captcha si tienes usuario y contraseña?

Seguramente lo han puesto para evitar ataques masivos. Pero en ese caso hay formas más inteligentes y menos perniciosas para el usuario: controlar la dirección IP, controlar el número de accesos en un período de tiempo, etc.

miércoles, 25 de abril de 2018

La accesibilidad mal entendida

En la accesibilidad del medio físico a veces se cometen estos errores:


En la accesibilidad digital a veces también ocurre lo mismo.

viernes, 28 de julio de 2017

Tremendo error en el periódico El País

En las galerías del periódico El País, el texto que acompaña una imagen se repite en la imagen como texto alternativo. Por tanto, un lector de pantallas lee lo mismo dos veces.

Por ejemplo, MEMENTO’, ‘BATMAN’, ‘DUNKERQUE’...: LAS PELÍCULAS DE CHRISTOPHER NOLAN, DE LA PEOR A LA MEJOR:

Al desactivar las imágenes aparece el texto alternativo.


Efectivamente, el texto alternativo es la repetición del texto que acompaña a la imagen.




martes, 21 de febrero de 2017

Uso de figure en el periódico El País

El periódico El País hace uso de las nuevas etiquetas de HTML para las imágenes. Sin embargo, comete un error porque repite el texto de la figura (ficaption) en el atributo title de la imagen y un lector de pantallas puede leer los dos textos, causando confusión en el usuario.



martes, 9 de febrero de 2016

Dos problemas típicos

Hace unos días estuve en comunicación con una persona responsable del Foro Histórico de las Telecomunicaciones, una iniciativa muy interesante.

Le comenté dos errores típicos que afectan a la accesibilidad de una página web:

Uso de colores con poco contraste

Hay texto con un color gris claro que es difícil de leer para usuarios con problemas de contraste.

En la siguiente imagen se muestra una página tal como la ve una persona sin problemas de visión. El texto principal está en gris, tiene un tamaño pequeño y un grosor fino, eso dificulta la lectura a personas con algunos tipos de problemas de visión. Incluso una persona sin problemas de visión tendrá dificultades para ver la página si usa un teléfono móvil a plena luz del día.


En la siguiente imagen  se muestra una simulación de visión de bajo contraste. El texto principal ahora es más difícil de leer.


Para calcular si dos colores tienen un contraste suficiente se puede usar alguna de las herramientas online que calcula el contraste entre dos colores. Yo suelo utilizar Color Contrast Checker, pero hay otras igual de válidas.

Enlaces no destacados cuando reciben el foco

Algunos enlaces no se destacan cuando reciben el foco con el teclado, eso impide su uso por los usuarios que no utilicen un ratón o dispositivo táctil.

En la siguiente imagen, el enlace "Multimedia" de la barra de navegación principal está destacado, correcto, eso ayuda a los usuarios a no "sentirse perdidos". Pero no se destacan los enlaces cuando reciben el foco por el teclado. En esta captura, yo me he situado en el enlace "Museo", se puede saber porque en la parte inferior de la captura se visualiza la URL del enlace. Sin embargo, el propio enlace no aparece destacado.


La página de la universidad en la que trabajo no es un ejemplo de excelencia, el error de enlaces no destacados existe. Pero en el caso de la barra de navegación principal sí que se destacan los enlaces, aparece una línea debajo del enlace cuando el usuario se desplaza. En este ejemplo, el enlace "La universidad" aparece destacado, ya que es el enlace sobre el que me he situado.


miércoles, 2 de octubre de 2013

KYMCO, creo que me he ganado una moto

Según la Wikipedia, KYMCO es la principal marca de motocicletas de Taiwán.

El sitio web en español de esta marca tiene un apartado sobre la accesibilidad del sitio web.


La declaración de accesibilidad está muy bien:
La Web de Kymco está concebida para facilitar el acceso al mayor numero de personas posibles, con o sin limitaciones, sin necesidad de realizar adecuaciones determinadas. Dichas limitaciones pueden ser físicas (visuales, auditivas, cognitivas o motrices) o tecnológicas (conexiones lentas, navegadores obsoletos, dispositivos alternativos, etc.)
Seguro que más de uno pensará "¿para qué quiere una persona ciega o con problemas motrices acceder a un sitio web en el que venden motos, si no puede conducir una moto?". Ya, ¿y si le gustan las motos y está buscando información? ¿Y si le quiere comprar una moto a su hijo? ¿Y si la persona ciega o con problemas motrices es el gerente de un concesionario de este fabricante?

La verdad es que me ha sorprendido gratamente encontrar esta declaración de accesibilidad en un sitio web que no está obligado a garantizar la accesibilidad.

En una revisión rápida de la página he encontrado algunos detalles interesantes, pero también he encontrado algunas cosas que "chirrían" como una correa de distribución en mal estado.

Por ejemplo, en la página principal aparece un banner central con el texto "Cuando tocas con los pies en el suelo, ¿dónde está tu techo?". Todo el banner es un enlace que lleva a la página de promoción de la KYMCO YAGER GT 125i:


Al ver el código fuente y la página sin hoja de estilo (una simulación rápida de cómo lo percibe una persona ciega que use un lector de pantallas), ¡¡¡no encuentro el enlace!!!


Bueno, sí que encuentro el enlace, ¡¡¡es un enlace vacío!!!


¿Y cuál es el problema? Una persona ciega que utilice un lector de pantallas no tendrá acceso a ese enlace, y por tanto, no tendrá acceso a la información facilitada.

¡Ahhh, pero después hay un span con display:none con un texto significativo! Alguien ha puesto ese span donde no debía... Pero si lo ha puesto con el objetivo de que le aparezca a una persona ciega que utilice un lector de pantallas, se ha equivocado: con display:none se oculta el contenido a todo el mundo.

Hay más, hay más, pero ya que KYMCO parece que se preocupa por la accesibilidad web, no se merece que saque más errores.

¡Ánimo, seguro que lo podéis hacer mejor!