es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Cree ventanas modales accesibles con el cuadro de diálogo A11y

Los modales son ampliamente compatibles con los navegadores modernos. Se pueden usar como ventanas emergentes de notificación, como campos opcionales, o incluso para presentaciones de diapositivas .

Puede construir estas ventanas usando CSS puro, pero esta no es la solución más accesible. En su lugar, consulte A11y Dialog, una ventana modal que funciona completamente y que enfoca primero la accesibilidad .

Se ejecuta en JavaScript vanilla con su propia API personalizada y es compatible con todos los navegadores modernos en todos los dispositivos. Puede ver esta demostración para ver cómo se ve en acción.

Parece mucho como una ventana modal típica. Sin embargo, este script usa etiquetas ARIA para admitir la accesibilidad moderna para todos los usuarios.

Por defecto, A11y Dialog también es compatible con pantallas táctiles, por lo que tocar tiene el mismo efecto que hacer clic. Puede hacer clic o tocar en cualquier lugar fuera de la ventana para cerrarla o, en una computadora, presionar la tecla ESC.

De alguna manera, esta biblioteca es bastante pequeña, solo 1.2kb, incluyendo todos los códigos CSS y JS. Esto hace que sea liviano en la parte superior completamente accesible.

Puede obtener más información leyendo el repositorio GitHub y A11y Dialog también tiene su propia página de documentación . Esto incluye una sección de instalación y configuración para principiantes completos. También hay una sección larga que cubre la API DOM para agregar botones a su página que pueden abrir (o cerrar) la ventana modal.

Si intenta construir sitios web más accesibles, considere seriamente ejecutar A11y Dialog en sus proyectos. Puede obtener el código fuente de GitHub o descargarlo de un administrador de paquetes como npm o Bower.

Eche un vistazo a la página principal para obtener más información sobre la configuración y las características básicas de JavaScript. Esta biblioteca viene con mucho más que accesibilidad de ARIA, por lo que vale la pena probar si desea expandir las características de sus ventanas modales.

Compras navideñas: compre inteligentemente con el motor de recomendaciones de Amazon

Compras navideñas: compre inteligentemente con el motor de recomendaciones de Amazon

En Navidad muchos de nosotros estamos luchando para elegir el regalo más adecuado para nuestros seres queridos. La caza de regalos para Navidad puede requerir días de planificación, a veces semanas. Además de su parte divertida y alegre, las compras navideñas pueden ser una experiencia estresante y que consume mucho tiempo .Afor

(Consejos de tecnología y diseño)

¿La marca personal es antinatural?

¿La marca personal es antinatural?

Es oficial: los diseñadores actualmente necesitan absolutamente desarrollar sus marcas personales para promocionarse entre ellos. Sin una marca personal memorable que se quede en las mentes de las personas, usted es solo otro diseñador que flota en el interminable mar de la competencia, y tendrá que luchar con ellos por los mismos trabajos.La

(Consejos de tecnología y diseño)