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

脷ltima oportunidad para asegurar tu aprendizaje por 1 a帽o a precio especial

Antes: $249

Currency
$189/a帽o

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscr铆bete

Termina en:

0D
0H
17M
44S

ARIA - Accessible Rich Internet Applications

17/35
Recursos

ARIA ( Accessible Rich Internet Applications ) es un conjunto de atributos especiales para accesibilidad que pueden a帽adirse a cualquier etiqueta, pero est谩n adaptados especialmente a HTML.

Fue creado por la W3C, lo crearon para que podamos comunicar cambios especiales en nuestras aplicaciones.

Atributos de ARIA

  • Roles

  • Propiedades

  • Estados

Contribuci贸n creada con los aportes de: Karla

Aportes 11

Preguntas 0

Ordenar por:

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

o inicia sesi贸n.

ARIA ( Accessible Rich Internet Applications ): Un conjunto de atributos especiales para accesibilidad que pueden a帽adirse a cualquier etiqueta, pero especialmente adaptado a HTML.

Fue creado por la W3C, lo crearon para que podamos comunicar cambios especiales en nuestras aplicaciones.

**Atributos de ARIA: **

  • Roles
  • Propiedades
  • Estados

Quiz谩 es un experimento, pero siempre habla en femenino. No digo que est茅 mal, en lo absoluto.

Una documentaci贸n muy completa de Google Developers sobre Aria -> https://developers.google.com/web/fundamentals/accessibility/semantics-aria?hl=es-419

Accessible Rich Internet Applications (ARIA) define c贸mo realizar contenido Web y aplicaciones Web (especialmente las desarrolladas con Ajax y JavaScript) m谩s accesibles a personas con discapacidades. Por ejemplo, ARIA posibilita puntos de navegaci贸n accesibles, widgets JavaScript, sugerencias en formularios y mensajes de error, actualizaciones en directo, y m谩s.

By: https://developer.mozilla.org/es/docs/Web/Accessibility/ARIA

<h4>Ideas/conceptos claves</h4>

ARIA es un conjunto de atributos especiales para accesibilidad que pueden a帽adirse a cualquier etiqueta, pero especialmente adaptado a HTML

<h4>Apuntes</h4>
  • ARIA 鈬 Fue creado por la W3C a trav茅s de WAI (web accessibility initiative)

Atributos de ARIA

  • Roles
  • Propiedades
  • Estados

RESUMEN: Aria nos permite enriquecer el HTML con accesibilidad a trav茅s de atributos, fue creado por la W3C y WAI

Este curso es Oro puro

驴Qu茅 hacemos cuando el HTML sem谩ntico no es suficiente?
.
Llega a salvarnos un conjunto de atributos especiales de accesibilidad llamado ARIA* que pueden a帽adirse a cualquier etiqueta, pero especialmente adaptado a HTML.
.
Aria tiene tres atributos que podemos agregar a HTML:

  • Roles.
  • Propiedades.
  • Estados
    .
    *Accesible Rich Internet Applications

ARIA est谩 implementado en la mayor铆a de los navegadores y lectores de pantalla m谩s populares.

  • A veces el HTML sem谩ntico no nos alcanza, especialmente en aplicaciones que tienen interacciones din谩micas. En este caso podremos usar ARIA
  • ARIA 鈫 Es un conjunto de atributos especiales para accesibilidad que pueden a帽adirse a cualquier etiqueta, pero especialmente adaptado a HTML.
  • Fue creado pro la W3C. La crearon para que podamos comunicar cambios especiales en nuestras aplicaciones

Tres atributos

  • Roles
  • Propiedades
  • Estados

Me sta encantando este curso 馃槈

ARIA: Son un conjunto de atributos especiales para accesibilidad que pueden a帽adirse a cualquier etiqueta, pero especialmente adaptado a HTML.

Atributos:

  • Roles
  • Propiedades
  • Estados