Este curso es muy bueno la verdad 👍
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
Si ya tienes una cuenta,
Iniciar sesión
Adquiere por un año todos los cursos, escuelas y certificados por un precio especial.
Antes: $249
$219/año
Paga en 4 cuotas sin intereses
Termina en:
2D
0H
31M
49S
Estilos de foco y hover
25/35Recursos
Aportes 20
Preguntas 2
Ordenar por:
Y yo siempre le quitaba los outlines a todo 😁
Por si quieren saber un poco más de esta pseudo clase: https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within
La pseudo-clase CSS :focus-within representa un elemento que ha recibido el foco o que contiene un elemento que ha recibido el foco.
La intención es hacer que los estilos sean similares al enfocarnos o interactuar con un elemento de la página sin importar si el usuario está usando el mouse o el teclado.
Muy buena clase. Cosas básica que debemos tener en cuenta al codear.
Estoy impresionado con una chica!, he aprendido con ella lo que jamás había logrado en años
Este no es un curso tan básico como dice.
Recursos complementarios:
Me parece gracioso que siempre hable en femenino.
Cuando empecé a ver este curso lo hice más por cumplir este tema en mi ruta de aprendizaje, pero ahora he descubierto mucho más acerca de accesibilidad, es un mundoi muy interesante y con muchas buenas practicas para que personas con dificultades puedan usar nuestros productos
No me quedó claro el uso de focus:within 😦
Tremendo!!! no sabia eso jajajajaj
Crea una navegación accesible para el usuario desde el teclado con CSS
Este curso es muy bueno para los que estamos escribiendo y creando nuestras primeras líneas de código para web
Muy buen reto para esta clase!
Cuál sería la forma correcta de dar estilos al foco de los elementos solamente cuando el usuario esté navegando con el teclado. Entiendo que este es el comportamiento deseado para evitar agregar estilos adicionales, por ejemplo un outline, al hacer click con el ratón.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.