accesibilidad web - más allá del marcado
TRANSCRIPT
![Page 1: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/1.jpg)
ACCESIBILIDAD WEBMÁS ALLÁ DEL MARCADO
Manuel RazzariDesconferencia: “Accesibilidad en tiempos de crisis”Junio 15, 2012
![Page 2: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/2.jpg)
SUMARIOContenidistas
Diseñadores
Programadores back-end
Maquetadores
Clientes
![Page 3: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/3.jpg)
CONTENIDISTAS
Confusión @alt y epígrafe.
Alt con nombre de imagen.
Errores de tipeo.
¡El enemigo!
![Page 4: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/4.jpg)
¡ALT OBLIGATORIO!Si, claro.
![Page 5: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/5.jpg)
DISEÑADORES¡Artistas! ¡Hippies!
Bajo contraste
Texto muy chico
Flash
Colores con significado
¡El enemigo!
http://soundcloud.com/designerdrugsmusic
![Page 6: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/6.jpg)
Row 1 Row 2 Row 3 Row 40
2
4
6
8
10
12
Column 1Column 2Column 3
http://webaim.org/resources/designers/
![Page 7: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/7.jpg)
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>
![Page 8: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/8.jpg)
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.
![Page 9: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/9.jpg)
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/
![Page 10: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/10.jpg)
GOOGLEARON MALO... ¿no les importa?
![Page 11: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/11.jpg)
SETENTA MIL PESOS
https://github.com/mercadolibre/chico/issues/632
![Page 12: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/12.jpg)
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?
+
![Page 13: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/13.jpg)
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
![Page 14: Accesibilidad web - más allá del marcado](https://reader034.vdocuments.mx/reader034/viewer/2022052505/555e2681d8b42a6a4c8b4f48/html5/thumbnails/14.jpg)
¡UDS DIRÁN!@mrazzari
http://goo.gl/cGHJc