Presentacion Accesibilidad y Posicionamiento 25 08 08

ACCESIBILIDAD WEB Agosto 2008 Nervo Verdezoto D.

ACCESIBILIDAD WEB ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

INTRODUCCIÓN ,[object Object]

DEFINICIÓN DE ACCESIBILIDAD WEB •“ El poderde la Web reside en su universalidad . El acceso por cualquiera independientemente de sus discapacidades es un aspecto esencial” (TimBerners-Lee, uno de los padres de la Web) •“ Hablar de Accesibilidad Web es hablar del acceso de todos a la Web , independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.” (W3C, oficina española) • Que el mayor número de usuarios puedan acceder a la Web • NO existe la “accesibilidad absoluta”

MITO: la accesibilidad web es sólo “para ciegos” ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

¿ POR QUÉ NECESITAMOS ACCESIBILIDAD? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

¿ QUÉ USUARIOS PUEDEN TERNER PROBLEMAS DE ACCESIBILIDAD? ,[object Object]

PROBLEMAS DE ACCESIBILIDAD EN LA WEB (1) ,[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]

EJEMPLO ,[object Object],[object Object]

PROBLEMAS DE ACCESIBILIDAD EN LA WEB (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

PROBLEMAS DE ACCESIBILIDAD EN LA WEB (3) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

PROBLEMAS DE ACCESIBILIDAD EN LA WEB (4) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

PROBLEMAS DE ACCESIBILIDAD EN LA WEB (5) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Cómo se consigue una WEB accesible? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

MITO: para ser accesible basta con tener una versión “sólo texto” ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

¿Qué ESTÁNDARES? (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

¿Qué ESTÁNDARES? (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

WAI (Web Accessibility Initiative) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

WCAG (Web Content Accessibility Guidelines) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

WCAG guidelines (1) ,[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]

WCAG: ejemplo guideline ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

WCAG: ejemplo técnicas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

No confiar únicamente en el color

WCAG: niveles de cumplimiento A, AA y AAA ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Cuadro de Comparaciones –Prioridad 1

¿ CÓMO SE SABE SI UNA PÁGINA WEB ES ACCESIBLE? ,[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]

HERRAMIENTAS AUTOMÁTICAS DE VALIDACIÓN ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

MITO: los validadores automáticos indican si una página es accesible o no ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

EJEMPLOS DE HERRAMIENTAS AUTOMATICAS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

HERRAMIENTAS MANUALES ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Extensiones de Firefox ,[object Object],[object Object]

Extensiones de Firefox ,[object Object],[object Object],[object Object],[object Object],[object Object]

Extensiones de Firefox ,[object Object],[object Object],[object Object]

EXTENSIONES FIREFOX ,[object Object],[object Object],[object Object]

EXTENSIONES FIREFOX ,[object Object],[object Object]

Herramientas de evaluación de color y contraste ,[object Object],[object Object],[object Object],[object Object],[object Object]

Herramientas de evaluación de color y contraste ,[object Object],[object Object],[object Object]

Simuladores de discapacidades ,[object Object],[object Object],[object Object]

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

HERRAMIENTAS DE APOYO ,[object Object],[object Object],[object Object]

HERRAMIENTAS DE APOYO ,[object Object],[object Object],[object Object],[object Object]

HERRAMIENTAS DE APOYO ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Comprobar que es accesible… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Pruebas con usuarios ,[object Object],[object Object],[object Object],[object Object],[object Object]

TAW - TEST DE ACCESIBILIDAD WEB ,[object Object],[object Object]

TAW - TEST DE ACCESIBILIDAD WEB En el resumen el TAW muestra: -Un listado con los problemas de accesibilidad encontrados (ordenados por prioridad) y su descripción. -El número de línea de la página en la que se produce el error. -La etiqueta HTML que genera problemas de accesibilidad.

EJERCICIO VALIDANDO LA PAGINA DE LA FIEC CON TAW

EJERCICIO VALIDANDO LA PAGINA DE LA FIEC CON HERA

EJERCICIO VALIDANDO LA PAGINA DE LA FIEC CON Cynthia Says

EJERCICIO W eb Page Speed Report

WCAG 2.0 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

RIAs ( Rich Internet Applications ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

¿“Demasiada accesibilidad”? (1) ,[object Object],[object Object],[object Object]

¿“Demasiada accesibilidad”? (2) ,[object Object],[object Object],[object Object],[object Object]

¿“Demasiada accesibilidad”? (3)

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

MITO: las páginas accesibles son feas ,[object Object],[object Object],[object Object]

http://www.inretirementservices.co.uk/

http://geekministry.com/old_geek/

http://www.3point7designs.com/

POSICIONAMIENTO WEB ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

INTRODUCCIÓN ,[object Object],[object Object]

El contenido es la clave ,[object Object],[object Object],[object Object],[object Object]

Palabras Claves ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

TECNOLOGÍA WEB ,[object Object]

https://www.google.com/webmasters/tools/ ,[object Object]

ENLACES Y PAGERANK ,[object Object]

PENALIZACIÓN ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

RECOMENDACIONES ,[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]

REFERENCIAS GENERALES ,[object Object],[object Object],[object Object],[object Object]

REFERENCIAS TECNICAS ,[object Object],[object Object],[object Object]

REFERENCIAS TECNICAS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

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

Presentacion Accesibilidad y Posicionamiento 25 08 08

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Destacado

Destacado (6)

Similar a Presentacion Accesibilidad y Posicionamiento 25 08 08

Similar a Presentacion Accesibilidad y Posicionamiento 25 08 08 (20)

Más de Nervo Verdezoto

Más de Nervo Verdezoto (6)

Último

Último (20)

Presentacion Accesibilidad y Posicionamiento 25 08 08

Notas del editor