Estándares Web y Accesibilidad en Colombia

[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Microsoft GOLD Certified Partner en 10 categorías

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 ,[object Object]

Como desarrolladores web […] hacemos este sueño una realidad ,[object Object]

La World Wide Web fue inventada por Tim Berners-Lee ,[object Object],[object Object],[object Object]

[object Object],[object Object],Primer navegador, el HTML, el HTTP y el URI

[object Object],[object Object],Inicia con 50 servidores

[object Object],[object Object],Termina con 500 servidores

[object Object],[object Object],Nace la W3C

[object Object],[object Object],Asociación internacional neutra, fundada y dirigida por Tim Berners-Lee

[object Object],[object Object],Guiar la Web hacia su máximo potencial

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Presentes y Futuros Web = Universal, Accesible, Base de Conocimiento , C onfiable , Mejor (UX)

La Web debe ser universal y para todo el mundo Sin tener en cuenta dispositivos, usuarios, cultura, geografía o lengua ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],1. Especificaciones XML, XHTML, SVG, RDF...

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Directrices WCAG, UAAG, ATAG...

[object Object],[object Object],[object Object],3. Herramientas Validadores, Amaya, Jigsaw…

[object Object],[object Object],¡It’s Evolution, Baby!

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Dispositivos móviles • Mercado altamente dinámico • Gran potencial de usuarios

[object Object],[object Object]

[object Object],[object Object],Muy importante ¡Ahora más que nunca!

[object Object],[object Object],[object Object],Tecnologías W3C usadas para el contenido Web

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],1. Lenguajes Estructurales HTML 4.01 X-HTML 1.0 y 1.1 XML 1.0

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2. Lenguajes de Presentación CSS Level 1, 2 y 3 MathML SVG

[object Object],[object Object],[object Object],[object Object],[object Object],3. Modelo de Objetos DOM Level 1, 2 y 3

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],4. Lenguaje de Script ECMAScript 262 (JavaScript)

[object Object],[object Object],Documento Web = Estructura (X-HTML) + Presentación (CSS) + Comportamiento (Script)

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Documento Web = Estructura Válida, Adecuada y Semántica + Presentación sin Tablas + Visible en cualquier parte

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],El Malo

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],El Feo

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],El Bueno

[object Object],[object Object],[object Object],[object Object],1. Desarrollo más rápido y más simple

[object Object],[object Object],[object Object],[object Object],2. Menores costos

[object Object],[object Object],[object Object],[object Object],3. Compatibilidad

[object Object],[object Object],[object Object],[object Object],4. Descarga más rápida

[object Object],[object Object],[object Object],[object Object],5. Accesibilidad

[object Object],[object Object],[object Object],[object Object],6. Posicionamiento

[object Object],[object Object],[object Object],[object Object],7. Adaptación

[object Object],[object Object],[object Object],[object Object],8. Contenido reutilizable

[object Object],[object Object],[object Object],[object Object],9. Mayor audiencia

[object Object],[object Object],[object Object],[object Object],10. Web Semántica

[object Object],[object Object],[object Object],[object Object],11. Internacionalización

[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],1. Valida: W3C Markup y W3C CSS Validation

[object Object],[object Object],[object Object],2. Instala Navegadores: IE, Firefox, Safari, Opera, Amaya, Braille Surf, Hal Screen ReaderLynx, Nokia Mobile Broser Simulator, pwWeabSpeak, MSN TV Viewer…

[object Object],[object Object],[object Object],3. Utiliza Toolbars IE Developer (IE) y Web Developer (F)

[object Object],[object Object],[object Object],4. Instala Add-Ons: Plug-ins para IE Extensiones para Firefox

[object Object],[object Object],[object Object],5. Utiliza Herramientas Online: Browser Shots, html2text, iCapture, Mac ScreenShot Service, LynxViewer…

[object Object],[object Object],Estos y otra gran cantidad de recursos: http://uxespanol.blogspot.com /2005/12/ herramientas-para-diseadores-y_27.html

[object Object],[object Object],“ 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

Iniciativa de Accesibilidad Web WAI ,[object Object],[object Object],[object Object]

Facilitar el acceso de las personas con discapacidad ,[object Object],[object Object]

1. Desarrollar pautas ,[object Object],[object Object],[object Object]

2. Mejorar herramientas ,[object Object],[object Object],[object Object]

3. Educar ,[object Object],[object Object],[object Object]

4. Investigar ,[object Object],[object Object],[object Object]

[object Object],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

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],• Incapacidades visuales • Deficiencias auditivas • Incapacidades físicas • Incapacidades del habla • Discapacidades neurológicas y cognitivas

[object Object],Ciego por un accidente. Estudia con libros hablados y un eBook reader. Navega con JAWS, un lector de pantalla para IE.

[object Object],[object Object],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)

[object Object],[object Object],[object Object],parte de… requisito para… La Usabilidad

[object Object],[object Object],¡Usable y accesible! Pasado Presente

[object Object],[object Object],[object Object],[object Object],[object Object],Acceso equitativo e igualdad de oportunidades Participación activa en la sociedad

Usuarios Que usen adecuadamente los navegadores ,[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],UAAG Pautas de Accesibilidad para Agentes de Usuario

Desarrolladores Que generen contenido accesible con las herramientas ,[object Object],[object Object],[object Object],[object Object]

ATAG Pautas de Accesibilidad para Herramientas de Autor ,[object Object],[object Object],[object Object]

Contenido Que pueda ser navegado ,[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],WCAG Pautas de Accesibilidad al Contenido en la Web

[object Object],[object Object],[object Object],¡Son la base!

[object Object],[object Object],[object Object],1. Proporcione alternativas equivalentes para el contenido visual y auditivo

4. Identifique el idioma usado ,[object Object],[object Object],[object Object]

9. Diseñe para la independencia del dispositivo ,[object Object],[object Object],[object Object]

12. Proporcione información de contexto y orientación ,[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],Lista y Tabla de Revisión ( Para tu actual sitio Web ) Clasificadas por Prioridades

1: Se tiene que cumplir 2: Se debería cumplir 3: Se puede cumplir ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

1. Posibilita el acceso de las personas con discapacidad ,[object Object],[object Object],[object Object]

2. Mejora el acceso de las personas mayores ,[object Object],[object Object],[object Object]

3. Mejora la navegabilidad ,[object Object],[object Object],[object Object]

4. Aumenta la usabilidad ,[object Object],[object Object],[object Object]

5. Mejora la indexación ,[object Object],[object Object],[object Object]

6. Mejora el acceso en general ,[object Object],[object Object],[object Object]

7. Permite la independencia de dispositivo ,[object Object],[object Object],[object Object]

8. Da soporte a la Web Semántica ,[object Object],[object Object],[object Object]

9. El Contenido es reutilizable por múltiples formatos o dispositivos ,[object Object],[object Object],[object Object]

10. Incrementa el soporte para la internacionalización ,[object Object],[object Object],[object Object]

11. Demuestra responsabilidad social y reduce la responsabilidad legal ,[object Object],[object Object],[object Object]

1. La accesibilidad obliga a crear dos versiones de un sitio ,[object Object],[object Object],[object Object],[object Object]

2. Una versión de sólo texto satisface el requisito de acceso igualitario o equivalente ,[object Object],[object Object],[object Object],[object Object]

3. La accesibilidad cuesta demasiado ,[object Object],[object Object],[object Object],[object Object]

4. La accesibilidad obliga a crear diseños primitivos y simples ,[object Object],[object Object],[object Object],[object Object]

5. Los sitios accesibles deben tener el mismo aspecto en todos los navegadores ,[object Object],[object Object],[object Object],[object Object]

6. La accesibilidad es sólo para discapacitados ,[object Object],[object Object],[object Object],[object Object]

7. Dreamweaver o cualquier otra herramienta resuelve todos los problemas ,[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],8. Los diseñadores pueden ignorar las leyes de accesibilidad si los clientes se lo piden

[object Object],[object Object],“ 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

Obligan seguir los Estándares Web y las Guías de Accesibilidad ,[object Object],[object Object]

Estados Unidos Sección 508 2001 ,[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],España LSSI (Ley de Servicios de la Sociedad de la Información y del Comercio Electrónico) Enero 2006

Chile Decreto 100: Normativa del Gobierno de Chile para el Desarrollo de Sitios Web Gubernamentales Agosto 2006 ,[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],1. Valida: Examinator, HERA y TAW Online…

[object Object],[object Object],[object Object],2. Instala Extensiones: Extensiones: Accessibility Extension, MozBraille Extension, SIDAR y HERA Extension, TAW3 with a clic…

[object Object],[object Object],[object Object],3. Instala la Toolbar: Web Accessibility Toolbar (IE)

[object Object],[object Object],[object Object],4. Utiliza Online Tools: formArchitect, Color Blindness Check, Color Scheme Generator, Colour Blindness Simulator, VisCheck…

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],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

[object Object],[object Object],[object Object],[object Object],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

[object Object],[object Object],[object Object],[object Object],Aclaración Los validadores tienen sus CONTRAS : Interpretan literalmente las guías y no pueden hacer revisiones de contenido

[object Object],[object Object],[object Object],[object Object],Aclaración Pero tienen sus Pros : Revisan rápidamente lo básico y operativo

[object Object],[object Object],Versión del HTML

[object Object],[object Object],Errores Validador W3C

[object Object],[object Object],SiteScore: Accesibilidad

[object Object],[object Object],Examinator

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Servicios de Consultoría En el mundo: Innumerables En España: Decenas En Colombia: 1

[object Object],[object Object],El Estudio Completo Estándares Web y Accesibilidad en Colombia http://uxespanol.blogspot.com /2006/04/ estndares-web-y- accesibilidad-en.html

Revisemos… El sitio de la Universidad del Quindío http://www.uniquindio.edu.co/

[object Object],Gabriel H. Porras R. Email: gaporras@une.net.co Blog: http://uxespanol.blogspot.com

Estándares Web y Accesibilidad en Colombia

Estándares Web y Accesibilidad en Colombia

Recommended

More Related Content

What's hot

What's hot(17)

Viewers also liked

Viewers also liked(10)

Similar to Estándares Web y Accesibilidad en Colombia

Similar to Estándares Web y Accesibilidad en Colombia(20)

Recently uploaded

Recently uploaded(20)

Estándares Web y Accesibilidad en Colombia