accesibilidad web - más allá del marcado
TRANSCRIPT
ACCESIBILIDAD WEBMÁS ALLÁ DEL MARCADO
Manuel RazzariDesconferencia: “Accesibilidad en tiempos de crisis”Junio 15, 2012
SUMARIOContenidistas
Diseñadores
Programadores back-end
Maquetadores
Clientes
CONTENIDISTAS
Confusión @alt y epígrafe.
Alt con nombre de imagen.
Errores de tipeo.
¡El enemigo!
¡ALT OBLIGATORIO!Si, claro.
DISEÑADORES¡Artistas! ¡Hippies!
Bajo contraste
Texto muy chico
Flash
Colores con significado
¡El enemigo!
http://soundcloud.com/designerdrugsmusic
Row 1 Row 2 Row 3 Row 40
2
4
6
8
10
12
Column 1Column 2Column 3
http://webaim.org/resources/designers/
PROGRAMADOR BACK-END.NET (C#)
Links que no son links
HTML:
¡El enemigo!
writer.RenderBeginTag(HtmlTextWriterTag.Li);IDictionary<HtmlTextWriterAttribute, string> attributeList = newDictionary<HtmlTextWriterAttribute, string>();attributeList.Add(HtmlTextWriterAttribute.Href, subDomainNameAuth);WriteHTMLTag(HtmlTextWriterTag.A, attributeList , regionLink.RegionName,writer);writer.RenderEndTag();
<li><a href="index.html">Un simple link</a></li>
<a id="ToppageUC1_Mainmenubuild2_BemestingButton1_Lin kButton1" class="MenuButton" href="javascript:__doPostBack('ToppageUC1$Mainmenu build2$BemestingButton1$LinkButton1','')">Inicio</a>
MAQUETADOR (FRONT-END)
“Claramente no se nada sobre accesibilidad”
“ARIA, me suena”
http://www.wordsbyf.at/2012/05/21/jsconf-argentina-2012/
Deberían ser nuestros amigos.
MAQUETADOR (FRONT-END)Reclaman que falta información.
Ejemplos prácticos en lugar de “listas de cosas que hiciste mal”.
Video-tutoriales de uso de screen readers.
Prioridades: ¿qué es lo más importante que tengo que hacer?
http://paulirish.com/2012/accessibility-and-developers/
GOOGLEARON MALO... ¿no les importa?
SETENTA MIL PESOS
https://github.com/mercadolibre/chico/issues/632
MAQUETADOR (FRONT-END)
No validan en W3C. Validan cross-browser.
¿Enseñarles lectores de pantalla, en lugar de mostrar cuantos errores de validación tienen?
+
CLIENTESSEO: ¡El enemigo!
¿La ley argentina?
¿ Sirven los argumentos de “business case”?
Piden accesibilidad en el requerimiento, pero después ¿lo auditan?
http://www.w3.org/WAI/bcase/Overview#custom
¡UDS DIRÁN!@mrazzari
http://goo.gl/cGHJc