Catálogo de servicios Olga Carreras 2009-2010. Versión accesible.

Usable y accesible
Olga Carreras Montoto

Consultoría de accesibilidad y usabilidad
Maquetación Web bajo estándares W3C y WAI

Catálogo de servicios en formato original Word (.DOC, 4.4 MB)

Accesibilidad Web. Retos

1. Sectores y obligaciones legales

Según la legislación vigente, desde el 31 de diciembre de 2008 las páginas Web de la Administración Pública y de otros sectores como el bancario tienen la obligación legal de cumplir con las prioridades 1 y 2 de la Norma UNE 139803:2004. Por otro lado, los usuarios sordos tienen derecho a acceder a la información de los portales de la Administración Pública en la Lengua de Signos.

La Ley 56/2007, de 28 de diciembre, de Medidas de Impulso de la Sociedad de la Información (LISI) establece que a partir del 31 de diciembre de 2008 deberán satisfacer las prioridades 1 y 2 de la Norma UNE 139803:2004 (basada en las WCAG 1.0) las páginas de Internet de: la Administración Pública, las entidades y empresas que se encarguen de gestionar servicios públicos, las empresas privadas que reciban financiación pública.

Pero además, y como novedad, las empresas que presten servicios públicos con más de 100 trabajadores o un volumen anual de operaciones que exceda los 6.010.121,04 euros, siempre que operen en los siguientes sectores económicos:

  • Servicios de comunicaciones electrónicas a consumidores.
  • Servicios financieros destinados a consumidores, incluyendo los servicios bancarios, de crédito o de pago, los servicios de inversión, las operaciones de seguros privados, los planes de pensiones y la actividad de mediación de seguros.
  • Servicios de suministro eléctrico, de agua o de gas.
  • Servicios de agencia de viajes y transporte de viajeros por carretera, ferrocarril, por vía marítima, o por vía aérea.
  • Actividades de comercio al por menor.

Establece además otras obligaciones como indicar en los portales el nivel de adecuación, la fecha de la revisión y una dirección específica de contacto.

Las infracciones serán multas entre los 301 euros y el millón de euros.

La Ley 27/2007 equipara la Lengua de Signos y la Lengua de Signos catalana a cualquier otra lengua del Estado, de tal manera que los usuarios sordos tienen derecho a acceder a la información de Internet proporcionada por las páginas y portales de titularidad pública o financiados con fondos públicos en la Lengua de Signos.

2. Ventajas competitivas de los desarrollos accesibles

  • AUDIENCIA
    • Incrementa el alcance de la audiencia y el número de visitas.
  • EFICIENCIA TÉCNICA
    • Más fácil de mantener y actualizar.
    • Menor coste de mantenimiento.
    • Cambios completos de imagen más rápidos y sencillos.
    • Mejora el proceso de búsqueda en el sitio.
    • Se reduce el tiempo de carga.
  • CALIDAD
    • Adecuación a los estándares.
    • Resultado independiente del dispositivo y el navegador.
    • Mejor adaptación a los requerimientos de los nuevos dispositivos de acceso, como PDA, teléfonos móviles o TV.
  • LEGAL
    • Se cumple con las obligaciones legales.
  • POSICIONAMIENTO
    • Patrón de búsqueda más rápido en los buscadores.
  • PRESTIGIO
    • Demuestra responsabilidad social.
    • Es un elemento diferenciador.
    • Refuerza positivamente la imagen institucional, especialmente entre los usuarios con discapacidad y personas mayores.
  • USABILIDAD
    • Mejora la navegación y la experiencia de usuario: el usuario hace más en menos tiempo.
    • Asegura una mayor claridad y eficacia del sitio.
    • Son más fáciles de utilizar por todos.

Accesibilidad Web. Solución integral de accesibilidad

9 años especializada en el sector de la Banca y la Administración Pública

1. Accesibilidad integrada en el proceso de desarrollo

La evaluación durante el proceso de desarrollo es esencial puesto que los problemas de accesibilidad detectados de forma temprana son más fáciles de corregir.

Asesoramiento, supervisión y aseguramiento de la calidad en desarrollos accesibles en curso.

Proceso
  1. Definición de requisitos de accesibilidad para el nivel de conformidad deseado (A, AA, AAA).
  2. Participación en las reuniones iniciales de planificación del sitio.
  3. Calendario de revisiones durante el proceso de desarrollo.
  4. Formación para desarrolladores Web sobre métodos de evaluación.

2. Consultoría personalizada de accesibilidad

  • ¿Cumplo con la legislación vigente en materia de accesibilidad?
  • ¿Mi portal es realmente accesible? ¿Qué nivel real de accesibilidad tiene y según qué normativa?
  • ¿Debo validar de acuerdo a las WCAG 1.0, la Norma UNE 139803 o las WCAG 2.0?
  • Mi portal utiliza AJAX, tiene abundante contenido multimedia o se genera dinámicamente, ¿es un impedimento para validar su accesibilidad y conseguir el nivel de adecuación requerido?
Soluciones
  • Asesoría sobre obligaciones legales y adaptación a la LISI.
  • Elaboración de informes preliminares de accesibilidad con recomendaciones para solucionar los problemas detectados en función del nivel de adecuación que se desee alcanzar (A, AA, AAA)
  • Consultoría de accesibilidad. Evaluación de la conformidad de accesibilidad de portales Web de acuerdo a:
    • las WCAG 1.0,
    • la Norma UNE 139803, o
    • las WCAG 2.0.

    La evaluación se realiza siguiendo la metodología oficial de la WAI ("Evaluating Web Sites for Accessibility") que incluye revisión automática, revisión manual, revisión en diferentes contextos y navegadores, etc.

    Entregables
    1. Resumen ejecutivo
    2. Informe técnico completo con información sobre los requisitos evaluados, los problemas detectados y justificación de los mismos, consejos y soluciones, etc.
    3. Diferentes anexos: checklist de la evaluación, visualización en diferentes contextos, etc.

3. Adecuación de portales al nivel de conformidad deseado

  • Implementación de las recomendaciones y soluciones propuestas en la consultoría de accesibilidad.
  • Adecuación de todo tipo de portales, estáticos o dinámicos, independientemente de su lenguaje de programación.
  • Adecuación de plantillas para CMS.
  • Evolución de las WCAG 1.0 a la Norma UNE 139803 y a las WCAG 2.0. Evolución del nivel de adecuación: de Simple-A a Doble-A; de Doble-A a Triple-A.
  • Amplia experiencia en Banca y Administración Pública.

4. Soluciones específicas de accesibilidad

JavaScript y AJAX

Las aplicaciones RIA (Rich Internet Applications) suponen a menudo un reto desde el punto de vista de la accesibilidad Web.

  • Consultoría sobre la accesibilidad de aplicaciones RIA.
  • Implementación de soluciones accesibles.
  • Consultoría sobre implementación de WAI-ARIA (Accessible Rich Internet Applications).
Documentos PDF o Word

Los documentos disponibles en un portal Web, como son los ficheros PDF o Word, deben cumplir también con la normativa de accesibilidad.

Creación, modificación y validación de documentos accesibles.

Contenido multimedia

Para proveer de accesibilidad a los contenidos multimedia audiovisuales hay distintos componentes de desarrollo Web e interacción que deben trabajar conjuntamente para conseguirlo, es lo que se denomina "cadena de accesibilidad de los contenidos audiovisuales en la Web".

Consultoría e implementación de soluciones accesibles para los contenidos multimedia.

Textos

No todos los usuarios pueden leer con fluidez. El modo en que se escribe o presenta la información puede excluir a muchas personas, especialmente a quienes tienen problemas para leer y escribir o para entender.

Revisión de textos y adecuación de los mismos a las “Directrices Europeas para Generar Información de Fácil Lectura”.

5. Plan de revisiones y seguimiento

¿Cómo puedo mantener el nivel de conformidad adquirido?
  • Definición de procesos de validación.
  • Auditoría de los procesos establecidos.
  • Supervisión y aseguramiento de la calidad en desarrollos accesibles.

6. Plan formativo personalizado

Dirigido a los administradores de contenido y/o a los desarrolladores Web para asegurar el nivel de conformidad durante el proceso de desarrollo o bien para mantener el nivel adquirido.

Elaboración de documentación y manuales sobre cómo mantener el nivel de adecuación deseado dirigido a los responsables del mantenimiento del portal.

Cursos personalizados:
  • "Introducción a la accesibilidad"
  • "Metodología de evaluación"
  • "WCAG 2.0"
  • "Elaboración de PDF accesibles"
  • "AJAX accesible"
  • "Banca electrónica y accesibilidad"
  • "Gestión de sitios Web accesibles",
  • etc.

7. Asesoría sobre certificaciones oficiales

Proceso
  1. Examen preliminar.
  2. Asesoría sobre los requerimientos y actuaciones necesarias.
  3. Apoyo durante el proceso de certificación.
  4. Implementación de los requisitos solicitados.

Usabilidad Web. Retos

1. Usabilidad como metodología en el desarrollo de proyectos

La usabilidad es un atributo de calidad que indica la capacidad de los usuarios que visitan un sitio de encontrar lo que necesitan, entender lo que encuentran y actuar apropiadamente dentro del tiempo y esfuerzo que ellos consideran adecuado para esa tarea. .

El Diseño Centrado en el Usuario (UCD) es una metodología estructurada de desarrollo de producto que implica a los usuarios a través de todas las etapas de desarrollo del mismo.

El objetivo es crear un producto que aúne los objetivos de negocio de una organización y resuelva las necesidades de los usuarios.

Para evaluar la usabilidad de su portal debemos dar respuesta a tres preguntas:

  • ¿cumple con los objetivos de la organización?
  • ¿satisface las necesidades de los usuarios?
  • ¿sigue las pautas de usabilidad?

2. Evaluación heurística

La evaluación heurística es una herramienta de diagnóstico que permite detectar y analizar los problemas de usabilidad de un sitio Web teniendo como parámetro una serie de principios heurísticos estandarizados.

Es uno de los métodos más utilizados para analizar la usabilidad Web, pues se considera excelente su relación calidad/coste. Una evaluación heurística es capaz de detectar los problemas más importantes de usabilidad de un portal Web.

La evaluación heurística o por criterios la llevan a cabo evaluadores especializados a partir de principios establecidos por la disciplina IPO/HCI (Interacción Persona-Ordenador), principios denominados heurísticos.

Como los principios son muy generales, se elabora una checklist (lista de verificación) con los puntos concretos de verificación, en la cual se van anotando los principales problemas que presenta la interfaz. A cada punto de verificación se le otorga una puntuación en función de su gravedad, persistencia, recurrencia e impacto en la usabilidad del sitio.

Comparando la nota deseable para cada heurístico y la nota obtenida se puede calcular el porcentaje de mejora del sitio en cada aspecto evaluado.

Como resultado de la evaluación se elabora un informe en el que se describen los principales problemas detectados.

Usabilidad Web. Soluciones

Estrategias para mejorar la usabilidad de su portal

1. Consultoría personalizada de usabilidad Web

¿Su portal es fácil de usar? ¿satisface las necesidades de sus usuarios y los objetivos de su empresa?

Proceso
  1. Análisis de la situación inicial.
  2. Definición de objetivos.
  3. Análisis heurístico.
  4. Informe de mejoras.
  5. Implementación de soluciones
Entregables
  • Resumen ejecutivo
  • Informe técnico completo con información sobre los heurísticos evaluados, los problemas detectados y justificación de los mismos, consejos y soluciones, etc.
  • Diferentes anexos: checklist de la evaluación, ejemplos de los problemas detectados, ejemplos de los personajes y escenarios evaluados, etc.

Complementariamente se realizan Análisis competitivos, evaluando la experiencia de usuario en su portal en comparación con el de sus principales competidores.

2. Maquetación Web bajo estándares W3C y WAI

  • Maquetación de portales y maquetación de plantillas para gestores de contenido bajo estándares W3C.
  • Remaquetación bajo estándares W3C. (X)HTML, separación del contenido y la presentación mediante CSS, maquetación sin tablas, metadatos, navegación semántica, etc.
  • Adecuación de portales a nuevas guías de estilo.
  • Implementación de las soluciones a los problemas detectados en las consultorías de usabilidad y accesibilidad.
  • Auditoría sobre optimización del código (X)HTML, CSS y JavaScript.
  • Elaboración de guías de estilo.
  • Cursos a medida sobre maquetación, usabilidad y estándares.

3. Diseño de interacción

Arquitectura de información

El sistema de navegación de un portal es una pieza clave para crear una interfaz intuitiva. El objetivo es ayudar a los usuarios a encontrar y gestionar la información del portal de manera rápida y efectiva.

Proceso

  1. Organización del contenido.
  2. Etiquetado.
  3. Elaboración del sistema de navegación.
  4. Definición del sistema de búsqueda.
Prototipado

Elaboración de wireframes (1) y maquetas que permitan definir la organización y estructura del portal en etapas previas al diseño y la programación. Se evitan cambios posteriores más costosos, reduciendo así costes y tiempos.

4. Revisión y redacción de textos para la Web

La esencia de nuestro portal suele ser su contenido textual, por ello es importante tener en cuenta que los usuarios no leen igual una publicación impresa que una publicación digital. Jakob Nielsen demostró que la experiencia del usuario en un sitio Web se ve afectada por la forma en que están presentados los textos.

Los textos en Internet deben estar redactados y presentados específicamente para este medio: deben ser fácilmente escaneables, redactarse según el modelo de pirámide invertida, etc.

Curriculum vitae Olga Carreras Montoto

Ver curriculum completo

1. Experiencia profesional

2009-hoy. Usable y accesible (Zaragoza)
Consultora freelance.

2003-2009. TB·Solutions (Zaragoza)
Responsable del Departamento de Diseño, Usabilidad y Accesibilidad.

2000-2002. PSINet/TB·Solutions (Zaragoza)
Diseñador gráfico - Maquetador Web

1999-2000. IMEDIA Comunicación Visual S.C. (Zaragoza).
Maquetador Web - Programador multimedia

2. Formación académica

1997-1998. Master en Dirección Técnica en Sistemas Multimedia y Diseño Asistido por Ordenador (441 horas) de la empresa Autodesk, bajo la dirección del Centro de Cálculo Bosco (Salesianos-Zaragoza)

1997-1998. C.A.P (Certificado de Aptitud Pedagógica). Universidad de Zaragoza.

1992-1997. Licenciada en Filología Hispánica (Especialidad Lingüística). Universidad de Zaragoza.

3. Trabajos representativos

Ver curriculum completo

4. Cursos, seminarios, ponencias impartidas

2010. Ponencia: "Usabilidad y Accesibilidad Web. Claves para mejorar la Experiencia de Usuario". Workshop "Comunicar en la Red" organizado por la Universidad de Navarra.

2008. Curso: "Javascript, AJAX y Prototype“. Formación interna a TB•Solutions (Zaragoza)

2008. Curso: "eAccesibilidad“. Formación interna de TB•Solutions (Zaragoza)

2008. Seminario "Introducción a la eAccesibilidad" Impartido a Gerentes y Jefes de Proyecto de TB•Solutions (Zaragoza)

2004. Servicio Aragonés de Salud (Gobierno de Aragón). 25 horas. Mantenimiento de su portal mediante Oracle Portal Server.

2003. Instituto Aragonés del Agua (Gobierno de Aragón). 25 horas. Mantenimiento de su portal mediante Oracle Portal Server.

5. Cursos recibidos

2007. Curso: "Accesibilidad Web". Fundación Instituto Ciencias del Hombre.

2007. Curso: "AJAX, la nueva técnica de desarrollo". Formación Digital.

2004. Curso: "Dirección de proyectos" . Teot Servicios Empresariales.

2002. Seminario de Usabilidad. Walqa.

2002. Curso: "Implementación de Microsoft Sharepoint Portal Server 2001". Professional Training (Zaragoza).

2002. Curso de programación en Visual Basic 6. Professional Training (Zaragoza).

1999. Curso de maquetación “Programas de Maquetación Aplicados al Diseño Gráfico" (225 horas). Academia Cro 2020 (Zaragoza).

1998. Curso de programación en Visual Basic 5. Centro de Cálculo Bosco (Zaragoza).

6. Clientes

He participado en proyectos de muy diversa índole para los más importantes bancos y Administraciones Públicas españolas: Gobierno de Aragón, Junta de Castilla y León, Junta de Andalucía, Diputación de Málaga, Diputación de Teruel, Ayuntamiento de Zaragoza, Ayuntamiento de Burgos, etc. Caja Madrid, Banco Santander, la “Caixa", Caixa Penedès, Caixa Catalunya, Ibercaja, Caixa Terrassa, RSI, BPA, BIBM, etc. También he realizado proyectos para empresas de importante proyección nacional como Imaginarium y el Grupo condeNast (Vogue, GQ, etc.)

Tarifas y presupuestos. Contacto

Cada proyecto es diferente, cada cliente es único

Solicitar presupuesto personalizado: carreras.olga@gmail.com


Notas:

(1) Wireframe: es una representación esquemática de una página Web sin elementos gráficos que muestra el contenido y el comportamiento de las páginas. Sirve como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes.
El presente documento está bajo licencia ColorIURIS