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