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

Siguientes pasos

35/35
Recursos

Aportes 73

Preguntas 1

Ordenar por:

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

Todos los profesores de platzi han sido geniales y super super buenos de verdad, pero Juliana es la Profesora más adorable de todos los que he visto. Obtuvimos 100% de accesibilidad en este curso y Juliana se lleva el 100% como profesora! 😄 Me ecantó

Este curso estuvo buenisimo! La profesora explica super claro.

Disfrute y aprendi mucho.

Cheers!

Muchas gracias, que conocimiento tan altruista y humano, me da muchísimo orgullo poder compartir mi certificado y aplicar el conocimiento a mis proyectos por lo tan noble que esta especialidad de la Accesibilidad Web.
Muchas gracias profesora ❤️

Esa buena energía es hasta contagiosa. Que profe tan increíble!

Mi sitio antes de tomar este curso / al finalizar el curso.

Muchas gracias por todo, muy util y claro todo lo mostrado

Genial el curso.
Deja una muy valiosa enseñanza de pensar en todos a la hora de crear nuestros sitios. De seguir haciendo internet, un lugar de acceso universal, sin importar las condiciones.
Gracias! 😄

Me encantó la profesora!! jajajaja 🤩🤩🤩 súper animada y muy clara con sus explicaciones. Siento que es necesario conocimiento más profundo de programación pero igual se disfruta.

Juliana y este curso, de lo mejor en Platzi! Por mucho! La profesora explica muy bien!

Excelente curso! me gusta cuando los profesores se equivocan y regresan a buscar el error, sin recortes de edicion,nos deja ver la realidad de escribir codigo! 😄

Felicitaciones Juliana, sabes transmitir tu pasión.

Muchas gracias Juliana, un excelente curso!

Muchas Gracias Juliana implementaré mejoras de accesibilidad en todos mis proyectos!

esta muy bueno este curso

El mejor de los cursos que he visto. se nota que la profesora le apasiona el tema y nos hace sentir que el curso no fue preparado. Transmite su pasión, y eso muy pocos profesionales lo logran. 5 estrellas para el curso y para la profesora.

¡Este curso debe ser obligatorio para todos los Devs! Es increíble como podemos hacer nuestros sitios accesesibles para todos.
.
Gran profesora y se nota su pasión por el código. ❤️
.
¡Gracias!

Cuando empece el curso tenía un proyecto armado sin mucha accesibilidad y siguiendo las clases lo pude transformar y mejorar muchisimo mas.
La verdad es que esta area era desconocída para mí pero me ha gustado bastante 😃

Hola, buen día, gracias Platzi, César Moreno por la invitación y a la profesora Juliana Gómez, por su magnifica labor para con el curso, inspirarnos y hacer que la accesibilidad, un tema tan olvidado e importante, aprendamos y lo tengamos presente en nuestros proyectos.
El tema de accesibilidad en lo personal me apasiona, desconocía del truco del skip link, gracias profesora Juliana 

, si es posible me gustaría que conozca sobre un desarrollo web funcional, el cual llevo trabajando hace 3 años con el apoyo del SENA, esta hecho con HTML, CSS, JavaScript puro y NodeJs, emplea código morse y sin usar lectores de pantalla, ni de Aria, ni de HTML semántico, actualmente permite que personas con discapacidad puedan escribir mensajes con el codo, con la nariz, con lo que puedan usar, realicen puntos y rayas para comunicarse sin necesidad de accesorios especiales para discapacidad, directamente en el celular o el computador; aquí un perentesis en materia de accesibilidad… es distinto del “The Morse code keyboard on Gboard”, que quizas algunos conozcan y que necesita de dos botónes, la aplicación sólo usa uno, además, no usa lector de pantalla para guiar a los usuarios, la aplicación trae su propio asistente de voz, tiene tutorial para aprender el código morse y próximamente de vibraciones, con el favor de Dios, para que personas sordas también puedan “escuchar”, recibir y enviar mensajes.
Si es posible que la profesora Juliana lo conozca y me brinde su valiosa opinión, sería un honor y de gran valor.
Gracias profesora Juliana y felicitaciones, excelente curso, su servidor Rodrigo Reyes, talento de la red TecnoParque Colombia, SENA, Bogotá, WhatsApp: 3152454168.
¿Cómo contacto a la profesora Juliana?

Tengo que repetir este curso, desde la parte de JS me perdí. 😴😴😴
:3
Gracias Juliana por este excelente curso.
Gracias Juliana por sus conocimientos y aportes.
ok

TERMINAMOS! 😄

Ahora a hacer la web un lugar mejor para todos por igual.

Es el curso más largo de Platzi que he tomado hasta ahora, pero la verdad es que tiene muchas cosas de valor para los que trabajamos en el mundo Tech, tanto para desarrolladores como para diseñadores UI/UX. Enhorabuena!

Impresionante curso 👏‍👏‍👏‍

¡Gracias Juliana por compartirnos tus conocimientos! Termino este curso con un punto de vista diferente como diseñador y desarrollador front-end, pero sobre todo como ser humano.

Gracias, profa por este curso. Estuve genial.

En el año 2023, se necesita mejorar las imagenes y otras cositas relacionadas, ya que marca un tardado en cargar.

Saludos.

Les dejo mis apuntes de este curso en notion.
Organizado para implementar accesibilidad facilmente en tus creaciones web.

https://www.notion.so/Accesibilidad-23ebfd9fe5ae49f58652a1c5e60e0cbe

Este ha sido un gran curso y me ha gustado mucho la profe, su forma de enseñar y su carisma. me ha encantado todo lo que he aprendido

Excelente curso, y la profe divina, como se ríe me encantó 💚 muy lindo curso porque es inclusivo al 100%, debería ser obligatorio 😛

Muy buen curso, la profe tiene buena actitud para enseñar los temas y conceptos básicos sobre accesibilidad web. El único contra que tengo es que deberían mencionar al principio que para ver el curso hay que tener conocimentos sobre HTML,CSS y JS. Puede que el enfoque de curso esté orientado hacia programadores, pero este curso està también en las rutas de diseñoUX/UI y producto. Afortunadamente tengo conocimientos sobre HTML y CSS, pero me tuve que saltar desde la lección 27 a la 35 porque sentí que en la parte de JS iba completamente a la deriva sin entender absolutamente nada. Sería bueno que consideren esto para la intro del curso. De resto, tengo mucho elogios para el curso. Muy bueno.

Que gran curso, 100% recomendado!

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes

Aquí pueden encontrar documentación sobre todos los temas de accesibilidad de MDN

Este es el mejor curso que vi en mucho tiempo. La profe no se guarda ningun secreto, hay teoria, hay practica, hay casos simples y complejos.

La mejor. Mas accesibilidad de la mano de juliana, todos lo necesitamos.

Me ha encantado este curso. Es uno de los que mas he aprendido y la profesora es increible explicando.

El curso estuvo excelente. Se aprenden muy buenas prácticas.

Genial este curso en realidad, empatizar al cliente en todos los aspectos garantiza un mejor producto.

Muchas gracias, Juliana!

Sin duda que buen curso !!! 100/100

Excelente curso, muchas gracias ❤️

Les comparto como quedo mi portafolio, hasta ahorita mezcle cosas que vimos en otros cursos si pudieran darme feedback estaría super! 😃

https://kevjim.github.io/

Qué curso tan disfrutable e importante. 100 puntos al curso y a la profe. De lo mejor que he cursado en Platzi hasta el momento.

👌

Gracias Juliana, tienes un carisma increíble y lo más más importante que se nota la pasión que tienes por lo que haces, nos has dado ese empujoncito a crear sitios webs accesible.

¡Un excelente curso!

Enseñanza muy interesante, de ahora en adelante tendre mas cuidado en la utilziacion de las herramientas que nos ofrece la web, excelente manera de ofrecer los datos.

Simplemente Genial el curso y la naturalidad y espontaneidad de Juliana para sus explicaciones lo hicieron mucho mejor. Siempre estuve a la expectativa del siguiente tema.

Muchas gracias. Muy buen curso, aprendí muchas cosas que no tenía ni idea. Muy buenas profesora y sobre todo una excelente manera de explicar los conceptos.

Quedé así: 😮

Me vuela la cabeza pensar lo poco que he hecho para que mis proyectos fueran accesibles. Por ahora iré a mi ultimo proyecto de mi github para mejorar su accesibilidad lo mas que pueda.

Gracias Juliana, excelente tener estos conocimientos de accesibilidad a la hora de diseñar un página web.

un curso increíble! y una gran profesora!

Muchas gracias por todo Juliana! estuvo excelente el curso, me sirve bastante poder crear productos digitales adaptados para todas las personas.

Gracias Juliana por este curso 😃

Muy buen curso!

Felicitaciones … un curso muy bueno, entretenido y me dejo gran aprendizaje … bravo !! bravísimo !!

Ame este curso, no sabia que esperar y cada lección fue emocionante Ver como “detalles” pueden mejorar un producto y ser mas inclusivo es gratificante

Un grandioso curso. Deja una gran enseñanza 😃

Hice un curso de Accesibilidad Web que también era muy bueno , pero este esta super genial y entendible , este curso es un lujo , los felicito por haberlo completado y a practicar mas lo aprendido !

Excelente curso y me sirvieron demasiados las herramientas que se utilizaron, ademas de uno que otro truco, gracias Juliana.

Excelente curso, aprendí cosas que no son muy mencionadas pero que son totalmente importantes!

Excelente curso, se practica conceptos de HTML, CSS, JS y se aprende a implementar la accesibilidad web, un tema fundamental para la inclusión de todos a los recursos de internet.

Thank you!!! profe the best course!! for the moment, let go!!

Estuvo genial el curso, muy útil. Gracias profe Juliana, momento de aplicarlo a mis proyectos.

¡Muy buen curso, gracias!

Super interesante contenido, tenia total desconocimiento, pero ahora me sorprende y ya lo aprendi.

Gracias Juliana

Lighthouse, es una ayuda,no veo correcto usar aria-label tanto la primera regla de Aria es no usar Aria si un elemento sintáctico ya lo hace y el formulario de contacto en nombre lo usas y el enlace ya decía.¿porque no mencionas Narrador de Win 10?

Siento que el hacer una pagina 100% de accesibilidad se limita mucho el diseñador de una manera muy grande, ya que todos los estilos actuales o usados no manejan muchas de las practicas recomendadas y creo que será difícil hacer que la mayoría de paginas tengan una accesibilidad grande.

Muy bueno. Muchas gracias. 👍🏼😊

excelente curso!!

¡Es un gran curso! Juliana es una dura en el tema, estoy completando la ruta de UX, se me dificulto entender muchas cosas, pero me quedo con importancia de garantizar la experiencia de usuario desde está perspectiva de accesibilidad. Cuando tenga bases mas solidas de Front End. Regreso y lo repito.

Juliana, este curso es buenísimo. Qué importante y necesario es aprender sobre accesibilidad. Gracias por compartir tu conocimiento. ¡Me encantó!

curso 10 de 10

Buenísimo el curso, muchas gracias Juliana! 😄