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 68

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

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 鈥淭he 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 鈥渆scuchar鈥, 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?

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 鈥渄etalles鈥 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! 馃槃