Accesibilidad web - más allá del marcado

14,548 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
14,548
On SlideShare
0
From Embeds
0
Number of Embeds
3,007
Actions
Shares
0
Downloads
10
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

×