acessibilidad en el portal coc
DESCRIPTION
Apresentación acerca de acessibilidad para la tercera reunión de la Red de Desarrolladores de la BVS. Tema: Caso COC/FiocruzTRANSCRIPT
![Page 1: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/1.jpg)
Panel Acessibilidade
Case COC/FIOCRUZ
Carolina Sacramento
![Page 2: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/2.jpg)
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
![Page 3: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/3.jpg)
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.
![Page 4: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/4.jpg)
COC en la red BVS
Historia de la Poliomielitis
Historia y Patrimonio Cultural de la Salud
Carlos ChagasAdolpho Lutz
![Page 5: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/5.jpg)
Presentación
• Carolina Sacramento
Funcionaria de la Fundación Fiocruz desde 2006, es graduada en Informatica yTecnologí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.
![Page 6: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/6.jpg)
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
![Page 7: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/7.jpg)
Portal de la Casa de Oswaldo Cruzhttp://www.coc.fiocruz.br
![Page 8: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/8.jpg)
¿Qué se llevó a cabo?
• Motivaciones
Ley 5.296/2004Pautas de
accesibilidad: internacional y
nacional
Concienciación acerca de la universalidad del
web
![Page 9: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/9.jpg)
¿Qué se llevó a cabo?
![Page 10: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/10.jpg)
¿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)
![Page 11: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/11.jpg)
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
![Page 12: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/12.jpg)
¿Qué se llevó a cabo? Ejemplos
Alt+0
Alt+1
Alt+2
![Page 13: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/13.jpg)
¿Qué se llevó a cabo? Ejemplos
![Page 14: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/14.jpg)
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
![Page 15: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/15.jpg)
¿Qué se llevó a cabo? Ejemplos
![Page 16: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/16.jpg)
¿Qué se llevó a cabo? Ejemplos
![Page 17: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/17.jpg)
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
![Page 18: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/18.jpg)
¿Qué se llevó a cabo? Ejemplos
![Page 19: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/19.jpg)
¿Qué se llevó a cabo? Ejemplos
![Page 20: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/20.jpg)
¿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.
![Page 21: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/21.jpg)
¿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
![Page 22: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/22.jpg)
¿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
![Page 23: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/23.jpg)
¿Cómo tratar la accesibilidad en un mundo sin control?
![Page 24: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/24.jpg)
¿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.
![Page 25: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/25.jpg)
¿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.
![Page 26: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/26.jpg)
¿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
![Page 27: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/27.jpg)
¿Cómo tratar la accesibilidad en un mundo sin control?
![Page 28: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/28.jpg)
¿Cómo tratar la accesibilidad en un mundo sin control?
5. Concientización de los editores del Portal acerca del acessibilidad
![Page 29: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/29.jpg)
¿Cómo tratar la accesibilidad en un mundo sin control?
6. Evaluación con herramientas automatizadas: DaSilva y Web Examinator?
Lanzamiento del Portal(abril/2010)
Actualmente(julio/2012)
Esta página passa a bateria de testes do eXaminator para a prioridade 3 (conformidade "aaa")Índice web@X (0-10): 10
Esta página passa a bateria de testes do eXaminator para a prioridade 1 (conformidade "a")Índice web@X (0-10): 9.1
![Page 30: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/30.jpg)
¿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
![Page 31: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/31.jpg)
¿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)
![Page 32: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/32.jpg)
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;
![Page 33: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/33.jpg)
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.
![Page 34: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/34.jpg)
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;
![Page 35: acessibilidad en el Portal COC](https://reader035.vdocumento.com/reader035/viewer/2022062514/557ba4a5d8b42a29258b477d/html5/thumbnails/35.jpg)
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).