La Web sigue evolucionando
- Expandiéndose desde la Web de documentos (1.0)...
- ...hasta la Web Única...
- para todo el mundo
- desde cualquier dispositivo
- de creadores y consumidores (2.0)
- de los datos y servicios (3.0)
- ...(X.0)
¿Web Única?
...ofrece la misma información y servicios a los usuarios, independientemente de quienes son, donde están, los sistemas que usan o la forma mediante la que se conectan
La Web sigue evolucionando
- Expandiéndose desde la Web de documentos (1.0)...
- ...hasta la Web Única...
- para todo el mundo
- desde cualquier dispositivo
- de creadores y consumidores (2.0)
- de los datos y servicios (3.0)
- ...(X.0)
Una Web para todo el mundo
...acceso universal
Acceso independientemente de...
- ...características de los dispositivos de acceso
- PCs, teléfonos, TVs, PDAs, dispositivos en
electrodomésticos o en automóviles...
- limitación en: ancho de banda, pantalla, colores, sonido...
...acceso independientemente de...
- ...las discapacidades de los usuarios
- distinción de colores, ceguera, ...
- dificultades de manejo de teclados, ratón, ...
- dislexia, dificultades cognitivas o neurológicas, ...
...acceso independientemente de...
- ...diferencias culturales, geográficas o
lingüísticas
- sentidos de escritura, diferentes tipos de teclados, ...
- formato de fechas, números de teléfono, códigos postales, IDs,...
¿Cómo se consigue esta Universalidad?
Accesibilidad Web
...personas con discapacidades puedan usar la Web
Diseñar para usuarios con discapacidad en un entorno ordinario es
igual que diseñar para personas sin discapacidad en entornos
extraordinarios
Ventajas de la Accesibilidad
- Acceso de personas con discapacidad y...
- mayores
- que usan conexiones con escaso ancho de banda
- que usan viejos equipos o software obsoleto
- novatas en la Web
- que usan dispositivos móviles para el acceso a la Web
- personas que no manejan fluidamente el idioma del sitio
¿Sólo para personas?...
Ventajas para todos/as todo
- Información accesible a robots de indexación
- Mejora semántica y de estructuración de contenidos
- Independencia de dispositivo y multimodalidad
- Mejora de la indexación
Información accesible a todos/as todo
Información accesible a todos/as todo
Información accesible a todos/as todo
Información accesible a todos/as todo
Información accesible a todos/as todo
Desde otros dispositivos...
Page has eleven headings and fifty-four linksWthree C Oficina Española dash Documentos y Guías Divulgativas dash Internet ExplorerHeading level oneLinkGraphicLogo oficina española del Wthree C Documentos y Guías
Estás en colon
List of one itembulletLink Oficina EspañolaList of one itembullet right double angle bracket Documentos y GuíasList endList endHeading level two Tarjetas de ReferenciaDefinition list of one itemLink Buenas Prácticas en Web Móvilequals Referencias a las Buenas Prácticas en Web Móvil, en forma de tarjetas resumidas con las pautas agrupadas por temáticasList endHeading level two GuíasDefinition list of three itemsLink Guías de referencia rápidaequals Guías de Referencia left paren imprimibles right paren destinadas a desarrolladores de tecnologías Wthree CLink Guías Breves de Tecnologías Wthree Cequals [...]
Página de la Oficina W3C España a través de Fangs (screen reader emulator)
No siempre se puede acceder a esa información
Sin Javascript
No siempre se puede acceder a esa información
Con Javascript /Sin Flash
¿Por dónde empiezo?
Utiliza los estándares de forma correcta
Valida el código de tu sitio
Valida tu HTML, XHTML, SMIL, MathML,...
Validador del HTML de tu sitio - OK
Validador del HTML de tu sitio - Informes
- Ayuda para solucionar los errores
No sólo el etiquetado (X)HTML de tu sitio
Estándares del W3C para la Accesibilidad
(WAI)
- WCAG (Pautas de Accesibilidad para Contenido Web)
- WAI-ARIA (Accesibilidad en Aplicaciones Enriquecidas)
WCAG
- Pautas de Accesibilidad para Contenido Web
- Recomendaciones y ayudas técnicas
- Basadas en estándares (HTML, CSS, etc.)
- WCAG 1.0: 1999 - WCAG 2.0 el estándar actual
WCAG: Relaciones con otras pautas
- ATAG (Pautas de Accesibilidad para Herramientas de Autor)
- UAAG (Pautas de Accesibilidad para Agentes de Usuario)
WAI-ARIA
(Control Árbol de Navegación)
Accessible Rich Internet Applications (Borrador)
- Aplicaciones y Contenido Web más accesible
- Tipo de Widget (menú, barra de progreso, etc.)
- Estructura de la página (regiones, grids, etc.)
- Drag-and-drop
- Navegación con teclado
- Contenido Dinámico
- Controles de interfaz de usuario complejos (Ajax, DHTML)
- Herramientas de JavaScript con soporte WAI-ARIA
Una Web para todos los públicos (I18n). UTF-8
- Guiando a web ata o seu máximo
potencial…
- Leading the Web to its Full Potential…
- Duent la Web al seu ple potencial…
- Het Web tot zijn volle potentieel
ontwikkelen…
- Amener le Web vers son plein potentiel…
- Alle Möglichkeiten des Web erschließen…
- Οδηγώντας τον παγκόμιο
ιστό στο μέγιστο των δυνατοτήτων
του…
- Hogy kihasználhassuk a Web nyújtotta összes
lehetőséget…
- वेब की सम्पूर्ण
क्षमता के उपयोग की दिशा में
अग्रणी…
- Sviluppare al massimo il potenziale del
Web…
- 引发网络的全部潜能…
- 웹의 모든 잠재력을 이끌어
내기 위하여…
- Levando a Web em direcção ao seu potencial
màximo…
- Pаскрывая весь потенциал
Сети…
- Se till att Webben når sin fulla
potential…
- Ohjaamassa Webin kehittymistä täyteen
mittaansa…
- Webの可能性を最大限に導き出すために⋮
- لإيصال الشبكة
المعلوماتية إلىأقصى إمكانياتها…
- להוביל
את הרשת למיצוי הפוטנציאל שלה…
- 引發網絡的全部潛能⋮
Codificación incorrecta
La Web sigue evolucionando
- Expandiéndose desde la Web de documentos (1.0)...
- ...hasta la Web Única...
- para todo el mundo
- desde cualquier dispositivo
- de creadores y consumidores (2.0)
- de los datos y servicios (3.0)
- ...(X.0)
Desde cualquier lugar, cualquier dispositivo
...desde cualquier lugar
La estandarización es importante
Importancia del mercado Móvil
- Mercado extremadamente dinámico
- Muchos usuarios potenciales
- > 4.600M de conexiones de telefonía móvil en el mundo (finales 2009)
- ...67% de la población mundial
Fuente: ITU World Telecommunication/ICT Indicators Database. Datos de 2009 estimados
Limitaciones de los dispositivos móviles
(SVG Population Pyramid on iPhone)
- Debe tenerse en cuenta:
- Pantalla reducida
- Coste del tráfico de datos
- Tiempo limitado del usuario
- El diseño debe adecuarse a un contexto
- Sitios Web Móviles (Pautas)
- Adecuación al dispositivo (DDR)
- Geolocalización
Buenas Prácticas en Web Móvil - Introducción
http://www.w3c.es/Divulgacion/Tarjetas/MWBP
Mobile Web Best Practices 1.0:
- Estándar del W3C desde julio de 2008
- 60 buenas prácticas a tener en cuenta al crear contenido Web
- Explica las restricciones comunes de los móviles:
- pantalla, teclado, red, ...
- Muestra el potencial de los dispositivos móviles:
- personal, siempre disponible, en cualquier lugar...
- Audiencia: autores de sitios Web
- desarrolladores, diseñadores, gestores de proyectos, testers
- ¡Resumidas en tarjetas!
Buenas Prácticas en Web Móvil - Ejemplo
La marca mobileOK
Mi sitio tiene en cuenta las restricciones de los móviles
- Algunas buenas prácticas pueden ser comprobadas automáticamente
- Con un sólo click, desde el validador de mobileOK del W3C
Categorías y severidad
- Los errores categorizados y con niveles de severidad
- pretende informar (y educar) de los problemas que afectan a la Web Móvil
- Soluciona primero los críticos
Cuantifica la mejora de tu sitio
- Valores para comparar con anteriores comprobaciones
La Web sigue evolucionando
- Expandiéndose desde la Web de documentos (1.0)...
- ...hasta la Web Única...
- para todo el mundo
- desde cualquier dispositivo
- de creadores y consumidores (2.0)
- de los datos y servicios (3.0)
- ...(X.0)
La Web de los Creadores y Consumidores
Web 2.0
Una Web de confianza
Promover
- ...confianza
- ...responsabilidad
- ...seguridad
- ...confidencialidad
La Web sigue evolucionando
- Expandiéndose desde la Web de documentos (1.0)...
- ...hasta la Web Única...
- para todo el mundo
- desde cualquier dispositivo
- de creadores y consumidores (2.0)
- de los datos y servicios (3.0)
- ...(X.0)
La Web de los Datos y Servicios
Proyecto Linked Open Data
- Objetivo:
- Exponer conjuntos de datos (RDF)
- Establecer enlaces entre distintos conjuntos de datos
- Posiblemente establecer puntos de consulta (SPARQL)
- Conjuntamente, miles de millones de tripletas, millones de enlaces...
- La base para una Web de Datos
Nube de Linked Open Data (marzo 2008)
Nube de Linked Open Data (septiembre 2008)
Nube de Linked Open Data (julio 2009)
Web Semántica: solución a la ambigüedad en las búsquedas
Bucadores semánticos
La Web sigue evolucionando
- Expandiéndose desde la Web de documentos (1.0)...
- ...hasta la Web Única...
- para todo el mundo
- desde cualquier dispositivo
- de creadores y consumidores (2.0)
- de los datos y servicios (3.0)
- ...(X.0)
Búsqueda inteligente para servicios online
Mejora de las búsquedas (BOPA)
Integración de conocimiento de Medicina China
- Sobre 80 bases de datos, con 200.000 registros en cada una
- Usa una capa semántica
Fiabilidad en las búsquedas
Resultados enriquecidos
Organización de recursos de distinta naturaleza
Mejora la búsqueda y navegación en portales
