Estandares Web, Accesibilidad y Usabilidad

Consultor en Accesibilidad y Usabilidad Analista Programador Maquetador XHTML + CSS Arquitecto de la información Posicionamiento en buscadores Redactor de contenidos Control de bases de datos Etc…

Consultor en Accesibilidad y Usabilidad Analista Programador Maquetador XHTML + CSS Arquitecto de la información Posicionamiento en buscadores Redactor de contenidos Control de bases de datos Etc… WebMaster ¿Cómo terminaré? Meet the

No cuesta más

Se puede hacer lo mismo

La accesibilidad es un derecho

¿accesibilidad? Eso es una mierda, no deja poner Flash

de la Guerra de los Navegadores a las redes sociales

nació en 1989 de la mano de Tim Berners-Lee (W3C) sufrió “La Guerra de los navegadores” (dicen que terminó en 2001) ¿qué ha pasado desde 2001?

aumento del uso de los estándares y del soporte de los navegadores “ obligación” de sitios web accesibles el boom de las redes sociales ¿web semántica? la 2ª Guerra de Navegadores

Bienvenidos al caos

¿Cómo sería un mundo sin estándares?

Un destornillador para cada marca de tornillos

Un enchufe para cada aparato, marca o país

Una talla de pantalón para cada marca ¡ups!

Estándar  Normalización  ISO, UNE es una especificación que regula la realización de ciertos procesos

XHTML/HTML

CSS

XML

DOM

XFORMS

¿Qué estándares web me pueden interesar?

Ventajas de usar estándares web: - Todos hablamos el mismo idioma - Será interpretado en el futuro - Ahorro de tiempo y dinero - Accesibilidad web - Menos tiempo de descarga - Hace el código más limpio - Es la forma correcta de hacer las cosas Maquetar webs separando estructura y presentación ¡¡Valida tu código!!

¿Quién dijo que eran feos? DEMO

desarrolla para el 100% de tu audiencia

Una Web para todos los usuarios independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información.

WCAG 1.0: Niveles de prioridad - Nivel A [Prioridad 1]: Lo obligatario - Nivel AA [Prioridad 2]: Lo recomendable - Nivel AAA [Prioridad 3]: Lo deseable

Imágenes y animaciones. Use el atributo alt para describir la función de cada elemento visual.

Mapas de imagen. Use MAP de tipo cliente y texto para las zonas activas.

Multimedia. Proporcione transcripción del sonido, subtítulos y descripción de los videos.

Enlaces hipertextuales. Use texto que tenga sentido leído fuera de contexto. Por ejemplo, evite "pincha aquí".

Organización de las páginas. Use encabezados, listas y estructura consistente. Use CSS para la maquetación si es posible.

Gráficas y esquemas. Resuma o use el atributo longdesc.

Scripts, applets y plug-ins. Ofrezca contenido alternativo si las funciones nuevas no son accesibles.

Marcos (Frames). Use NOFRAMES y títulos con sentido.

Tablas. Asegúrese que se puedan leer línea a línea. Resuma.

Revise su trabajo. Verifique el código html. Use las herramientas, lista de comprobación y pautas del W3C

Ventajas de tener una web accesible: - Abarcamos el 100% de nuestras visitas - Visualización en dispositivos móviles - Estaremos mejor posicionados en Google - Maquetamos para “todos” los navegadores - Cumplimos con un derecho ciudadano - Favorecemos una mayor usabilidad

DEMO

desde la usabilidad y algo más Una buena

"lo que se persigue es generar sensaciones y valoraciones de los usuarios hacia nuestro sitio web lo más agradables, positivas y satisfactorias posibles" Fuentes: DNX (2005)