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

Usando HTML semántico en el header de nuestro sitio

14

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

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

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

1/35
Recursos
Transcripción

Aportes 48

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Que felicidad empezar con esto, soy de Costa Rica, y este tema me encanta, quiero aprender muchísimo, quiero ayudar a muchas personas con discapacidad por medio de la tecnología.

Un poquito de contexto para los curiosos y las curiosas:
.

Asociación internacional de profesionales de accesibilidad:

.
Es una organización sin fines de lucro que, a través de un sistema de membresías reúne a individuos y organizaciones enfocadas en la accesibilidad o que están en el proceso de desarrollar sus habilidades y estrategias de accesibilidad.
.
Fundada en Estados Unidos en 2014, desde el 2019 cuenta con un capítulo en América Latina cuya misión es lograr que más profesionistas en la región trabajen en temas de accesibilidad e inclusión.
.
Their web: https://www.accessibilityassociation.org/
.

Fluent Conference:

.
Son conferencias que hacen en california donde se reúnen desarrolladores y desarrolladoras web de todas las áreas posibles. La idea central de estas conferencias, además de compartir conocimiento, es la de crear comunidades (algo que nuestro estimado Óscar Barajas Tavares siempre nos ha impulsado a hacer).
.
Their web: https://conferences.oreilly.com/fluent/fl-ca.html

Estupendo!!! me motiva mucho a aprender este curso con tu animo y energías!

Que excelente curso

👏 Es algo muy importante que tendríamos que aplicar a todos nuestros sitios web, app moviles, y diseños !

Me encanto el inicio de este curso!

Es un excelente inicio 😎

Que genial este curso, super interesante y ademas importante. Gracias por compartirlo, Juliana. 😄

Me parece un tema muy importante el que se considere todas las personas posibles al hacer nuestros proyectos.
A darle con toda a éste curso! 😄

Me encuentro aquí por requerimientos de empresa, un poco rudo al inicio de no querer “trabajar más”, pero me he equivocado, sin duda alguna es una área de oportunidad profesional y personal muy altruista.
Sin duda alguna ahora en todos mis proyectos aportaré el valor de accesibilidad.
Muchas gracias.

Muchas gracias profe de verdad muy buen curso

Estoy aquí porque una manager me recomendó saber más de estos temas.
 
¡Vamos a darle! 🙌

¡Comeeeencemos!

Suena genial el curso. Listo para comenzar.

Unas de las herramientas que vi en otros cursos que permiten medir la accesibilidad de una manera eficiente, ademas te da recomendaciones para aplicar a tu sitio es Lighthouse que viene inlcuida en las Chrome Dev Tools.
https://developers.google.com/web/tools/lighthouse?hl=es

falta slideeeeeeeeeeeeeeeeeeeeeeeeee

jajaja que carisma, sera un excelente curso segurisimo 😃

Hola 😃 , requisitos previos para tomar este curso?

un tema muy interesante así como desafiante!

Excelente con toda ! 😀

🤓

Awesome

Iniciamos!

Justo estaba buscando un curso al respecto, que mejor que sea en Platzi en donde lo encontre!!!

Que bueno, muchas ganas de empezar el proyecto y aprender para llevarle accesibilidad a mucha gente para que experimente una buena experiencia en las aplicaciones

Que genial la trayectoria de la instructora de este curso. voy motivado se que aprendere bastante.

Que buen curso!

Excelente !

vamos!

Excelente inicio de curso, vamos a sacarle el jugo completo

Estoy empezando mi carrera como Frontend Developer y quiero mejorar la parte de accesibilidad en mis proyectos!

Muy buen curso! A por más! 😃

Como anillo al dedo, justo estoy a mitad de desarrollo del portafolio.

Realmente se nota bastante que le apasiona el tema. gusto conocer profesores así,

Vaya! Considero que, complementará perfecto mi aprendizaje.

Que gran inicio 😄

Vamos a darle, promete mucho vamoo

Definitivamente este curso te hace ser más empático en accesibilidad con las personas con discapacidad.

Esto se ve interesante e importante. Pensar en que al final del día es una persona común y corriente la que usará nuestro software es prioridad pues tiene que darle una excelente experiencia para que se sienta cómoda al usarlo.

Suena muy interesante este curso! estudiar mucho en temas de programación pero con motivación.

A darle con todo! 💚

Genial!!

👌

Me gusta la energía, empezamos bien.

se siente un gran curso 😄

Que buen curso, tenemos que lograr que internet sea un lugar accesible para todos y todas.

excelente curso

Algo que vi en otros cursos para medir la accesibilidad de una sitio es utilizar:
Lighthouse, que vienen incluidas en las Chrome Dev Tools.
https://developers.google.com/web/tools/lighthouse?hl=es