Successfully reported this slideshow.

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Related Audiobooks

Free with a 14 day trial from Scribd

See all

Accesibilidad web - más allá del marcado

  1. 1. ACCESIBILIDAD WEB MÁS ALLÁ DEL MARCADO Manuel Razzari Desconferencia: “Accesibilidad en tiempos de crisis” Junio 15, 2012
  2. 2. SUMARIO Contenidistas Diseñadores Programadores back-end Maquetadores Clientes
  3. 3. CONTENIDISTAS Confusión @alt y epígrafe. Alt con nombre de imagen. Errores de tipeo. ¡El enemigo!
  4. 4. ¡ALT OBLIGATORIO! Si, claro.
  5. 5. DISEÑADORES ¡Artistas! ¡Hippies! Bajo contraste Texto muy chico Flash Colores con significado ¡El enemigo! http://soundcloud.com/designerdrugsmusic
  6. 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. 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. 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. 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. 10. GOOGLEARON MAL O... ¿no les importa?
  11. 11. SETENTA MIL PESOS https://github.com/mercadolibre/chico/issues/632
  12. 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. 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. 14. ¡UDS DIRÁN! @mrazzari http://goo.gl/cGHJc

×