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

Instalación del proyecto y primeros pasos

7/35
Recursos

Aportes 25

Preguntas 2

Ordenar por:

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

La primera falla de la que me percate en el portafolio fue en el texto. No hay demasiado contraste, estoy seguro que muchas personas pueden leer el texto con dificultad

Yay! Let’s do it!

Te amooo, aajjajaja, es increíble encontrar en platzi, un curso tan importante de un tema que en muchas sociedades olvidamos, sin duda esto servirá para mejorar las condiciones de vida de muchas Personas con Discapacidad y a mi me ayudará con un proyecto que ayudará en mi trabajo.

como se usa la terminal algun curso o si me puede explicar estaria genial

Genial! Yo ya tengo un portafolio pero aprovechare al maximo este curso para hacerlo accesible a todas las personas

Traté de personalizar el proyecto… link: https://dereksamuel.github.io/Profile/

Que genial, un portafolio accesible!!!

Vamos a trabajarle! 😄

👌

Now the show begins!

ah darle !

En el mundo real, solo hay una rama aparte de la de master que es develop, esta rama es la que generalmente se despliega en un staging, por lo que cuando despliegas a un repositorio, es recomendable que elimines las ramas de cada uno de los feature cuando se haga merge a la rama principal (develop) donde se realizaran las pruebas de toda la aplicación antes de llevar a producción (master). También nos entregas el proyecto ya en su etapa final, por lo que los que llegan deberían conocer que deben pararse en el commit inicial, el cual es: b69328e40b8e0820f82acbdffde22b2c7a1e2c35, para ello solo deben usar git checkout \<commit> recuerden que eso solo los movera al commit inicial, para continuar trabajando desde allí puedes crear tu propia rama, te propongo develop, que es la rama donde deberias estar trabajando. git checkout -b develop o git switch -c develop si trabajas con la convención moderna.
esta cool que diga el numero de la linea para usuarios que no son visulaes, por cierto detesto los sinco segundos de auto reproduccion del siguiente video, las personas que usan leector de pantalla no escrolean tan rapido como para que el video no se auto reprodudca solo. tambien tiene problemas de funcionamiento con nvda .
que buen proyecto, carajo!

“Legamos al código”

Yo voy a aplicar la accesibilidad web en mi sitio web personal

Yo no lo instalo, porque ya lo tengo. xD

Vamos!

Buenísimo, a empezar

Esta muy padre ese portafolio!

gracias

Yo mi portafolio quisiera sus comentarios en la accesibilidad, les comparto <https://gianalbornoz.com/>

time to get your hands dirty 😅

Vamos