1.
ACCESIBILIDAD WEB
MÁS ALLÁ DEL MARCADO
Manuel Razzari
Desconferencia: “Accesibilidad en tiempos de crisis”
Junio 15, 2012

2.
SUMARIO
Contenidistas
Diseñadores
Programadores back-end
Maquetadores
Clientes

3.
CONTENIDISTAS
Confusión @alt y
epígrafe.
Alt con nombre de
imagen.
Errores de tipeo.
¡El enemigo!

4.
¡ALT OBLIGATORIO!
Si, claro.

5.
DISEÑADORES
¡Artistas! ¡Hippies!
Bajo contraste
Texto muy chico
Flash
Colores con significado
¡El enemigo!
http://soundcloud.com/designerdrugsmusic

6.
12
10
8
Column 1
Column 2
6 Column 3
4
2
0
Row 1 Row 2 Row 3 Row 4
http://webaim.org/resources/designers/

7.
PROGRAMADOR BACK-END
.NET (C#)
writer.RenderBeginTag(HtmlTextWriterTag.Li);
IDictionary<HtmlTextWriterAttribute, string> attributeList = new
Dictionary<HtmlTextWriterAttribute, string>();
attributeList.Add(HtmlTextWriterAttribute.Href, subDomainNameAuth);
WriteHTMLTag(HtmlTextWriterTag.A, attributeList , regionLink.RegionName,
writer);
writer.RenderEndTag();
Links que no son links
<a id="ToppageUC1_Mainmenubuild2_BemestingButton1_Lin kButton1"
class="MenuButton" href="javascript:__doPostBack('ToppageUC1$Mainmenu
build2$BemestingButton1$LinkButton1','')">Inicio</a>
HTML: <li><a href="index.html">Un simple link</a></li>
¡El enemigo!

8.
MAQUETADOR (FRONT-END)
Deberían ser nuestros amigos.
“Claramente no se nada
sobre accesibilidad”
“ARIA, me suena”
http://www.wordsbyf.at/2012/05/21/jsconf-argentina-2012/

9.
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/

10.
GOOGLEARON MAL
O... ¿no les importa?

11.
SETENTA MIL PESOS
https://github.com/mercadolibre/chico/issues/632

12.
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?

13.
CLIENTES
SEO: ¡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

14.
¡UDS DIRÁN!
@mrazzari
http://goo.gl/cGHJc