# data[].attributes.body
En el resto de videos que quedan se siguen explicando algunos atributos como puede se aria-live, aria-relevant,aria-atomic y otros.

# data[].attributes.body
Aria-live nos permite a los desarrolladores simular una parte de la página como en vivo.

# data[].attributes.body
Uno de los aspectos centrales de ARIA es su colección de roles.
En este video explica que ARIA dispone de gran  cantidad de roles y explica algunos ejemplos.

# data[].attributes.body
En este video se muestra que aria es una colección de atributos que crean contenido y aplicaciones web  más usables para las personas con discapacidades.

# data[].attributes.body
Es un modo en el cual los elementos y el fondo usan colores que hace mucho contraste, esto es muy útil para las personas daltónicas y poca visibilidad

# data[].attributes.body
El ejemplo es cuando un botón cambia al tener el foco y como personalizarlo y usarlo con las herramientas de html y css

# data[].attributes.body
Es necesario que el usuario sepa que elemento es el que tiene el foco. Para esto ahí que darle un estilo distinto, pero que no sea molesto para el usuario. Si la página tiene el fondo blanco, es peligroso dejar el focus por defecto ya que este rodea al elemento también de blanco

# data[].attributes.body
En este video nos explica la importancia de los colores, el estilo su comportamiento con las acciones de la página

# data[].attributes.body
La pagina se divide en diferentes partes: el header es la cabecera de la página, el body es la parte principal de la página, el footer es el pie de página donde irá la información de contacto.

# data[].attributes.body
En este video se muestra la gran utilidad que tienen los enlaces en el contenido de la página a la hora de la navegación. Estos son las etiquetas que contienen href o usan links.

# data[].attributes.body
En este video muestra importancia de las cabeceras ya que es lo que da el inicio de un contenido, también lo marca con un titulo, para poder encontrarlo más fácil en el lector de pantalla

# data[].attributes.body
Este video trata sobre los temas tratados anteriormente como las posibilidades de la semántica y como las tecnologías de asistencia utilizan el árbol de accesibilidad.

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

# data[].attributes.body
En este video explica como funciona un lector de pantallas, este muestra un color diferente dependiendo de lo que el lector nombre y su significado. Al final muestra como ve la información en función de los datos que dispone.

# data[].attributes.body
Los affordances son los distintos elementos con los que interactuamos en una página web, estos son tan fáciles deusar que hasta una persona que nunca ha navegado le resulta muy útil

# data[].attributes.body
Este video trata de los problemas que tienen algunas personas para navegar por las páginas web, está tecnología trata de una asistencia para esta gente como teclados braille, navegadores para sordes.

# data[].attributes.body
En este video hace un resumen de lo que va a tratar el Samantics Basics.

# data[].attributes.body
Al tener un elemento oculto como un menú latera desplegable, e ir haciendo tabulaciones el foco pasara por todos los elementos de ese menú lateral oculto antes de llegar al contenido principal, la solución a esto es que cuando algún elemento tenga el foco el menú este se muestre para que se entienda que al hacer tab se mueve por ese menú oculto.

# data[].attributes.body
El uso de esto es poder saltar varios links de golpe sin tener que pasar por todos de uno en uno creando un botón oculto con el cual al pulsar intro haría referencia al contenido principal y te llevará ahí directamente

# data[].attributes.body
Hay que aprender a usar el foco ya que si la pagina tiene varias secciones no se pondrá el foco al final de mi página, el foco se pondrá o al principio o en la parte donde pongas interes.

# data[].attributes.body
Este atributo se encarga de darle orden a los elementos html a la hora de tabular, 0 significa orden normal y -1 que tabula a ese objetivo.

# data[].attributes.body
A la hora de navegar utilizando el teclado, el foco tomará la posición del DOM . Es decir, el CSS puede mover las posiciones visualmente y generar confusión ya que el foco usa el orden del DOM.

# data[].attributes.body
El focus nos muestra su posicionamiento y los eventos del teclado, además nos podremos mover con el teclado sin necesidad de ratón .

# data[].attributes.body
En este video muestra una breve información sobre el focus y su enfoque. Nos lo describe un poco y pone ejemplos de donde y como usarlo.

# data[].attributes.body
Aquí nos muestra las características que debería de tener nuestra página web:
-Perceptible
-Usable
-Entendible
-Robusta

# data[].attributes.body
En este video se muestra un chico de como usa su lector de pantalla, nos muestra como la velocidad de lectura mejora la velocidad del navegador. También navega un poco por las páginas para ver la utilidad de la herramienta.

# data[].attributes.headline
3.Diversidad de usuarios para la accesibilidad

# data[].attributes.subject
3.Diversidad de usuarios para la accesibilidad

# data[].attributes.body
En este video explica que hay muchas personas con diferentes discapacidades como la motriz, visual, auditiva, etc. Esto ha de tenerse en cuenta ya que el contenido sea accesible para todas las personas.

# data[].attributes.body
En este apartado explica que es la accesibilidad y pone un ejemplo con un formulario y unos consejos para poder mejorarlo de manera que quede de una maneta correcta

# data[].attributes.body
La introducción a la accesibilidad y su importancia y usabilidad, y como nos enseña a como usar la accesibilidad en html y a usar técnicas avanzadas de este.