Los muchos patrones malos (¡y buenos!) para los botones de cierre

 

 

 

Manuel Matuzović detalla 10 patrones HTML incorrectos para un botón de cierre. Ya sabes, cosas como esta:

a×/a

¿Por qué es eso malo? No hay ningún hrefenlace, por lo que realmente no es un enlace (los botones de cerrar no son enlaces). Sin mencionar que el href faltante 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 ayuda (una “x” tampoco lo es).

¿Qué usas en su lugar?

También hay muchos buenos patrones. Si prefieres 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 manera accesible ese botón de cierre.

 

Enlace directo →






SUSCRÍBETE A NUESTRO BOLETÍN 

No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.










Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.






Tal vez te puede interesar:

  1. La innovación no puede mantener la Web rápida
  2. Rendimiento web ultrarrápido
  3. Tabla de contenidos fijos con estados activos de desplazamiento
  4. “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario

Los muchos patrones malos (¡y buenos!) para los botones de cierre

Los muchos patrones malos (¡y buenos!) para los botones de cierre

Manuel Matuzović detalla 10 patrones HTML incorrectos para un botón de cierre. Ya sabes, cosas como esta:

programar

es

https://pseint.es/static/images/programar-los-muchos-patrones-malos-y-buenos-para-los-botones-de-cierre-1519-0.jpg

2024-06-13

 

Los muchos patrones malos (¡y buenos!) para los botones de cierre
Los muchos patrones malos (¡y buenos!) para los botones de cierre

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences