accessibility-fundamentals

Ожидаемый результат:

Este elemento tiene problemas de accesibilidad:
1. No es accesible por teclado - los elementos div no responden a las teclas Enter/Espacio
2. No es anunciado como botón por los lectores de pantalla
3. Falta el rol semántico

Solución: Usar el elemento <button> en su lugar:
<button onClick={handleSubmit} className="submit-btn">Submit</button>

Ожидаемый результат:

Este campo de entrada carece de accesibilidad:
1. No tiene etiqueta visible - el placeholder desaparece al escribir
2. Los lectores de pantalla no pueden anunciar el propósito

Opciones de solución:
<label>
Email
<input type="email" placeholder="Enter your email" />
</label>

O:
<label htmlFor="email">Email</label>
<input id="email" type="email" placeholder="Enter your email" />

Ожидаемый результат:

Los botones solo con iconos necesitan nombres accesibles:
1. Los lectores de pantalla anuncian como "button" sin contexto

Solución: Agregar aria-label:
<button aria-label="Delete item">
<TrashIcon aria-hidden="true" />
</button>