Manuel Matuzović detalla 10 patrones HTML incorrectos para un botón de cierre. Ya sabes, cosas como esta:
<a class="close" onclick="close()">×</a>¿Por qué es eso malo? No hay href allí, por lo que realmente no es un enlace (los botones de cierre no son enlaces). Sin mencionar que el href que falta hace que este “enlace de marcador de posición” no se pueda enfocar. Además, ese símbolo se leerá como “multiplicación” o “veces”, lo cual no es útil (una “x” tampoco lo es).
¿Qué usas en su lugar?
Hay un montón de buenos patrones también. Si prefiere el aspecto visual de una ×, entonces…
<button aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<!-- You should probably wire up the ESC key to trigger this too -->… asegurándose de ocultar de forma accesible ese botón de cierre.
Enlace directo →