SlideShare une entreprise Scribd logo
1  sur  36
Panel Acessibilidade
            Case COC/FIOCRUZ
               Carolina Sacramento
Presentación


• Fiocruz

La Fundación Oswaldo Cruz es una institución
vinculada al Ministerio de la Salud de Brasil y
referencia en pesquisa en las areas de la
ciencia y de la tecnología en salud en América
Latina
Presentación

• Casa de Oswaldo Cruz (COC)


Unidad que pertenece a la Fiocruz que es
dedicada a la preservación de la memoria de
esta institución y a las actividades de pesquisa
en historia de las ciencias y de la salud,
enseñanza, documentación y divulgación de la
historia de la salud publica y de las ciencias
biomedicas en Brasil.
COC en la red BVS



Historia y               Historia de la
Patrimonio Cultural      Poliomielitis
de la Salud




    Adolpho Lutz       Carlos Chagas
Presentación


• Carolina Sacramento


Funcionaria de la Fundación Fiocruz desde
2006, es graduada en Informatica y
Tecnología de la Información UERJ. Actúa en
el desarrollo y soporte de los sitios y sistemas
para la web y fue responsable por el desarrollo
de la accesibilidad del Portal COC.
Temas: Case COC/Fiocruz

• ¿Qué se llevó a cabo?

• ¿Cómo tratar la accesibilidad en un
mundo sin control?

• ¿Cuáles son los criterios para evaluar la
accesibilidad de buena calidad?

• Lo que significa mantener el sitio
accesible?

• Desafíos
Portal de la Casa de Oswaldo Cruz
    http://www.coc.fiocruz.br
¿Qué se llevó a cabo?

    • Motivaciones




                       Pautas de       Concienciación acerca
Ley 5.296/2004       accesibilidad:    de la universalidad del
                     internacional y             web
                        nacional
¿Qué se llevó a cabo?
¿Qué se llevó a cabo?

        • El Grupo de Trabajo (GT Portal)

Arquitectura de la Información (3);

Interfaz de diseño (1);

Tecnología de la Información (5);

Gestión de Contenidos (5)
¿Qué se llevó a cabo? Ejemplos


Arquitectura de la información:

• Secuencia lógica de la navegación;

• Recursos de ubicación (Breadcrumb);

• Navegación más fácil con la presencia
de teclas de acceso directo y anclas.
¿Qué se llevó a cabo? Ejemplos
         Alt+2   Alt+0




Alt+1
¿Qué se llevó a cabo? Ejemplos
¿Qué se llevó a cabo? Ejemplos


Diseño de interfaz:

• Ampliación y reducción del tamaño de
las letras;

• Auto-contraste;

• Diseño elástico (800x600 | 1024x768).
¿Qué se llevó a cabo? Ejemplos
¿Qué se llevó a cabo? Ejemplos
¿Qué se llevó a cabo? Ejemplos

Tecnología de la Información

• Herramienta de personalización para
garantizar los atributos necesarios;

• El uso correcto de xHTML;

• Recursos alternativos para el uso de
JavaScript y cuando inviable, la aplicación
de las opciones de acceso con
independencia del dispositivo.
¿Qué se llevó a cabo? Ejemplos
¿Qué se llevó a cabo? Ejemplos
¿Qué se llevó a cabo? Ejemplos

Gestión de Contenidos

• Ofrecer alternativas a los contenidos
visuales;

• Especificar la expansión de cada
abreviatura o sigla cuando aparezcan por
primera vez en un documento;

• Estar atento al tamaño de los archivos e
imágenes publicados.
¿Qué se llevó a cabo? Ejemplos




Texto alternativo:
Montagem sobre arquivos. Texto: curso de atualização em gestão de
documentos em instituições de saúde
¿Cómo tratar la accesibilidad en
              un mundo sin control?
1. Capacitación del equipo en estándares web y
   accesibilidad

•    Curso de Normas web (Webstandards) para los
    profesionales de TI;

•    Taller sobre Accesibilidad para el equipo de la
    web

•    Curso sobre los lectores de pantalla para el
    equipo de la web
¿Cómo tratar la accesibilidad en
        un mundo sin control?
¿Cómo tratar la accesibilidad en
             un mundo sin control?
2. Estudio y separación de las recomendaciones de
    accesibilidad WCAG para las áreas de
    especialización en el desarrollo del Portal:

•     Recomendaciones acerca de la navegación para
    arquitectos de la información;

•    Recomendaciones acerca del interfaz para designers

•     Recomendaciones       acerca    del      contenido     para
    periodistas

•     Recomendaciones acerca de la              tecnología    de
    aplicación para los profesionales de TI.
¿Cómo tratar la accesibilidad en
              un mundo sin control?

3. Evaluación de la CMS (Content Management
   System - Sistema de gestión de contenidos)
   Joomla!

Esta revisión dio lugar a los requisitos de
   accesibilidad que el contratista tendría que ajustar
   en la herramienta.
¿Cómo tratar la accesibilidad en
             un mundo sin control?

4. Montaje de un template ejemplo para apoyar el
   desarrollo del Portal, por el contratista.

http://www.coc.fiocruz.br/teste/portal1/principal.html
¿Cómo tratar la accesibilidad en
        un mundo sin control?
¿Cómo tratar la accesibilidad en
                  un mundo sin control?
5. Concientización de los editores del Portal acerca del
   acessibilidad
¿Cómo tratar la accesibilidad en
                   un mundo sin control?
         6. Evaluación con herramientas automatizadas:


      Lanzamiento del Portal                Actualmente
           (abril/2010)                     (julio/2012)




Esta página passa a bateria de      Esta página passa a bateria de
testes do eXaminator para a         testes do eXaminator para a
prioridade 3 (conformidade "aaa")   prioridade 1 (conformidade "a")
Índice web@X (0-10): 10             Índice web@X (0-10): 9.1
¿Cómo tratar la accesibilidad en
             un mundo sin control?
7. Compromiso de los editores con la
   accesibilidad;

8.      Acompañamiento   después     del
     lanzamiento


9. Introducción     de    acciones    de
   accesibilidad en el mapeo de procesos
   para garantizar competencia instalada
   en la Unidad
¿Cuáles son los criterios para
         evaluar la accesibilidad de
                     buena calidad?

• La construcción basada en estándares web y
las recomendaciones WCAG

• Evaluación con herramientas automatizadas

• Evaluación Humana (para desarrolladores y
expertos en accesibilidad, preferentemente
discapacitados)
Lo que significa mantener el
                            sitio accesible?
• Estar atento a las actualizaciones en las recomendaciones
formuladas por el W3C: WCAG;

• Garantizar actualizaciones de contenido en el sitio con la
accesibilidad;

• Garantizar la accesibilidad en las actualizaciones o
inserciones nuevas estructuras en el sitio;

• Mantener la dirección comprometida y consciente de los
beneficios de la accesibilidad;
Lo que significa mantener el
                           sitio accesible?
• Mantener siempre la equipo web calificado y motivado en la
acessibilidad;

• Tener una periodicidade en evaluación del sitio: testes
automatizados y humanos.

• El profesional debe ser capaz de evaluar, a partir de listas
de verificación, la recomendación del WCAG.
Desafíos


• Evaluaciones hechas por las personas con
discapacidad;

• Evaluaciones en WCAG 2.0;

• Versión para dispositivos móviles

• Versión en otros idiomas;
Desafíos


• Accesibilidad a los contenidos audiovisuales;

• Implementación de accesibilidad en otros
productos de la Unidad (total: 80);

• La presencia de un profesional dedicado (600
páginas solamente en el Portal COC).
¡Gracias!
Carolina Sacramento (Carol)
           carol@coc.fiocruz.br

Contenu connexe

Similaire à acessibilidad en el Portal COC

Estándares de accesibilidad web
Estándares de accesibilidad webEstándares de accesibilidad web
Estándares de accesibilidad web
Jose R. Hilera
 
Presentación finalclaudiavargas
Presentación finalclaudiavargasPresentación finalclaudiavargas
Presentación finalclaudiavargas
eiciUV
 
Adaptación de accesibilidad al t learning (j auti 2013)
Adaptación de accesibilidad al t learning (j auti 2013)Adaptación de accesibilidad al t learning (j auti 2013)
Adaptación de accesibilidad al t learning (j auti 2013)
Miguel Morales
 

Similaire à acessibilidad en el Portal COC (20)

Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad web
 
Accesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoAccesibilidad web para el sector turístico
Accesibilidad web para el sector turístico
 
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidadLiferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidad
 
Cómo hacer portales accesibles sobre Liferay 6.1
Cómo hacer portales accesibles sobre Liferay 6.1Cómo hacer portales accesibles sobre Liferay 6.1
Cómo hacer portales accesibles sobre Liferay 6.1
 
interfaz
interfazinterfaz
interfaz
 
Intro a la accesibilidad digital
Intro a la accesibilidad digitalIntro a la accesibilidad digital
Intro a la accesibilidad digital
 
Estándares de accesibilidad web
Estándares de accesibilidad webEstándares de accesibilidad web
Estándares de accesibilidad web
 
Presentación finalclaudiavargas
Presentación finalclaudiavargasPresentación finalclaudiavargas
Presentación finalclaudiavargas
 
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebAccesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
 
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
 
UWE
UWEUWE
UWE
 
01 Accesibilidad.pptx
01 Accesibilidad.pptx01 Accesibilidad.pptx
01 Accesibilidad.pptx
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
15-TEMA: 4. INTRODUCCION A LAS ARQUITECTURASWEB Contenidos: 4.1 Dao 4.2 Mv...
15-TEMA: 4. INTRODUCCION A LAS ARQUITECTURASWEB  Contenidos:  4.1 Dao  4.2 Mv...15-TEMA: 4. INTRODUCCION A LAS ARQUITECTURASWEB  Contenidos:  4.1 Dao  4.2 Mv...
15-TEMA: 4. INTRODUCCION A LAS ARQUITECTURASWEB Contenidos: 4.1 Dao 4.2 Mv...
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
La certificación como garante de la calidad en accesibilidad web
La certificación como garante de la calidad en accesibilidad webLa certificación como garante de la calidad en accesibilidad web
La certificación como garante de la calidad en accesibilidad web
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
 
Adaptación de accesibilidad al t learning (j auti 2013)
Adaptación de accesibilidad al t learning (j auti 2013)Adaptación de accesibilidad al t learning (j auti 2013)
Adaptación de accesibilidad al t learning (j auti 2013)
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 

Dernier

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Dernier (11)

EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 

acessibilidad en el Portal COC

  • 1. Panel Acessibilidade Case COC/FIOCRUZ Carolina Sacramento
  • 2. Presentación • Fiocruz La Fundación Oswaldo Cruz es una institución vinculada al Ministerio de la Salud de Brasil y referencia en pesquisa en las areas de la ciencia y de la tecnología en salud en América Latina
  • 3. Presentación • Casa de Oswaldo Cruz (COC) Unidad que pertenece a la Fiocruz que es dedicada a la preservación de la memoria de esta institución y a las actividades de pesquisa en historia de las ciencias y de la salud, enseñanza, documentación y divulgación de la historia de la salud publica y de las ciencias biomedicas en Brasil.
  • 4. COC en la red BVS Historia y Historia de la Patrimonio Cultural Poliomielitis de la Salud Adolpho Lutz Carlos Chagas
  • 5. Presentación • Carolina Sacramento Funcionaria de la Fundación Fiocruz desde 2006, es graduada en Informatica y Tecnología de la Información UERJ. Actúa en el desarrollo y soporte de los sitios y sistemas para la web y fue responsable por el desarrollo de la accesibilidad del Portal COC.
  • 6. Temas: Case COC/Fiocruz • ¿Qué se llevó a cabo? • ¿Cómo tratar la accesibilidad en un mundo sin control? • ¿Cuáles son los criterios para evaluar la accesibilidad de buena calidad? • Lo que significa mantener el sitio accesible? • Desafíos
  • 7. Portal de la Casa de Oswaldo Cruz http://www.coc.fiocruz.br
  • 8. ¿Qué se llevó a cabo? • Motivaciones Pautas de Concienciación acerca Ley 5.296/2004 accesibilidad: de la universalidad del internacional y web nacional
  • 10. ¿Qué se llevó a cabo? • El Grupo de Trabajo (GT Portal) Arquitectura de la Información (3); Interfaz de diseño (1); Tecnología de la Información (5); Gestión de Contenidos (5)
  • 11. ¿Qué se llevó a cabo? Ejemplos Arquitectura de la información: • Secuencia lógica de la navegación; • Recursos de ubicación (Breadcrumb); • Navegación más fácil con la presencia de teclas de acceso directo y anclas.
  • 12. ¿Qué se llevó a cabo? Ejemplos Alt+2 Alt+0 Alt+1
  • 13. ¿Qué se llevó a cabo? Ejemplos
  • 14. ¿Qué se llevó a cabo? Ejemplos Diseño de interfaz: • Ampliación y reducción del tamaño de las letras; • Auto-contraste; • Diseño elástico (800x600 | 1024x768).
  • 15. ¿Qué se llevó a cabo? Ejemplos
  • 16. ¿Qué se llevó a cabo? Ejemplos
  • 17. ¿Qué se llevó a cabo? Ejemplos Tecnología de la Información • Herramienta de personalización para garantizar los atributos necesarios; • El uso correcto de xHTML; • Recursos alternativos para el uso de JavaScript y cuando inviable, la aplicación de las opciones de acceso con independencia del dispositivo.
  • 18. ¿Qué se llevó a cabo? Ejemplos
  • 19. ¿Qué se llevó a cabo? Ejemplos
  • 20. ¿Qué se llevó a cabo? Ejemplos Gestión de Contenidos • Ofrecer alternativas a los contenidos visuales; • Especificar la expansión de cada abreviatura o sigla cuando aparezcan por primera vez en un documento; • Estar atento al tamaño de los archivos e imágenes publicados.
  • 21. ¿Qué se llevó a cabo? Ejemplos Texto alternativo: Montagem sobre arquivos. Texto: curso de atualização em gestão de documentos em instituições de saúde
  • 22. ¿Cómo tratar la accesibilidad en un mundo sin control? 1. Capacitación del equipo en estándares web y accesibilidad • Curso de Normas web (Webstandards) para los profesionales de TI; • Taller sobre Accesibilidad para el equipo de la web • Curso sobre los lectores de pantalla para el equipo de la web
  • 23. ¿Cómo tratar la accesibilidad en un mundo sin control?
  • 24. ¿Cómo tratar la accesibilidad en un mundo sin control? 2. Estudio y separación de las recomendaciones de accesibilidad WCAG para las áreas de especialización en el desarrollo del Portal: • Recomendaciones acerca de la navegación para arquitectos de la información; • Recomendaciones acerca del interfaz para designers • Recomendaciones acerca del contenido para periodistas • Recomendaciones acerca de la tecnología de aplicación para los profesionales de TI.
  • 25. ¿Cómo tratar la accesibilidad en un mundo sin control? 3. Evaluación de la CMS (Content Management System - Sistema de gestión de contenidos) Joomla! Esta revisión dio lugar a los requisitos de accesibilidad que el contratista tendría que ajustar en la herramienta.
  • 26. ¿Cómo tratar la accesibilidad en un mundo sin control? 4. Montaje de un template ejemplo para apoyar el desarrollo del Portal, por el contratista. http://www.coc.fiocruz.br/teste/portal1/principal.html
  • 27. ¿Cómo tratar la accesibilidad en un mundo sin control?
  • 28. ¿Cómo tratar la accesibilidad en un mundo sin control? 5. Concientización de los editores del Portal acerca del acessibilidad
  • 29. ¿Cómo tratar la accesibilidad en un mundo sin control? 6. Evaluación con herramientas automatizadas: Lanzamiento del Portal Actualmente (abril/2010) (julio/2012) Esta página passa a bateria de Esta página passa a bateria de testes do eXaminator para a testes do eXaminator para a prioridade 3 (conformidade "aaa") prioridade 1 (conformidade "a") Índice web@X (0-10): 10 Índice web@X (0-10): 9.1
  • 30. ¿Cómo tratar la accesibilidad en un mundo sin control? 7. Compromiso de los editores con la accesibilidad; 8. Acompañamiento después del lanzamiento 9. Introducción de acciones de accesibilidad en el mapeo de procesos para garantizar competencia instalada en la Unidad
  • 31. ¿Cuáles son los criterios para evaluar la accesibilidad de buena calidad? • La construcción basada en estándares web y las recomendaciones WCAG • Evaluación con herramientas automatizadas • Evaluación Humana (para desarrolladores y expertos en accesibilidad, preferentemente discapacitados)
  • 32. Lo que significa mantener el sitio accesible? • Estar atento a las actualizaciones en las recomendaciones formuladas por el W3C: WCAG; • Garantizar actualizaciones de contenido en el sitio con la accesibilidad; • Garantizar la accesibilidad en las actualizaciones o inserciones nuevas estructuras en el sitio; • Mantener la dirección comprometida y consciente de los beneficios de la accesibilidad;
  • 33. Lo que significa mantener el sitio accesible? • Mantener siempre la equipo web calificado y motivado en la acessibilidad; • Tener una periodicidade en evaluación del sitio: testes automatizados y humanos. • El profesional debe ser capaz de evaluar, a partir de listas de verificación, la recomendación del WCAG.
  • 34. Desafíos • Evaluaciones hechas por las personas con discapacidad; • Evaluaciones en WCAG 2.0; • Versión para dispositivos móviles • Versión en otros idiomas;
  • 35. Desafíos • Accesibilidad a los contenidos audiovisuales; • Implementación de accesibilidad en otros productos de la Unidad (total: 80); • La presencia de un profesional dedicado (600 páginas solamente en el Portal COC).