Dominar las bases de la accesibilidad

1

¿Listo para hacer la web un mejor lugar para todos sus usuarios?

2

Conociendo la importancia de la accesibilidad web

3

Aprendiendo sobre WCAG y sus criterios de conformidad

4

Profundizando los 12 criterios de conformidad

5

Los 4 principios de WCAG

6

Tecnología Asistivas - cuáles son y cómo funcionan

Presentar el proyecto

7

Instalación del proyecto y primeros pasos

Evaluar la accessibilidad de sitios web

8

Pruebas automáticas con Lighthouse

9

Pruebas con simuladores de discapacidades visuales

10

Pruebas manuales con tu teclado

11

Pruebas manuales con lectores de pantalla

12

Pruebas manuales con VoiceOver

Refactorizar HTML para ser mas accessible

13

¿Qué es el HTML semántico y por qué es importante?

14

Usando HTML semántico en el header de nuestro sitio

15

Usando HTML semántico en el contenido principal de nuestro sitio

16

Usando HTML semántico en footer de nuestro sitio

17

ARIA - Accessible Rich Internet Applications

18

ARIA roles

19

ARIA properties

20

ARIA states

21

Overview del proyecto con los retos resueltos

Utilizar CSS para aumentar la acessibilidad de un sitio web

22

Contrastes de color

23

Iconos

24

Skip Links

25

Estilos de foco y hover

26

Overview retos resueltos con CSS

Extender la accesibilidad usando JavaScript

27

Manejando el foco del teclado - botones

28

Manejando el foco del teclado - el carousel

29

Coordinando el foco del teclado con el foco de lectores de pantallas

30

Manejando modales

31

Mejorando la accesibilidad con teclado de nuestro modal

32

Ayudando a nuestros usuarios a interactuar correctamente con el sitio

33

Validando formularios

34

Manejando cambios dinámicos

Conclusión

35

Siguientes pasos

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Manejando el foco del teclado - botones

27/35
Recursos

Aportes 12

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

El hermoso Js…

Si bien es usual que un diseñador conozca de Html y Css, creo que tener un buen nivel de JavaScript no lo es. Por lo cual creo que todo el modulo 6 no es accesible para mi que tengo conocimiento 0 en el tema. Llegué aquí por que estaba en la ruta de diseño UI/UX, y no me niego a aprender algo nuevo cómo lo es este lenguaje, pero no es mi prioridad en este momento.

deberían tb advertir de tener base de JS

Como diseñador UI/UX es la primera vez que entro en contacto con el tan afamado Javascript, pero se me hace muy bien porque así me han dado ganas de aprender ese lenguaje de programación tan indispensable en Frontend.

Como diseñadores UI/UX no creo que deban saber como manejar javascript, más bien con esta lección estan informados sobre lo que se puede hacer con javascript y a la hora de diseñar interfaces, pueden llegar a solicitarle a los desarrolladores que tengan en cuenta este tipo de peticiones cuando implementen ellos las interfaces.

👌

Elementos que reciben foco: button y a. Hay otros?

No me cuadra algo con la filodofia de :"queremos darle una experiencia igual o parecida a todos nuestros Usuarios." Personalmente, creo que por lo que hay que apuntar es dar un buena Usabilidad a todos los usuarios. en cuanto al carrusel, no veo problema que con el tabulador no se pueda pasar por el boton de flechita, si a pesar de esto se puede navegar por todos los elementos del carrusel, como si fuera una lista, esto desde mi uso del lector de pantalla. puesto que el pasar por menos botones tambien significa menos palabras que el lector de pantaalla te leee, si en ambas situaciones la informacion que se transmite es la misma. se debe hacer lo que sea mas comodo para el usuario no? Bueno esto desde mi punto de vista. no se si se este violando alguna regla de la wacag al no pasar por ese boton.

Ya quiero profundizar más sobreJS

increíble

El tittulo tiene un error.