permite crear software y otras plataformas de manera tal que puedan ser utilizadas por personas con discapacidad. - En el caso de la Accesibilidad Web, nos referimos a soluciones que ayuden a personas con discapacidades: - Auditivas - Cognitivas - Neurológicas (cerebrales - de aprendizaje, ADHD, epilepsia) - Físicas - Linguísticas - Visuales QUÉ ES LA ACCESIBILIDAD WEB?
con discapacidad auditiva. Servicios que sólo funcionan por voz. Sitios multimedia que si bien tienen transcripciones o subtítulos no tienen controles de ajuste de texto o volumen de audio. DISCAPACIDADES AUDITIVAS
con lenguaje innecesariamente técnico. Sitios que basan el contenido puramente en texto sin imágenes o grá fi cos para dar contexto. Grá fi cos, animaciones o UI extravagantes que generan distracción en el usuario. DISCAPACIDADES COGNITIVAS, NEUROLÓGICAS Y DE APRENDIZAJE
Guidelines) en su versión 2.1 de fi nen 4.5:1 (contraste mínimo para personas con visión 20/40) como el contraste mínimo para obtener una cali fi cación AA mientras que 7:1 (visión 20/80) para una clasi fi cación AAA. - La proporción se calcula con la formula: (L1 + 0.05)/(L2 + 0.05) L1 y L2 son las luminancias relativas1 de los colores, siendo 1 el mas claro y 2 el mas oscuro. - Demasiada información? Nadie quiere sacar una calculadora para escribir CSS. 1: https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html#dfn-relative-luminance
sitio web, esto permite que motores de texto a voz lean las descripciones a los usuarios. - Mejora tu SEO. - El texto alternativo debería: - Ser preciso y corto. - Presentar el contenido y contexto de la imagen en la página. - El texto alternativo NO debería: - Ser redundante. - Empezar con “imagen de…” “grá fi co de…” “video de …”. 1: TEXTO ALTERNATIVO
secciones, etc… - Los titulares (h1..h6) deberían considerarse como elementos anidados, el titulo dentro de una sección h2 debería ser un h3 y una sección nueva debería ser otro h2. - No utilices los titulares como elementos de estilos. Utiliza clases personalizadas. 1: ESTRUCTURA DE TITULARES
dejes URLs largas entre el texto. - Los lectores de pantalla generalmente permiten navegar entre vínculos. El texto correcto permitirá a tus usuarios llegar al contenido que desean sin frustraciones. - En formularios: - Utiliza <label for=“”> para identi fi car de manera correcta los textos alrededor de los inputs. - Utiliza aria-describedby para añadir texto complementario de ayuda. - CAPTCHA es notoriamente inaccesible. Considera otras alternativas. - Chequea que el orden de “tab” es correcto para asegurar mejor control con teclado.
sitio web actualizado a los requerimientos y normativas legales vigentes. - Mercados importantes tienen normativas y multas vigentes (Alemania, Australia, Canadá, China, Dinamarca, EU, Finlandia, Francia, Hong Kong, India, Irlanda, Israel, Japón, Holanda, Nueva Zelanda, Noruega, Korea, Suecia, Suiza, Taiwan, UK, US). - Secciones 255/508 - USA - Los sitios web accesibles tienen mejores resultados de SEO al proveer texto alternativo y otras herramientas que los crawler consideran ventajas. - Google no descartó la posibilidad de utilizar reglas WCAG dentro de su algoritmo de Rank. - Un sitio accesible también puede ayudar a las personas con discapacidad temporal como personas que sufrieron una lesión o herida. - ES LO CORRECTO. POR QUÉ DEDICAR TIEMPO A LA ACCESIBILIDAD WEB?
felipecabargas
o0h
yodaka
lmammino
yusukebe
mot_techtalk
korimu
okutsu
sakito
fukubaka0825
yashi8484
taumu
masuda220
bkeepers
addyosmani
smashingmag
chriscoyier
destraynor
jonrohan
marcduiker
colly
holman
orderedlist
wjessup
![GRACIAS! twitter.com/juanpintoduran linkedin.com/in/cabargas [email protected]](https://files.speakerdeck.com/presentations/8b598bb4bb574014bd81d7c82ec13bc1/slide_24.jpg){kind=link}