Estándares Web y Accesibilidad en Colombia
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Estándares Web y Accesibilidad en Colombia

  • 19,340 views
Uploaded on

Ponencia para el "3er Congreso de Investigación y Tecnología en Usabilidad, Realidad Virtual y Robótica" (http://www.uniquindio.edu.co/sinfoci/congreso.htm) ...

Ponencia para el "3er Congreso de Investigación y Tecnología en Usabilidad, Realidad Virtual y Robótica" (http://www.uniquindio.edu.co/sinfoci/congreso.htm)

Oct. 21 de 2006

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • realy nice

    --
    bob
    Are you sure you want to
    Your message goes here
  • nice :)
    Are you sure you want to
    Your message goes here
  • Me gustó mucho tu presentación.. por lo que veo, también eres un seguidor del 'estilo de lessig'
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
19,340
On Slideshare
15,807
From Embeds
3,533
Number of Embeds
30

Actions

Shares
Downloads
318
Comments
3
Likes
9

Embeds 3,533

http://www.pinceladasdaweb.com.br 1,992
http://ulczyk.blogspot.com 810
http://blog.gabrielizalo.com 306
http://ulczyk.blogspot.mx 101
http://ulczyk.blogspot.com.es 92
http://www.estandaresyaccesibilidad.com 77
http://ulczyk.blogspot.com.ar 68
http://www.slideshare.net 27
http://patricia-matematicaaldia.blogspot.com 10
http://especializacionpaoladeya.wordpress.com 7
http://furore.co 5
http://webcache.googleusercontent.com 5
http://plataforma.ita.es 5
http://ulczyk.blogspot.com.br 4
http://uxespanol.blogspot.com 4
http://ulczyk.blogspot.in 3
http://ulczyk.blogspot.ca 2
http://ulczyk.blogspot.pt 2
http://www.desarrollosdg.com.ar 2
http://ulczyk.blogspot.fr 1
http://ulczyk.blogspot.it 1
http://desarrollosdg.com.ar 1
http://ulczyk.blogspot.de 1
http://www.flickr.com 1
file:// 1
http://ulczyk.blogspot.co.uk 1
http://74.125.45.132 1
http://74.125.47.132 1
http://64.233.163.132 1
http://www.google.com.br 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1.
    • Estándares Web y Accesibilidad en Colombia
    • Por Gabriel Porras http://uxespanol.blogspot.com/
    • Oct. 21 de 2006
    • 3er Congreso de Investigación y Tecnología en Usabilidad, Realidad Virtual y Robótica http://www.uniquindio.edu.co/sinfoci/congreso.htm
  • 2.
    • Intergrupo
    • InterGrupo es una empresa orientada a entregar a sus clientes soluciones que ayuden a transformar sus operaciones y que les permitan construir nuevos modelos de negocios usando tecnologías de punta, permitiéndoles ahorrar costos y mejorar la eficiencia de su negocio.
    • Nuestra misión es la de ser líderes en la prestación de servicios de consultoría, desarrollo de software e integración de productos y servicios de tecnología de punta, con un excelente servicio al cliente, promoviendo el crecimiento profesional y humano de nuestros colaboradores.
    • Nuestros servicios de consultoría y soluciones de tecnología incluyen: 
    • - Consultoría en Metodología y Arquitectura
    • - Desarrollo de Software a la Medida - Aplicaciones Empresariales
    • - Soluciones de Inteligencia de Negocios
    • - Soluciones de Integración de Aplicaciones
    • - Soluciones de Infraestructura, Seguridad y Soporte de plataforma
    • Nos enorgullecemos de completar nuestros proyectos a tiempo y dentro del presupuesto, excediendo las expectativas de los clientes. Utilizamos metodologías estructuradas para el control y administración de los proyectos.
    • La compañía cuenta actualmente con aproximadamente 200 empleados, distribuidos en las principales ciudades del país: Bogotá, Medellín, Cali y Barranquilla, además de nuestras nuevas oficinas en Ecuador, España y Estados Unidos. Del total de empleados, más de 160 personas pertenecen directamente a las áreas técnicas de la compañía, dedicadas a la prestación de servicios profesionales de ingeniería y consultoría.
    •  
    • - Certificación de Calidad ISO 9001:2000 otorgada por el ICONTEC – IQNet.
    • - Microsoft Gold Partner con la máxima calificación en 10 categorías :
      • Microsoft GOLD Certified Partner for Custom Development Solutions
      • Microsoft GOLD Certified Partner for Mobility Solutions
      • Microsoft GOLD Certified Partner for Licensing Solutions
      • Microsoft GOLD Certified Partner for Integrated Business Intelligence Solutions
      • Microsoft GOLD Certified Partner for Integrated E-Business Solutions
      • Microsoft GOLD Certified Partner for Advanced Infrastructure Solutions
      • Microsoft GOLD Certified Partner for Networking Infrastructure Solutions
      • Microsoft GOLD Certified Partner for Security Solutions
      • Microsoft GOLD Certified Partner for Learning Solutions
      • Microsoft GOLD Certified Partner for Information Worker Solutions
    • - Adicionalmente Centro Autorizado de Soporte Microsoft
    • - Actualmente en proceso de certificación CMMI.
    • http://www.intergrupo.com/
    Microsoft GOLD Certified Partner en 10 categorías
  • 3. Tim Berners-Lee’s sueña que su invención, la World Wide Web, sea un lugar donde los usuarios puedan desde compartir información hasta trabajar juntos, jugar y socializar
    • http://www.w3.org/People/Berners-Lee/ShortHistory
  • 4. Como desarrolladores web […] hacemos este sueño una realidad
    • http://webstandards.org/learn/faq/
  • 5. La World Wide Web fue inventada por Tim Berners-Lee
    • Historia
    • 1989: La World Wide Web fue inventada por Tim Berners-Lee, informático del CERN (Organización Europea de Investigación Nuclear): Un sistema de hipertexto, basado en Internet, para compartir información.
    • http://html.conclase.net/articulos/historia
  • 6.
    • 1990: Aparece el primer navegador y con ello la WWW se hizo realidad. Se crearon el HTML, el HTTP y el URI.
    • http://html.conclase.net/articulos/historia
    Primer navegador, el HTML, el HTTP y el URI
  • 7.
    • 1993: Inicia con 50 servidores y dos navegadores: el gráfico para plataformas NeXT y el de texto para cualquier otra plataforma.
    • http://html.conclase.net/articulos/historia
    Inicia con 50 servidores
  • 8.
    • 1993: Termina con más de 500 servidores y el navegador Mosaic para varias plataformas: Comienza el crecimiento exponencial de la Web.
    • http://html.conclase.net/articulos/historia
    Termina con 500 servidores
  • 9.
    • 1994: Nace la W3C.
    • http://html.conclase.net/articulos/historia
    Nace la W3C
  • 10.
    • El World Wide Web Consortium (W3C) es una asociación internacional NEUTRA, fundada y dirigida por Tim Berners-Lee. Actualmente posee más de 450 miembros incluyendo a Microsoft, America Online (Netscape Communications), Apple, Adobe, Macromedia, Sun Microsystems y una gran variedad de compañías fabricantes de hardware y software, proveedores de contenido, instituciones académicas y compañías de telecomunicaciones.
    • http://webstandards.org/learn/faq/
    Asociación internacional neutra, fundada y dirigida por Tim Berners-Lee
  • 11.
    • Misión: Guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas abiertas que aseguren el crecimiento futuro de la Web.
    • http://www.w3c.es/Consorcio/
    Guiar la Web hacia su máximo potencial
  • 12.
    • Objetivos presentes y futuros:
    • * Una Web universal
    • * Accesible desde cualquier lugar
    • * La Web como base de conocimiento
    • * Una web de confianza
    • * Mejorarla mediante la experiencia de usuario
    • http://www.w3c.es/Presentaciones/2006/0712-estandaresGPUL-MA/#(7)
    Presentes y Futuros Web = Universal, Accesible, Base de Conocimiento , C onfiable , Mejor (UX)
  • 13. La Web debe ser universal y para todo el mundo Sin tener en cuenta dispositivos, usuarios, cultura, geografía o lengua
    • La Web debe ser universal y para todo el mundo.
    • Sin tener en cuenta...
    • ...características de los dispositivos de acceso
    • PCs, teléfonos, TVs, PDAs...
    • ancho de banda, pantalla pequeña en B/N, sin sonido, sin pantalla...
    • ...discapacidades de los usuarios
    • color o ceguera...
    • dificultades con un teclado, ratón...
    • dislexia, dificultades cognitivas o neurológicas...
    • ...diferencias culturales, geográficas o lingüísticas
    • sentidos de escritura...
    • formato de fechas, números de teléfono, códigos postales, elementos numerados...
    • diferentes tipos de teclados...
    • http://www.w3c.es/Presentaciones/2006/0712-estandaresGPUL-MA
  • 14.
    • Para alcanzar su objetivo crea:
    • Especificaciones (Los requisitos que un producto o servicio debe cumplir): XML, XHTML, SVG, RDF...
    • http://www.w3c.es/Presentaciones/2005/0314-estandares-JA/
    1. Especificaciones XML, XHTML, SVG, RDF...
  • 15.
    • Para alcanzar su objetivo crea:
    • Directrices (Normas generales para la ejecución de algo):
    • WCAG (Web Content Accessibility Guidelines - Pautas de Accesibilidad del Contenido Web)
    • UAAG (User Agent Accessibility Guidelines - Pautas de Accesibilidad para Agentes de Usuario)
    • ATAG (Authoring Tool Accessibility Guidelines - Pautas de Accesibilidad para las Herramientas de Autor)...
    • http://www.w3c.es/Presentaciones/2005/0314-estandares-JA/
    2. Directrices WCAG, UAAG, ATAG...
  • 16.
    • Para alcanzar su objetivo crea:
    • Herramientas: Validadores, Amaya (Navegador), Jigsaw (Servidor Web)...
    • http://www.w3c.es/Presentaciones/2005/0314-estandares-JA/
    3. Herramientas Validadores, Amaya, Jigsaw…
  • 17.
    • Al momento ha publicado más de 80 estándares
    • http://www.w3.org/TR/
    ¡It’s Evolution, Baby!
  • 18.
    • Actualmente W3C se centra en dispositivos móviles con acceso a la Web:
    • Características de la Movilidad:
    • * Mercado extremadamente dinámico
    • o 245 Millones de unidades vendidas el último trimestre de 2005
    • o Se estiman ventas de 930 Millones de unidades en 2006
    • * Número muy grande de potenciales usuarios
    • o Estimación de 500 Millones de usuarios sólo China en 2007.
    • o En el futuro: un ordenador por familia, pero uno (o más) teléfonos móviles por persona.
    • o Ya en Japón se accede más Internet vía Móvil que PC.
    • http://www.w3c.es/Presentaciones/2006/0712-estandaresGPUL-MA/#(13)
    Dispositivos móviles • Mercado altamente dinámico • Gran potencial de usuarios
  • 19.
    • Nuevo Foco: Dispositivos Móviles
    • http://www.w3c.es/Presentaciones/2006/0712-estandaresGPUL-MA/#(13)
  • 20.
    • La estandarización es importante: Ahora más que nunca
    • http://www.w3c.es/Presentaciones/2006/0712-estandaresGPUL-MA/#(14)
    Muy importante ¡Ahora más que nunca!
  • 21.
    • Estándares Web
    • Son tecnologías, establecidas por el W3C y otros, usadas para crear e interpretar el contenido basado en Web, de tal manera que estos documentos estén siempre disponibles y sean accesibles para tantos como sea posible.
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    Tecnologías W3C usadas para el contenido Web
  • 22.
    • Lenguajes estructurales o de contenido:
    • * HTML (Hypertext Markup Language) 4.01
    • * XHTML (Extensible Hypertext Markup Language) 1.0
    • * XHTML 1.1
    • * XML (Extensible Markup Language) 1.0
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    1. Lenguajes Estructurales HTML 4.01 X-HTML 1.0 y 1.1 XML 1.0
  • 23.
    • Lenguajes de Presentación
    • * CSS (Cascading Style Sheets) Level 1
    • * CSS Level 2 revision 1
    • * CSS Level 3 (in development)
    • * MathML (Mathematical Markup Language)
    • * SVG (Scalable Vector Graphics)
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    2. Lenguajes de Presentación CSS Level 1, 2 y 3 MathML SVG
  • 24.
    • Modelo de Objetos
    • * DOM (Document Object Model) Level 1
    • * DOM Level 2
    • * DOM Level 3 Core
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    3. Modelo de Objetos DOM Level 1, 2 y 3
  • 25.
    • Lenguajes de Script
    • * ECMAScript 262 (la versión estandarizada de JavaScript)
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    • The European Computer Manufacturers Association (ECMA) is an organization officially founded in 1961 in order to meet the need for standardizing computer operational formats, including programming languages and input/output codes.
    • The main use of ECMAScript, which is an object-based language, is to manipulate the objects in web pages which are specified by the Document Object Model (DOM).
    • http://www.webstandards.org/learn/faq/#p22
    4. Lenguaje de Script ECMAScript 262 (JavaScript)
  • 26.
    • Resumiendo, podemos decir que los estándares web dividen un documento en tres partes, su estructura (X-HTML), su presentación (CSS) y su comportamiento (ECMAScript).
    • http://www.estandaresweb.es/introduccion_estandares.html
    Documento Web = Estructura (X-HTML) + Presentación (CSS) + Comportamiento (Script)
  • 27.
    • Cuando un documento se adhiere a los estándares Web significa que además de usar estas tecnologías:
    • * está hecho de HTML o XHTM válido
    • * está estructurado adecuadamente y codificado semánticamente
    • * usa CSS en lugar de tablas para su diseño
    • * se puede ver en cualquier navegador
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    Documento Web = Estructura Válida, Adecuada y Semántica + Presentación sin Tablas + Visible en cualquier parte
  • 28.
    • Veamos el malo:
    • <table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
    • <tr>
    • <td>
    • <font color=&quot;#000000&quot; face=&quot;Times New Roman,Times,Serif&quot; size=&quot;3&quot;>
    • <strong>El hombre pisa Marte</strong></font><br>
    • <font color=&quot;#000000&quot; face=&quot;Times New Roman,Times,Serif&quot; size=&quot;2&quot;>
    • por Perico Palotes<br>
    • Nuevo Periódico Nacional</font>
    • <font color=&quot;#990000&quot; face=&quot;arial,helvetica,sans-serif&quot; size=&quot;1&quot;>
    • 21 Abr 2005, 4:20 PM GMT</font>
    • </td>
    • </tr>
    • </table>
    • http://www.w3c.es/Presentaciones/2005/1004-estandarizate-JA/10.html
    El Malo
  • 29.
    • Veamos el feo:
    • <div id=&quot;noticia&quot;>
    • <div class=&quot;titulo&quot;>El hombre pisa Marte</div>
    • <div class=&quot;autor&quot;>Perico Palotes</div>,
    • <div class=&quot;newspaper&quot;>Nuevo Periódico Nacional</div>
    • <div class=&quot;date&quot;>21 Abr 2005, 4:20 PM GMT</div>
    • </div>
    • http://www.w3c.es/Presentaciones/2005/1004-estandarizate-JA/10.html
    El Feo
  • 30.
    • Veamos el bueno:
    • <div id=&quot;noticia&quot;>
    • <h1>El hombre pisa Marte</h1>
    • <h2>Perico Palotes</h2>,
    • <p>Nuevo Periódico Nacional</p>
    • <date>21 Abr 2005, 4:20 PM GMT</date>
    • </div>
    • http://www.w3c.es/Presentaciones/2005/1004-estandarizate-JA/10.html
    El Bueno
  • 31.
    • CSS Garden: Separación de presentación y contenido
    • http://csszengarden.com/
  • 32.
    • CSS Garden: Separación de presentación y contenido
    • http://csszengarden.com/
  • 33.
    • CSS Garden: Separación de presentación y contenido
    • http://csszengarden.com/
  • 34.
    • CSS Garden: Separación de presentación y contenido
    • http://csszengarden.com/
  • 35.
    • Ventaja: Un montaje más rápido y un mantenimiento más simple
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    • http://www.estandaresweb.es/ventajas-de-los-estandares-web.html
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
    1. Desarrollo más rápido y más simple
  • 36.
    • Ventaja: Menores costos.
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    • http://www.estandaresweb.es/ventajas-de-los-estandares-web.html
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
    2. Menores costos
  • 37.
    • Ventaja: Compatibilidad con los navegadores actuales y futuros.
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    • http://www.estandaresweb.es/ventajas-de-los-estandares-web.html
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
    3. Compatibilidad
  • 38.
    • Ventaja: Descarga y presentación más rápida de las páginas (simplificación de código).
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    • http://www.estandaresweb.es/ventajas-de-los-estandares-web.html
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
    4. Descarga más rápida
  • 39.
    • Ventaja: Mayor y mejor accesibilidad
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    • http://www.estandaresweb.es/ventajas-de-los-estandares-web.html
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
    5. Accesibilidad
  • 40.
    • Ventaja: Mejor posicionamiento en los motores de búsqueda.
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    • http://www.estandaresweb.es/ventajas-de-los-estandares-web.html
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
    6. Posicionamiento
  • 41.
    • Ventaja: Adaptación más simple (para impresión, para la PDA, para el Móvil…).
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    • http://www.estandaresweb.es/ventajas-de-los-estandares-web.html
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
    7. Adaptación
  • 42.
    • Ventaja: Un sólo código para todo: Contenido reutilizable por múltiples formatos o dispositivos.
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    • http://www.estandaresweb.es/ventajas-de-los-estandares-web.html
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
    8. Contenido reutilizable
  • 43.
    • Ventaja: Maximización de la audiencia potencial (Usuarios y Dispositivos).
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    • http://www.estandaresweb.es/ventajas-de-los-estandares-web.html
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
    9. Mayor audiencia
  • 44.
    • Ventaja: Da soporte a la Web Semántica > EL FUTURO!
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    • http://www.estandaresweb.es/ventajas-de-los-estandares-web.html
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
    10. Web Semántica
  • 45.
    • Ventaja: Incrementa el soporte para la Internacionalización
    • http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/
    • http://www.estandaresweb.es/ventajas-de-los-estandares-web.html
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
    11. Internacionalización
  • 46.
    • La Web Universal
    • (Imágenes W3C en diferentes dispositivos)
    • http://www.w3c.es/Presentaciones/2005/1004-estandarizate-JA/11.html
  • 47.
    • La Web Universal
    • (Imágenes W3C en diferentes dispositivos)
    • http://www.w3c.es/Presentaciones/2005/1004-estandarizate-JA/11.html
  • 48.
    • La Web Universal
    • (Imágenes W3C en diferentes dispositivos)
    • http://www.w3c.es/Presentaciones/2005/1004-estandarizate-JA/11.html
  • 49.
    • La Web Universal
    • (Imágenes W3C en diferentes dispositivos)
    • http://www.w3c.es/Presentaciones/2005/1004-estandarizate-JA/11.html
  • 50.
    • La Web Universal
    • (Imágenes W3C en diferentes dispositivos)
    • http://www.w3c.es/Presentaciones/2005/1004-estandarizate-JA/11.html
  • 51.
    • ¿Quieres utilizar y/o revisar los estándares Web en tu sitio?
    • - Valida: W3C Markup (http://validator.w3.org/) y el W3C CSS Validation Service (http://jigsaw.w3.org/css-validator/),
    • http://uxespanol.blogspot.com/2005/12/herramientas-para-diseadores-y_27.html
    1. Valida: W3C Markup y W3C CSS Validation
  • 52.
    • ¿Quieres utilizar y/o revisar los estándares Web en tu sitio?
    • - Navegadores: IE, Firefox, Safari, Opera, Amaya, Braille Surf, Hal Screen ReaderLynx, Nokia Mobile Broser Simulator, pwWeabSpeak, MSN TV Viewer…
    • http://uxespanol.blogspot.com/2005/12/herramientas-para-diseadores-y_27.html
    2. Instala Navegadores: IE, Firefox, Safari, Opera, Amaya, Braille Surf, Hal Screen ReaderLynx, Nokia Mobile Broser Simulator, pwWeabSpeak, MSN TV Viewer…
  • 53.
    • ¿Quieres utilizar y/o revisar los estándares Web en tu sitio?
    • - Toolbars: Internet Explorer Developer (IE) (http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&amp;amp;amp;amp;displaylang=en) y Web Developer Toolbar (F) (http://chrispederick.com/work/webdeveloper/).
    • http://uxespanol.blogspot.com/2005/12/herramientas-para-diseadores-y_27.html
    3. Utiliza Toolbars IE Developer (IE) y Web Developer (F)
  • 54.
    • ¿Quieres utilizar y/o revisar los estándares Web en tu sitio?
    • - Add-Ons: CheckIE (IE), Checky Extension, Firebug Extension …
    • http://uxespanol.blogspot.com/2005/12/herramientas-para-diseadores-y_27.html
    4. Instala Add-Ons: Plug-ins para IE Extensiones para Firefox
  • 55.
    • ¿Quieres utilizar y/o revisar los estándares Web en tu sitio?
    • - Online: Browser Shots, html2text, iCapture, Mac ScreenShot Service, LynxViewer…
    • http://uxespanol.blogspot.com/2005/12/herramientas-para-diseadores-y_27.html
    5. Utiliza Herramientas Online: Browser Shots, html2text, iCapture, Mac ScreenShot Service, LynxViewer…
  • 56.
    • ¿Quieres utilizar y/o revisar los estándares Web en tu sitio?
    • http://uxespanol.blogspot.com/2005/12/herramientas-para-diseadores-y_27.html
    Estos y otra gran cantidad de recursos: http://uxespanol.blogspot.com /2005/12/ herramientas-para-diseadores-y_27.html
  • 57.
    • Accesiblidad
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/1.html
    “ El poder de la web está en su universalidad. Un acceso a la Web para todos independientemente de su discapacidad es un aspecto esencial” Tim Berners-Lee
  • 58. Iniciativa de Accesibilidad Web WAI
    • 1997: Lanzamiento de la Iniciativa de Accesibilidad Web: WAI.
    • Nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative). Una actividad desarrollada por el W3C.
    • http://www.w3c.es/Consorcio/historia
  • 59. Facilitar el acceso de las personas con discapacidad
    • Objetivo: facilitar el acceso de las personas con discapacidad
    • http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad
  • 60. 1. Desarrollar pautas
    • Objetivo: facilitar el acceso de las personas con discapacidad:
    • - desarrollando pautas de accesibilidad
    • http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad
  • 61. 2. Mejorar herramientas
    • Objetivo: facilitar el acceso de las personas con discapacidad:
    • - mejorando las herramientas para la evaluación y reparación de accesibilidad Web
    • http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad
  • 62. 3. Educar
    • Objetivo: facilitar el acceso de las personas con discapacidad:
    • - llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web
    • http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad
  • 63. 4. Investigar
    • Objetivo: facilitar el acceso de las personas con discapacidad:
    • - abriendo nuevos campos en accesibilidad a través de la investigación en este área.
    • http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad
  • 64.
    • http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad
    Es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios
  • 65.
    • La accesibilidad Web engloba muchos tipos de discapacidades, incluyendo:
    • - Incapacidades visuales como ceguera, baja visión y daltonismo.
    • - Deficiencias auditivas como sordera y dificultades auditivas.
    • - Incapacidades físicas como las motoras.
    • - Incapacidades del habla.
    • - Discapacidades neurológicas y cognitivas como dislexia, acalculia (discalculia), deficiencia de atención, incapacidades intelectuales, problemas de memoria, epilepsia…
    • http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/#usage
    • Incapacidades visuales • Deficiencias auditivas • Incapacidades físicas • Incapacidades del habla • Discapacidades neurológicas y cognitivas
  • 66.
    • Por ejemplo: Michael un señor de 35 años quedó ciego por un accidente. Estudia por medio de libros hablados y mediante un lector de libros electrónicos (eBook reader). Para navegar en Internet utiliza JAWS (http://www.freedomscientific.com/fs_products/software_jaws.asp), un lector de pantalla que se integra con Internet Explorer, el cual lee el contenido de los sitios Web en voz alta.
    Ciego por un accidente. Estudia con libros hablados y un eBook reader. Navega con JAWS, un lector de pantalla para IE.
  • 67.
    • Existen millones de personas con discapacidad que no pueden utilizar la Web.
    • En Colombia, el DANE de acuerdo con el Censo del 2005, determinó que hay 2.6 millones de personas discapacitadas, el 6.4% de la población. De ellas 1.1 millones de personas tienen problemas de visión, es decir aproximadamente el 2.7% de la población.
    Personas discapacitadas en Colombia: 2.6 millones (el 6.4% de la población). Con problemas de visión: 1.1 millones (el 2.7% de la población)
  • 68.
    • Accesibilidad: íntimamente relacionada con la usabilidad.
    • La accesibilidad debe ser entendida como 'parte de', y al mismo tiempo 'requisito para', la usabilidad.
    • http://www.nosolousabilidad.com/articulos/accesibilidad.htm
    parte de… requisito para… La Usabilidad
  • 69.
    • Ejemplo de Usabilidad vs. Accesibilidad: El caso del Metro de Medellín.
    • http://uxespanol.blogspot.com/2006/10/accesibilidad-en-el-mundo-real-y.html
    ¡Usable y accesible! Pasado Presente
  • 70.
    • ¿Por qué la Accesibilidad Web es importante?
    • - Porque proporciona un acceso equitativo e igualdad de oportunidades.
    • - Ayuda a personas con discapacidad a que participen más activamente en la sociedad.
    • La Web ofrece a aquellas personas con discapacidad una oportunidad de acceder a la información y de interactuar. ¡Es su derecho!
    • http://www.w3c.es/Traducciones/es/WAI/intro/accessibility
    Acceso equitativo e igualdad de oportunidades Participación activa en la sociedad
  • 71.
    • Componentes
    • http://www.w3.org/WAI/intro/components.php
  • 72. Usuarios Que usen adecuadamente los navegadores
    • Componente Usuarios: Navegadores web y reproductores multimedia
    • 1. para que las personas con discapacidad puedan utilizarlos
    • 2. para que funcionen bien con las ayudas técnicas
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/2.html
  • 73.
    • Pautas de Accesibilidad para Agentes de Usuario: UAAG (User Agent Accessibility Guidelines)
    • http://www.w3.org/TR/UAAG10/
    UAAG Pautas de Accesibilidad para Agentes de Usuario
  • 74. Desarrolladores Que generen contenido accesible con las herramientas
    • Componente Desarrolladores: Herramientas de autor
    • 1. para que las puedan utilizar las personas con discapacidad
    • 2. para que generen contenido accesible
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/2.html
  • 75. ATAG Pautas de Accesibilidad para Herramientas de Autor
    • Pautas de Accesibilidad para Herramientas de Autor: ATAG (Authoring Tool Accessibility Guidelines)
    • Ayuda a los desarrolladores de software a crear herramientas de autor para producir contenido Web accesible
    • http://www.w3.org/TR/ATAG10/
  • 76. Contenido Que pueda ser navegado
    • Componente Contenido: Sitios Web y aplicaciones
    • permite que las personas con discapacidad interactúen adecuadamente con la web.
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/2.html
  • 77.
    • Pautas de Accesibilidad al Contenido en la Web: WCAG (Web Content Accessibility Guidelines)
    • Cómo hacer páginas Web accesibles sin sacrificar el diseño, ofreciendo la flexibilidad necesaria para que la información sea accesible bajo diferentes situaciones y proporcionando métodos que permiten su transformación en páginas útiles e inteligibles.
    • http://www.w3.org/TR/WCAG10/
    WCAG Pautas de Accesibilidad al Contenido en la Web
  • 78.
    • ¿Y los Estánadres?
    • Son la base para lograr la Accesibilidad.
    • http://www.w3.org/WAI/guid-tech.html
    ¡Son la base!
  • 79.
    • 14 Pautas de Accesibilidad del Contenido en la Web - WCAG:
    • 1. Proporcione alternativas equivalentes para el contenido visual y auditivo
    • http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html
    1. Proporcione alternativas equivalentes para el contenido visual y auditivo
  • 80. 4. Identifique el idioma usado
    • 14 Pautas de Accesibilidad del Contenido en la Web - WCAG:
    • 4. Identifique el idioma usado
    • http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html
  • 81. 9. Diseñe para la independencia del dispositivo
    • 14 Pautas de Accesibilidad del Contenido en la Web - WCAG:
    • 9. Diseñe para la independencia del dispositivo
    • http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html
  • 82. 12. Proporcione información de contexto y orientación
    • 14 Pautas de Accesibilidad del Contenido en la Web - WCAG:
    • 12. Proporcione información de contexto y orientación
    • http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html
  • 83.
    • 65 Puntos de Revisión
    • Una lista de todos los puntos de revisión de las citadas pautas, organizados por conceptos, como lista de revisión. Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos por las pautas.
    • Tabla de Puntos de Verificación: http://www.discapnet.es/web_accesible/wcag10/full-checklist.html
    • Lista de Puntos de Verificación: http://www.discapnet.es/web_accesible/wcag10/checkpoint-list.html
    Lista y Tabla de Revisión ( Para tu actual sitio Web ) Clasificadas por Prioridades
  • 84.
    • 65 Puntos de Revisión
    • Una lista de todos los puntos de revisión de las citadas pautas, organizados por conceptos, como lista de revisión. Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos por las pautas.
    • Tabla de Puntos de Verificación: http://www.discapnet.es/web_accesible/wcag10/full-checklist.html
    • Lista de Puntos de Verificación: http://www.discapnet.es/web_accesible/wcag10/checkpoint-list.html
  • 85. 1: Se tiene que cumplir 2: Se debería cumplir 3: Se puede cumplir
    • * Prioridad 1: se tiene que cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían acceder a la información del sitio Web. Ej: Proporcione un texto equivalente para todo elemento no textual (Por ejemplo, a través de &quot;alt&quot;).
    • * Prioridad 2: se debería cumplir ya que, si no fuese así, sería muy difícil acceder a la información para ciertos grupos de usuarios. Ej: Utilice hojas de estilo para controlar la diagramación y la presentación.
    • * Prioridad 3: se puede cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas dificultades para acceder a la información. Ej: Cree un orden lógico para navegar con el tabulador a través de vínculos, controles de formulario y objetos.
    • http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad
    • En función a estos puntos de verificación se establecen los niveles de conformidad:
    • * Nivel de Conformidad &quot;A&quot;: todos los puntos de verificación de prioridad 1 se satisfacen.
    • * Nivel de Conformidad &quot;Doble A&quot;: todos los puntos de verificación de prioridad 1 y 2 se satisfacen.
    • * Nivel de Conformidad &quot;Triple A&quot;: todos los puntos de verificación de prioridad 1,2 y 3 se satisfacen.
    • http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad
  • 86. 1. Posibilita el acceso de las personas con discapacidad
    • Ventajas
    • * Posibilita el acceso de las personas con discapacidad
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/14.html
  • 87. 2. Mejora el acceso de las personas mayores
    • Ventajas
    • * Mejora el acceso de las personas mayores
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/14.html
  • 88. 3. Mejora la navegabilidad
    • Ventajas
    • * Mejora de navegabilidad
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/14.html
  • 89. 4. Aumenta la usabilidad
    • Ventajas
    • * Aumenta la usabilidad
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/14.html
  • 90. 5. Mejora la indexación
    • Ventajas
    • * Mejora la indexación
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/14.html
  • 91. 6. Mejora el acceso en general
    • Ventajas
    • * Mejora el acceso en general
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/14.html
  • 92. 7. Permite la independencia de dispositivo
    • Ventajas
    • * Permite la independencia de dispositivo
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/14.html
  • 93. 8. Da soporte a la Web Semántica
    • Ventajas
    • * Da soporte a la Web Semántica
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/14.html
  • 94. 9. El Contenido es reutilizable por múltiples formatos o dispositivos
    • Ventajas
    • * Contenido reutilizable por múltiples formatos o dispositivos
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/14.html
  • 95. 10. Incrementa el soporte para la internacionalización
    • Ventajas
    • * Incrementa el soporte para la Internacionalización
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/14.html
  • 96. 11. Demuestra responsabilidad social y reduce la responsabilidad legal
    • Ventajas
    • * Demuestra la responsabilidad social y reduce la responsabilidad legal
    • http://www.w3c.es/Presentaciones/2004/11-WAI-JA/14.html
  • 97. 1. La accesibilidad obliga a crear dos versiones de un sitio
    • Mitos
    • - La accesibilidad obliga a crear dos versiones de un sitio
    • Diseño con estándares web por Jeffrey Zeldman
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
  • 98. 2. Una versión de sólo texto satisface el requisito de acceso igualitario o equivalente
    • Mitos
    • - Una versión de sólo texto satisface el requisito de acceso igualitario o equivalente
    • Diseño con estándares web por Jeffrey Zeldman
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
  • 99. 3. La accesibilidad cuesta demasiado
    • Mitos
    • - La accesibilidad cuesta demasiado
    • Diseño con estándares web por Jeffrey Zeldman
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
  • 100. 4. La accesibilidad obliga a crear diseños primitivos y simples
    • Mitos
    • - La accesibilidad obliga a crear diseños primitivos y simples
    • Diseño con estándares web por Jeffrey Zeldman
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
  • 101. 5. Los sitios accesibles deben tener el mismo aspecto en todos los navegadores
    • Mitos
    • - Los sitios accesibles deben tener el mismo aspecto en todos los navegadores
    • Diseño con estándares web por Jeffrey Zeldman
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
  • 102. 6. La accesibilidad es sólo para discapacitados
    • Mitos
    • - La accesibilidad es sólo para discapacitados
    • Diseño con estándares web por Jeffrey Zeldman
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
  • 103. 7. Dreamweaver o cualquier otra herramienta resuelve todos los problemas
    • Mitos
    • - Dreamweaver o cualquier otra herramienta resuelve todos los problemas
    • Diseño con estándares web por Jeffrey Zeldman
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
  • 104.
    • Mitos
    • - Los diseñadores pueden ignorar las leyes de accesibilidad si los clientes se lo piden
    • Diseño con estándares web por Jeffrey Zeldman
    • Buenas prácticas en diseño web: Daniel Torres Buriel: http://www.box.net/public/static/36yo31aexk.pdf
    8. Los diseñadores pueden ignorar las leyes de accesibilidad si los clientes se lo piden
  • 105.
    • Tu usuario más importante: Google es Ciego
    • http://www.w3c.es/Presentaciones/2005/1004-estandarizate-JA/12.html
    “ Tu usuario más importante es ciego. La mitad de las visitas a tu sitio vienen de G o o g l e , y G o o g l e sólo ve lo que un ciego puede ver. Si tu sitio no es accesible, tendrás menos visitas. Fin de la historia.” Steven Pemberton
  • 106. Obligan seguir los Estándares Web y las Guías de Accesibilidad
    • La Ley:
    • A nivel gubernamental, en los países desarrollados, hay leyes que obligan a trabajar bajo los estándares web y aplicar las guías de accesibilidad.
  • 107. Estados Unidos Sección 508 2001
    • Estados Unidos: Sección 508, la cual obliga desde el 2001 a desarrollar sitios accesibles a todas las dependencias del gobierno.
    • Otros países: http://www.w3.org/WAI/Policy/
    • http://uxespanol.blogspot.com/2006/10/accesibilidad-en-el-mundo-real-y.html
  • 108.
    • España cuenta con la LSSI (Ley de Servicios de la Sociedad de la Información y del Comercio Electrónico) que entró en vigencia en enero de 2006, la cual exige que las Administraciones Públicas hagan accesibles sus sitios web.
    • Otros países: http://www.w3.org/WAI/Policy/
    • http://uxespanol.blogspot.com/2006/10/accesibilidad-en-el-mundo-real-y.html
    España LSSI (Ley de Servicios de la Sociedad de la Información y del Comercio Electrónico) Enero 2006
  • 109. Chile Decreto 100: Normativa del Gobierno de Chile para el Desarrollo de Sitios Web Gubernamentales Agosto 2006
    • Por su parte en Chile, el pasado mes de agosto de 2006, fue aprobado el Decreto 100: Normativa del Gobierno de Chile para el Desarrollo de Sitios Web Gubernamentales. En esta normativa implícitamente se especifica el uso de HTML semántico y de las hojas de estilo para la presentación. Igualmente recomienda el uso de HTML, XHTML o XML válido, se refuerza la independencia de navegadores y se establece una Guía de Accesibilidad para Discapacitados en Sitios Web.
    • Otros países: http://www.w3.org/WAI/Policy/
    • http://uxespanol.blogspot.com/2006/10/accesibilidad-en-el-mundo-real-y.html
  • 110.
    • ¿Quieres utilizar y/o revisar la accesibilidad en tu sitio?
    • - Validadores: LOS MEJORES ESTAN EN ESPAÑOL: Examinator (http://www.accesible.com.ar/examinator/), HERA (http://www.sidar.org/ex_hera/hera-xp.php.en) y TAW Online (http://www.tawdis.net/) - Test de Accesabilidad Web…
    • http://uxespanol.blogspot.com/2005/12/herramientas-para-diseadores-y_27.html
    1. Valida: Examinator, HERA y TAW Online…
  • 111.
    • ¿Quieres utilizar y/o revisar la accesibilidad en tu sitio?
    • - Extensiones: Accessibility Extension, MozBraille Extension, SIDAR y HERA Extension, TAW3 with a clic…
    • http://uxespanol.blogspot.com/2005/12/herramientas-para-diseadores-y_27.html
    2. Instala Extensiones: Extensiones: Accessibility Extension, MozBraille Extension, SIDAR y HERA Extension, TAW3 with a clic…
  • 112.
    • ¿Quieres utilizar y/o revisar la accesibilidad en tu sitio?
    • - Toolbars: Web Accessibility Toolbar (IE) (http://www.visionaustralia.org.au/info.aspx?page=614).
    • http://uxespanol.blogspot.com/2005/12/herramientas-para-diseadores-y_27.html
    3. Instala la Toolbar: Web Accessibility Toolbar (IE)
  • 113.
    • ¿Quieres utilizar y/o revisar la accesibilidad en tu sitio?
    • - Online: Accessibility Tools & Wizards, formArchitect, CBC: Color Blindness Check (WAT), Color Scheme Generator 2, Colorblind Web Page Filter, Colour Blindness Simulator, Considering the Color Blind Design Evaluation, VisCheck…
    • http://uxespanol.blogspot.com/2005/12/herramientas-para-diseadores-y_27.html
    4. Utiliza Online Tools: formArchitect, Color Blindness Check, Color Scheme Generator, Colour Blindness Simulator, VisCheck…
  • 114.
    • ¿Quieres utilizar y/o revisar la accesibilidad en tu sitio?
    • http://uxespanol.blogspot.com/2005/12/herramientas-para-diseadores-y_27.html
    Estos y otra gran cantidad de recursos: http://uxespanol.blogspot.com /2005/12/ herramientas-para-diseadores-y_27.html
  • 115.
    • Colombia
    • Se evaluaron el uso de los estándares web y las guías de accesibilidad en los sitios web y blogs colombianos más visitados.
    • - Los 10 ganadores de los Premios Internet Colombia 2005
    • - Los 10 blogs colombianos con mayor número de visitas en enero de 2006, entre 650 blogs inscritos en Blogalaxia.com para esa fecha.
    • - Los 50 sitios colombianos con mayor número de visitas para diciembre de 2005, según Ranking.com.
    • http://uxespanol.blogspot.com/2006/04/estndares-web-y-accesibilidad-en.html
    Se Evaluaron 1. Los 10 ganadores de los Premios Internet Colombia 2005 2. Los 10 blogs más visitados de Blogalaxia.com 3. Los 50 sitios más visitados según Ranking.com
  • 116.
    • Se evalúo:
    • Doctype, el HTML, marcos y la validez del HTML: http://validator.w3.org/
    • SiteScore (http://www.silktide.com/tools/sitescore): Califica de 1 a 10 que tan bien diseñado, popular y accesible es un sitio: http://www.silktide.com/tools/sitescore/
    • Examinator (http://www.accesible.com.ar/examinator/): Califica de 1 a 10 de acuerdo con su cumplimiento con las pautas WCAG 1.0 de accesibilidad del World Wide Web Consortium (W3C): http://www.accesible.com.ar/examinator/
    Se Evalúo 1. Doctype, el HTML, marcos y la validez del HTML (W3C) 2. SiteScore : Califica diseño, popularidad y accesiblilidad 3. Examinador : Califica las pautas
  • 117.
    • Aclaración
    • Es problemático revisar un sitio web sólo con herramientas automáticas: Las herramientas hacen una interpretación literal de las guías, no pueden hacer revisiones de contenido, pueden revisar guías obsoletas, entre otros.
    • Beneficio: tiempo que se gana al revisar las guías y estándares básicos, los cuales demandan labores muy operativas.
    • http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/automated-tools.shtml
    Aclaración Los validadores tienen sus CONTRAS : Interpretan literalmente las guías y no pueden hacer revisiones de contenido
  • 118.
    • Aclaración
    • Es problemático revisar un sitio web sólo con herramientas automáticas: Las herramientas hacen una interpretación literal de las guías, no pueden hacer revisiones de contenido, pueden revisar guías obsoletas, entre otros.
    • Beneficio: tiempo que se gana al revisar las guías y estándares básicos, los cuales demandan labores muy operativas.
    • http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/automated-tools.shtml
    Aclaración Pero tienen sus Pros : Revisan rápidamente lo básico y operativo
  • 119.
    • Resultados
    • Versión del HTML
    Versión del HTML
  • 120.
    • Resultados
    • Errores Validador W3C
    Errores Validador W3C
  • 121.
    • Resultados
    • Errores Validador W3C
    Errores Validador W3C
  • 122.
    • Resultados
    • SiteScore: Accesibilidad
    SiteScore: Accesibilidad
  • 123.
    • Resultados
    • SiteScore: Accesibilidad
    SiteScore: Accesibilidad
  • 124.
    • Resultados
    • Examinator
    Examinator
  • 125.
    • Resultados
    • Examinator
    Examinator
  • 126.
    • Servicios de Consultoría
    • A nivel mundial, el número de compañías que ofrecen sus servicios como consultores en Estándares Web, Usabilidad, Accesibilidad y temas de Experiencia de Usuario es innumerable. Solamente en España, se pueden contar más de 100 compañías que están especializadas en éstas áreas u ofrecen dentro de su portafolio este tipo de consultorías.
    • En Colombia, por el contrario, no hay ninguna compañía que ofrezca exclusivamente este tipo de servicios. Mediante una búsqueda en Google Colombia sólo se pudo encontrar una compañía que, dentro de su portafolio de desarrollo de software y diseño gráfico, ofrece consultorías en usabilidad: Aracnea Net Ltda. (http://www.aracnea.net/)
    • http://www.google.com/search?q=usability+consulting
    • http://www.google.es/search?cr=countryES&q=consultoria+accesibilidad
    • http://www.google.com.co/
    Servicios de Consultoría En el mundo: Innumerables En España: Decenas En Colombia: 1
  • 127.
    • El Estudio Completo
    • Estándares Web y Accesibilidad en Colombia http://uxespanol.blogspot.com/2006/04/estndares-web-y-accesibilidad-en.html
    El Estudio Completo Estándares Web y Accesibilidad en Colombia http://uxespanol.blogspot.com /2006/04/ estndares-web-y- accesibilidad-en.html
  • 128. Revisemos… El sitio de la Universidad del Quindío http://www.uniquindio.edu.co/
  • 129.
    • Gracias
  • 130.
    • Creative Commons: http://creativecommons.org/licenses/by-nc/2.5/co/
    Gabriel H. Porras R. Email: gaporras@une.net.co Blog: http://uxespanol.blogspot.com