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.

9 consejos para la privacidad en Internet [Infografía]

9 consejos para la privacidad en Internet [Infografía]

Probablemente no pueda vivir sin su teléfono inteligente, o en menor grado, su teléfono inteligente debe estar a su alcance todo el tiempo, pero ¿sabía que las aplicaciones y servicios que ejecuta en su teléfono siguen su comportamiento para darle ". mejores resultados de búsqueda "? Si valora la privacidad de sus consultas de búsqueda, sus preferencias de contenido y prácticamente todo lo que hace en su teléfono inteligente, debe echarle un vistazo a esta infografía de whoishostingthis.com.¿Dese

(Consejos de tecnología y diseño)

Google toma medidas adicionales para combatir los intentos de phishing

Google toma medidas adicionales para combatir los intentos de phishing

Como Google fue blanco de los ataques de phishing, su guerra contra esos ataques maliciosos también continúa. Recientemente, la compañía implementó una serie de mejoras en Gmail que ayudaría a los usuarios a evitar cualquier intento de phishing .La primera de las nuevas mejoras es la implementación de un nuevo modelo de aprendizaje automático que trae consigo la detección temprana de phishing . Según G

(Consejos de tecnología y diseño)