Dominar las bases de la accesibilidad
¿Listo para hacer la web un mejor lugar para todos sus usuarios?
Conociendo la importancia de la accesibilidad web
Aprendiendo sobre WCAG y sus criterios de conformidad
Profundizando los 12 criterios de conformidad
Los 4 principios de WCAG
Tecnología Asistivas - cuáles son y cómo funcionan
Presentar el proyecto
Instalación del proyecto y primeros pasos
Evaluar la accessibilidad de sitios web
Pruebas automáticas con Lighthouse
Pruebas con simuladores de discapacidades visuales
Pruebas manuales con tu teclado
Pruebas manuales con lectores de pantalla
Pruebas manuales con VoiceOver
Refactorizar HTML para ser mas accessible
¿Qué es el HTML semántico y por qué es importante?
Usando HTML semántico en el header de nuestro sitio
Usando HTML semántico en el contenido principal de nuestro sitio
Usando HTML semántico en footer de nuestro sitio
ARIA - Accessible Rich Internet Applications
ARIA roles
ARIA properties
ARIA states
Overview del proyecto con los retos resueltos
Utilizar CSS para aumentar la acessibilidad de un sitio web
Contrastes de color
Iconos
Skip Links
Estilos de foco y hover
Overview retos resueltos con CSS
Extender la accesibilidad usando JavaScript
Manejando el foco del teclado - botones
Manejando el foco del teclado - el carousel
Coordinando el foco del teclado con el foco de lectores de pantallas
Manejando modales
Mejorando la accesibilidad con teclado de nuestro modal
Ayudando a nuestros usuarios a interactuar correctamente con el sitio
Validando formularios
Manejando cambios dinámicos
Conclusión
Siguientes pasos
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
ARIA ( Accessible Rich Internet Applications ) es un conjunto de atributos especiales para accesibilidad que pueden añadirse a cualquier etiqueta, pero están adaptados especialmente a HTML.
Fue creado por la W3C, lo crearon para que podamos comunicar cambios especiales en nuestras aplicaciones.
Roles
Propiedades
Estados
Contribución creada con los aportes de: Karla
Aportes 11
Preguntas 0
ARIA ( Accessible Rich Internet Applications ): Un conjunto de atributos especiales para accesibilidad que pueden añadirse a cualquier etiqueta, pero especialmente adaptado a HTML.
Fue creado por la W3C, lo crearon para que podamos comunicar cambios especiales en nuestras aplicaciones.
**Atributos de ARIA: **
Quizá es un experimento, pero siempre habla en femenino. No digo que esté mal, en lo absoluto.
Una documentación muy completa de Google Developers sobre Aria -> https://developers.google.com/web/fundamentals/accessibility/semantics-aria?hl=es-419
Accessible Rich Internet Applications (ARIA) define cómo realizar contenido Web y aplicaciones Web (especialmente las desarrolladas con Ajax y JavaScript) más accesibles a personas con discapacidades. Por ejemplo, ARIA posibilita puntos de navegación accesibles, widgets JavaScript, sugerencias en formularios y mensajes de error, actualizaciones en directo, y más.
By: https://developer.mozilla.org/es/docs/Web/Accessibility/ARIA
ARIA es un conjunto de atributos especiales para accesibilidad que pueden añadirse a cualquier etiqueta, pero especialmente adaptado a HTML
<h4>Apuntes</h4>Atributos de ARIA
RESUMEN: Aria nos permite enriquecer el HTML con accesibilidad a través de atributos, fue creado por la W3C y WAI
Este curso es Oro puro
¿Qué hacemos cuando el HTML semántico no es suficiente?
.
Llega a salvarnos un conjunto de atributos especiales de accesibilidad llamado ARIA* que pueden añadirse a cualquier etiqueta, pero especialmente adaptado a HTML.
.
Aria tiene tres atributos que podemos agregar a HTML:
ARIA está implementado en la mayoría de los navegadores y lectores de pantalla más populares.
Me sta encantando este curso 😉
ARIA: Son un conjunto de atributos especiales para accesibilidad que pueden añadirse a cualquier etiqueta, pero especialmente adaptado a HTML.
Atributos:
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?