2526UdL1.4.13-A-000
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_1/1.4_Distinguible/1.4.13-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.dominos.com
2.1.2. Código HTML:
Explicación del problema detectado:
La web de Domino's Pizza incompleix el criteri 1.4.13 perquè molts dels seus menús desplegables i tooltips no ofereixen un control real a l'usuari. El principal error és que aquests elements no són descartables mitjançant la tecla ESC; un cop apareixen en passar el cursor (hover), l'única manera de treure'ls és movent el ratolí, cosa que dificulta la navegació a usuaris amb lupes de pantalla o mobilitat reduïda.
A més, el seu contingut no és persistent ni fàcilment sobrevolable: sovint els menús desapareixen de forma inesperada si el punter no es manté en un punt exacte o si s'intenta navegar amb el teclat. Aquesta falta de control sobre l'aparició i el tancament dels elements flotants va ser un dels punts clau en les demandes d'accessibilitat que va rebre la companyia, ja que bloquegen la visibilitat de la resta de la carta i impedeixen una compra autònoma.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Aquestes barreres afecten greument les persones amb baixa visió que utilitzen lupes de pantalla, ja que el contingut que apareix de cop pot tapar la seva àrea de visió ampliada sense permetre'ls tancar-lo fàcilment amb la tecla ESC. Així mateix, perjudica els usuaris amb discapacitat motriu que naveguen exclusivament amb el teclat o polsadors, ja que la manca de persistència i el tancament inesperat dels menús els impedeix interactuar amb les opcions de la carta. En definitiva, la impossibilitat de controlar aquests elements flotants genera una pèrdua de context i bloqueja la navegació, privant aquests col·lectius de la capacitat de realitzar una compra de forma independent.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://designsystem.digital.gov/components/tooltip/
2.2.2 Código HTML:
Explicación de la solución aplicada:
L'USWDS compleix el criteri 1.4.13 perquè els seus tooltips permeten que l'usuari en controli l'aparició i el tancament sense pèrdua d'informació. Són descartables mitjançant la tecla ESC, i persistents, ja que no desapareixen automàticament per un temporitzador, sinó que es mantenen visibles mentre el cursor estigui a sobre o el focus actiu.
A més, el contingut és sobrevolable, permetent moure el ratolí des de l'element d'origen fins al text del tooltipsense que aquest s'amagui. Això garanteix que els usuaris amb baixa visió, que utilitzen lents d'augment, puguin desplaçar-se per llegir tot el missatge amb total autonomia.
| 1 de enero de 2026 | 1 de octubre de 2025 |
|---|
