2526UFV2.5.8-A-001
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://www.wikiwcag.udl.cat/index.php/Principio_2/2.5_Modalidades_de_Entrada/2.5.8-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.1.2. Código HTML:
<style>
button {
width: 15px;
height: 15px;
font-size: 10px;
margin: 2px;
}
</style>
</head>
<body>
Non-accessible example 2.5.8-A
Settings
Select an option:
<button>✓</button>
<button>✕</button>
<button>⚙</button>
</body>
Explicación del problema detectado:
The interactive buttons are smaller than 24 × 24 CSS pixels, making them difficult to activate accurately.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Users with motor impairments or users on touch devices may accidentally activate adjacent controls.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.2.2 Código HTML:
<style>
button {
width: 30px;
height: 30px;
font-size: 16px;
margin: 8px;
}
</style>
</head>
<body>
Accessible example 2.5.8-A
Settings
Select an option:
<button aria-label="Confirm">✓</button>
<button aria-label="Cancel">✕</button>
<button aria-label="Settings">⚙</button>
Explicación de la solución aplicada:
The interactive elements meet the minimum target size of 24 × 24 CSS pixels and include sufficient spacing.
