Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Accesibilidad web - más allá del marcado

15,389 views

Published on

Published in: Technology
  • Be the first to comment

Accesibilidad web - más allá del marcado

  1. 1. ACCESIBILIDAD WEBMÁS ALLÁ DEL MARCADOManuel RazzariDesconferencia: “Accesibilidad en tiempos de crisis”Junio 15, 2012
  2. 2. SUMARIOContenidistasDiseñadoresProgramadores back-endMaquetadoresClientes
  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 contrasteTexto muy chicoFlashColores 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 4http://webaim.org/resources/designers/
  7. 7. PROGRAMADOR BACK-END.NET (C#)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();Links que no son links<a id="ToppageUC1_Mainmenubuild2_BemestingButton1_Lin kButton1"class="MenuButton" href="javascript:__doPostBack(ToppageUC1$Mainmenubuild2$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 PESOShttps://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

×