# data[].attributes.body
En este primer video dos ingenieros de Google Chrome nos hacen una pequeña introducción sobre la accesibilidad y su importancia , usabilidad, y como nos enseñaran a integrarlo a nuestro html y a usar técnicas avanzadas.

# data[].attributes.body
En este video profundiza mas en el tema de la accesibilidad, nos muestra ejemplos cotidianos de problemas que podemos tener con la accesibilidad.
También nos enseña un ejemplo de web con una mala organización para posteriormente corregir los errores para hacerla más accesible para todos.

# data[].attributes.headline
Comprender la diversidad de los usuarios

# data[].attributes.subject
Comprender la diversidad de los usuarios

# data[].attributes.body
En este video un gerente de tecnología de Google nos cuenta que la accesibilidad nos ayuda a garantizar que el contenido que creamos atienda las necesidades de todas las personas y se adapte a cualquier tipo de discapacidad.
También nos presenta a amigos y ejemplos de personas con algún tipo de discapacidad, y como gracias a la accesibilidad pueden hacer un uso normal de la tecnología.

# data[].attributes.body
En este video un chico nos enseña como usa su lector de pantalla, nos muestra como la velocidad de lectura es importante ya que cuanto mas rápido lea el contenido más rápida será la navegación. También navega un poco por las páginas que usa regularmente para que veamos la gran utilidad de esta herramienta.

# data[].attributes.body
En este video nos habla sobre las pautas de accesibilidad al contenido web (WCAG), nombra y explica los cuatro principios básicos: perceptible, operable, comprensible y robusta. También nos deja clara su importancia, como acceder a ellas, y como poder aplicarlas a nuestro sitio web.

# data[].attributes.body
En este ultimo video nos hacen un pequeño resumen de todos los puntos tratados hasta ahora y nos comentan los próximos temas que trataremos a lo largo de este curso.

# data[].attributes.body
En este video un ingeniero de Google nos hace una pequeña introducción sobre el tema a tratar esta vez,  el enfoque. Nos lo describe un poco y pone algunos ejemplos de donde y como podemos usarlo en los sitios por los que navegamos.

# data[].attributes.body
En este video trata más a fondo el enfoque dándonos su definición técnica y mostrando breves ejemplos de las distintas partes que puede tener y otras características. También nos enseña las formas de mover este enfoque mediante unas combinaciones de teclas, y finalmente nos enseña como moverse y como se observa el enfoque en una web.

# data[].attributes.body
En este video nos invitan a probar a movernos por una web con los atajos explicados anteriormente. Nos ponen una serie de pruebas como pedir un vuelo con unas ciertas características, pero solo podemos realizarlo con el teclado.

# data[].attributes.body
En este video explica que el orden que está definido en el DOM puede verse de forma distinta ya sea por diferentes causas como un documento CSS, y esto puede causar confusión para el usuario ya que aunque en el DOM no se ha modificado el orden puede que de forma visual si.

# data[].attributes.body
En este pequeño video nos muestra una página web con un orden de tabulación roto, lo que produce que navegar por esta sin usar el ratón sea una tarea muy complicada y tediosa. También nos enseña a solucionar esto y que orden seria el correcto.

# data[].attributes.body
En este video nos explica que es el atributo tabindex y sus principales funciones. También se nos muestra varios ejemplos de como usarlo como por ejemplo como usarlo en nuestra web, o en ventanas emergentes.

# data[].attributes.body
En este video se nos muestra la importancia de ponerle foco solo a los elementos principales, ya que poner de más puede ser contraproducente.

# data[].attributes.body
En este video nos habla sobre el Managing Focus, sus principales características y usos.
También nos enseña un ejemplo sin este enfoque para posteriormente solucionarlo.

# data[].attributes.body
En este video se nos presentan los skip links, nos hace una pequeña introducción sobre que son y sus principales usos. Estos link son muy útiles ya que permiten desplazarte por la página saltando el contenido que desees y así hacer la navegación más eficiente.

# data[].attributes.body
En este video nos habla sobre lo importante que es administrar el enfoque y también el enfoque a nivel de componente para este ultimo nos habla sobre el documento Prácticas de creación de ARIA "Documento de patrones de diseño de ARIA" es un gran recurso para descubrir qué tipo de soporte de teclado debemos implementar.

# data[].attributes.body
En este video se nos muestra un ejemplo de como usar la guía ARIA para la creación de un elemento html.

# data[].attributes.body
En este video nos enseña un ejemplo de navegación con este problema y nos enseña por que ocurre y como solucionarlo.

# data[].attributes.body
En este video nos habla sobre las Modals traps y las  Keyboard traps, nos explica que son y como usarlas.
En el video nos muestra un código el cual va comentando para que lo comprendamos y en el que nos enseña a usar los modals traps y los keyboard traps.

# data[].attributes.body
En este primer video nos hace un breve resumen sobre los temas a tratar en este tema.

# data[].attributes.body
En este video comienza hablando sobre la tecnología asistencial y los diferentes tipos que existen. Al final nos hace comprender que garantizar que nuestro sitio web admita los usos de tecnología de asistencia se reducirá a la semántica expresada mediante programación.

# data[].attributes.body
En este video nos explica como los objetos con los que interactuamos cuando estamos navegando pueden ser intuitivos incluso si nunca antes hemos navegado.

# data[].attributes.body
En este video nos habla sobre la importancia de que la información sea flexible para que la tecnología de asistencia pueda acceder a ella mediante la programación. Esto permite crear interfaces alternativas para satisfacer las necesidades de los usuarios.

# data[].attributes.body
En este video nos explica como actúa el lector de pantalla. Nos señala con diferentes colores los elementos que el lector nombrará y su significado. Al final nos muestra como interpretara la información en función de los datos que dispone.

# data[].attributes.body
En este video se nos muestra cual seria la estructura más optima para un web echa para usar un lector de pantalla y que no disponga de un diseño visual.
Nos indica los puntos a tener en cuenta y al final muestra un ejemplo de una web para ese fin.

# data[].attributes.body
En este video se nos explica que el DOM utiliza elementos HTML nativos estándar que los navegadores reconocen automáticamente y se encuentran en gran cantidad de plataformas.

# data[].attributes.body
En este video nos muestra las alternativas que tenemos para poder informar al usuario donde se encuentra o con que puede interactuar mediante el asistente de voz. En este caso nos muestra como añadir descripciones a las imágenes, el logo, el apartado de búsqueda, etc.

# data[].attributes.body
Este video es una introducción en la que hacen un repaso global sobre los temas tratados anteriormente como las posibilidades de la semántica y como las tecnologías de asistencia utilizan el árbol de accesibilidad y nos introducen brevemente los temas a tratar en este nuevo curso.

# data[].attributes.body
En este video uno de los empleados de Google Chrome nos muestra su lector de pantalla favorito (Voice over). Nos habla sobre sus funciones y para que software esta disponible, etc.
Y el mismo nos hace un ejemplo de uso navegando por diferentes páginas como Wiquipedia.

# data[].attributes.body
En este video se nos muestra como usar los encabezados de forma correcta. Para hacerlo se apoya en algunos elementos de la lista de comprobación de WebAIM.

# data[].attributes.body
En este video nos hablan sobre la importancia de los encabezados para que la navegación sea más cómoda, y nos hablan sobre otras herramientas para hacer la navegación mas eficiente.

# data[].attributes.body
En este video se nos informa de la gran utilidad que tienen los enlaces en el contenido de la página a la hora de la navegación.
También nos explica que es importante que estos links se encuentren bien configurados, tengan coherencia y sean más descriptivos.

# data[].attributes.body
En este video nos muestra las partes principales de las que dispone una web. Las describe y hace un pequeño resumen del contenido que debe tener cada una de ellas.

# data[].attributes.body
Este vídeo es una pequeña introducción en el que cuenta que durante esta nueva lección vamos a aprender a usar la semántica que HTML no puede expresar por si solo.

# data[].attributes.body
En este vídeo nos explica algunos problemas que suelen ocurrir al usar lectores de pantalla y como gracias a ARIA podemos indicarle al lector esa información adicional.

# data[].attributes.body
En este vídeo se nos explica algunas acciones que podemos hacer con ARIA. En el video se muestran diferentes ejemplos donde se puede observar el código para guiarnos y entenderlo mejor.

# data[].attributes.body
En este vídeo nos explican que uno de los aspectos centrales de ARIA es su colección de roles.
Durante el video s nos explica que ARIA dispone de gran  cantidad de roles y explica algunos de ellos con ejemplos.

# data[].attributes.body
En este vídeo se nos explica que ARIA proporciona varios mecanismos para agregar etiquetas como aria-label, aria-labelledby y aria-describedby que son los principales y los que trata en este video.

# data[].attributes.body
En este vídeo se nos hace un repaso de lo visto hasta ahora como que ARIA nos permite agregar semántica adicional a nuestro HTML así como cambiar la función el estado y las propiedades de un elemento. También nos hace una pequeña introducción a los próximos temas.

# data[].attributes.body
En este vídeo se nos habla sobre la semántica y los puntos de referencia predeterminados, en el se muestran ejemplos gráficos.

# data[].attributes.body
En este vídeo se nos habla de los atributos de relación, aria-owns, aria-activedescendant, aria-describedby, aria posinset y aria-setsize.

# data[].attributes.body
En este vídeo se nos explica que otra técnica para afinar la experiencia del usuario consiste en que solo las partes relevantes de la página estén expuestas a la tecnología asistencial. A lo largo del video nos muestra ejemplos.

# data[].attributes.body
En este vídeo se nos habla de aria-live, que nos permite a los desarrolladores simular una parte de la página como en vivo. A lo largo del video profundiza en el tema y muestra varios ejemplos.

# data[].attributes.body
En este vídeo se nos habla de los tres atributos que funcionan con aria-live: aria-atomic, aria-relevant y aria-busy, a lo largo del video profundiza en cada uno de ellos y muestra ejemplos.

# data[].attributes.body
Este vídeo es una pequeña introducción en la que nos informa de los usos del estilo y los próximos temas a tratar.

# data[].attributes.body
En este vídeo se nos muestran diferentes problemas al no usar el foco sobre los elementos y se nos explica la importancia de la función focus(). También se nos muestran alternativas para no usar focus pero con la misma finalidad.

# data[].attributes.body
En este vídeo se muestran diferentes problemas que ocurren con los estilos de los elementos personalizados. Se muestran ejemplos y soluciones.

# data[].attributes.body
En estos videos se muestran como podemos modificar los estilos para aprovechar algunas ventajas que nos ofrece ARIA a la hora de crear estilos.

# data[].attributes.body
En este vídeo se nos recuerda la importancia que tiene el echo de que un sitio sea responsivo. También nos cuenta que profundizaremos en el diseño receptivo para mejorar la experiencia de los usuarios.

# data[].attributes.body
En este vídeo se nos enseña como configurar el lector de pantalla en un dispositivo IOS

# data[].attributes.body
En este vídeo se nos enseña como configurar el lector de pantalla en un dispositivo android

# data[].attributes.body
En este vídeo se nos explican los requerimientos que debe cumplir el texto de nuestro sitio para que sea perceptible para todo tipo de usuario ya que algunos tonos pueden causar dificultad a la hora de la navegación.

# data[].attributes.body
En este vídeo se nos explica que existen gran cantidad de personas con algún tipo de deficiencia de visión y que es importante que todos ellos puedan tener una buena experiencia a la hora de navegar por nuestro sitio. Por eso es importante disponer de varias vías para que no se produzcan problemas.

# data[].attributes.body
En este vídeo se habla del modo de alto contraste y de lo útil que puede ser para solucionar problemas a la hora de navegar. También se muestra como configurarlo y muchas de sus ventajas y usos.

# data[].attributes.body
En este vídeo se nos felicita por llegar al final de este curso, nos recuerdan todos los temas tratados, nos enseñan como gracias a estos métodos sus compañeros pueden trabajar sin ningún tipo de inconveniente y hacer vida normal y finalmente nos ofrecen una reflexión final en la que dejan claro la importancia que tiene la accesibilidad y todas las ventajas que trae su aplicación para todos.