1 of 15

Accesibilidad Web

Como hacer la web más amigable para todo el mundo

2 of 15

Hola! Soy Juli!

@gmzjuliana

3 of 15

@gmzjuliana

4 of 15

Qué es la accesibilidad web?

@gmzjuliana

5 of 15

5 tipos de situaciones de discapacidad

👀 👂 🖱️ 📖 🔦

  • Visual
  • Auditory
  • Motor
  • Cognitive
  • Seizure

@gmzjuliana

6 of 15

Como podemos implementar accesibilidad?

@gmzjuliana

7 of 15

Empieza desde el comienzo

@gmzjuliana

8 of 15

Web Content Accessibility Guidelines (WCAG)

  1. Perceivable
  2. Operable
  3. Understandable
  4. Robust

@gmzjuliana

9 of 15

@gmzjuliana

10 of 15

HTML Semantico

@gmzjuliana

11 of 15

@gmzjuliana

12 of 15

Accessible Rich Internet Applications (ARIA) Attributes

  1. Roles

<form role=”search”>

  • Properties

<input aria-live=”polite”>

  • States

<input aria-hidden=”true”>

@gmzjuliana

13 of 15

Y para el resto?

@gmzjuliana

14 of 15

@gmzjuliana

15 of 15

Gracias!

gomezjuliana.com | @gmzjuliana