Sistematización del desarrollo y adaptación de sitios web ajustados a la norma NTC 5854

Texto completo

(1)SISTEMATIZACIÓN DEL DESARROLLO Y ADAPTACIÓN DE SITIOS WEB AJUSTADOS A LA NORMA NTC 5854. ANA MARIA NATES RODRÍGUEZ JESÚS DAVID ROMERO MELO. PROYECTO CURRICULAR DE INGENIERÍA DE SISTEMAS FACULTAD DE INGENIERÍA. UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS BOGOTÁ, 31 de Julio 2018.

(2) SISTEMATIZACIÓN DEL DESARROLLO Y ADAPTACIÓN DE SITIOS WEB AJUSTADOS A LA NORMA NTC 5854. ANA MARIA NATES RODRÍGUEZ JESUS DAVID ROMERO MELO. Trabajo de grado presentado como requisito para optar al título de INGENIERO DE SISTEMAS. Director: FERNANDO MARTINEZ RODRIGUEZ Ingeniero [email protected]. PROYECTO CURRICULAR INGENIERÍA DE SISTEMAS FACULTAD DE INGENIERIA UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS BOGOTÁ, 31 de Julio 2018.

(3) A quienes siempre estuvieron a nuestro lado para motivarnos, apoyarnos y acompañarnos en este camino a ser profesionales y egresados de esta universidad que tanto amamos y por la que tanto luchamos.. “Es preciso soñar, pero con la condición de creer en nuestros sueños. De examinar con atención la vida real, de confrontar nuestra observación con nuestros sueños, y de realizar escrupulosamente nuestra fantasía.” V.I.L..

(4) AGRADECIMIENTOS. Agradecemos en primer lugar a Dios por nuestras vidas y por llegar, después de tantas experiencias, hasta este momento. A nuestras familias, porque nos dieron la oportunidad de soñar un futuro distinto mediante el camino de la Educación Pública. A ellas y ellos les agradecemos las atenciones y cuidados, los llamados de atención, la paciencia y las lecciones que nos enseñaron, porque hoy somos fruto de aquello. A las y los profesores que a lo largo de la carrera despertaron en nosotros la curiosidad y el amor a la ciencia y a la ingeniería, amor que despertó en nosotros el deseo de ejercer responsablemente como ciudadanos y profesionales en esta sociedad carente y necesitada de innovación con sentido humano. Pasar por la Universidad Distrital fue para nosotros un camino lleno de alegrías, preocupaciones, aprendizajes, crecimiento personal y profesional que nos enseñó que no solo se trata de entender nuestro entorno, que no basta con observar, es necesario actuar en él y transformarlo. Agradecemos a quienes trabajaron antes, y con nosotros en el Proceso Constituyente de la Universidad, porque nos enseñaron el valor de persistir, defender y construir desde el alma y el corazón este proyecto de Universidad. Al Colectivo Piensa Libre donde crecimos como estudiantes e ingenieros integrales, y a la ACEU, cuna del pensamiento crítico y forjadora de soñadores incansables por una universidad critica, creadora y transformadora. Gracias a todos los compañeros, amigos, profes y camaradas que estuvieron presentes para enseñar, construir y compartir la alegría de pintar para la vida. Agradecemos al Grupo Virtus y al docente Fernando Martínez por creer en este proyecto desde el inicio, y brindar sin reparo su experiencia y ayuda para cristalizar este importante logro. A Colnodo, por depositar en nosotros la confianza para desarrollar un proyecto como este, que demuestra que si son necesarios ingenieros con enfoque humano y social. Por poner a nuestra disposición su experiencia como organización y por abrirnos las puertas a una nueva etapa en nuestras vidas..

(5) Tabla de contenido RESUMEN ................................................................................................................................................................... 1 INTRODUCCIÓN ....................................................................................................................................................... 2 PLANTEAMIENTO DEL PROBLEMA........................................................................................................... 3. 1. 1.1. Descripción del problema .................................................................................................................... 3. 1.2. Formulación del problema .................................................................................................................. 4. 2. JUSTIFICACIÓN ................................................................................................................................................... 5. 3. OBJETIVOS ............................................................................................................................................................ 6 3.1. Objetivo general ....................................................................................................................................... 6. 3.2. Objetivos específicos .............................................................................................................................. 6. 4. MARCO REFERENCIAL .................................................................................................................................... 7 4.1. Antecedentes o estado del arte.......................................................................................................... 7. 4.2. Marco teórico ......................................................................................................................................... 10. 5. MARCO METODOLÓGICO ............................................................................................................................ 15 5.1. Metodología de la investigación ..................................................................................................... 15. 5.2. Ingeniería del proyecto ...................................................................................................................... 17. 6. RESULTADOS Y DISCUSIÓN........................................................................................................................ 19 6.1. Sistematización del desarrollo ........................................................................................................ 19. 6.2. Retos y recomendaciones para la aplicación de accesibilidad .......................................... 29. 7. CONCLUSIONES ............................................................................................................................................... 37. 8. RECOMENDACIONES..................................................................................................................................... 39. 9. BIBLIOGRAFIA Y CIBERGRAFIA ............................................................................................................... 41 9.1. Bibliografía.............................................................................................................................................. 41. 9.2. Cibergrafía ............................................................................................................................................... 43. 10. ANEXOS .................................................................................................................................................................. 1. ANEXO 1: MANUAL DE ACCESIBILIDAD WEB ............................................................................................. 1 ANEXO 2: EVALUACIÓN DE ACCESIBILIDAD MOODLE ........................................................................... 1 ANEXO 3: EVALUACIÓN DE ACCESIBILIDAD MICROSITIOS ............................................................... 17 ANEXO 4: SOPORTES SITIO OBSERVATORIO DE TERRITORIOS ÉTNICOS Y CAMPESINOS 24.

(6) LISTA DE FIGURAS. Gráfica 1. Conexiones a internet participación por tipo de acceso ……………………………..…..4 Gráfica 2. Actividades y criterios componente 1. Estrategia Gobierno en línea .…………...14 Gráfica 3. Campo de un formulario con un label y dos inputs relacionados .…………………..20 Gráfica 4. Footer con lista de información institucional accesible …………..……………….…...21 Gráfica 5. Vista de la rayuela accesible en un micrositio ………………..………..…………………...26 Gráfica 6. Vista del cabezote y menú principal del sitio web …………..………..…………………...30 Gráfica 7. Vista de la zona central de la página editorial …….…………..………..…………………...31 Gráfica 8. Vista de la zona central de la página Centro de documentación .…………………...31 Gráfica 9. Vista de la zona central de la página de Multimedia ………………...…………………...32 Gráfica 10. Vista del Sistema de Información Geográfica ……….………………...…………………...33.

(7) RESUMEN Este proyecto es el resultado del desarrollo de los sitios web de la Contraloría de Córdoba y el aula virtual de la Biblioteca Nacional de Colombia, evaluados y adaptados de acuerdo a los lineamientos de la WCAG 2.0 y la NTC 5854, dejando una base de experiencias y retos en el marco de la implementación de técnicas de accesibilidad en el desarrollo web. A lo largo de la pasantía se sistematizó todo el proceso, recogiendo las evaluaciones, correcciones y demás procesos que fueron la base para la producción de un manual de accesibilidad, que describe de forma práctica y concreta, la implementación de las pautas de accesibilidad web, pretendiendo simplificar la transición del enfoque de desarrollo tradicional a un enfoque de desarrollo accesible, desmitificando el espectro complejo y tedioso que se ha formado alrededor de la accesibilidad web y generando confianza y conciencia en la necesidad de formarse y formar en esta tendencia, que con el auge agresivo de la tecnología, se vuelve cada vez más imperativa. El manual se estructura de 4 secciones, la sección de planeación formula sugerencias y decisiones del orden general del proyecto que se deben considerar al iniciar el desarrollo, como el grado de accesibilidad deseado y las consecuencias de esto, la preparación teórica de los involucrados en el proyecto y aspectos de diseño. En la sección de desarrollo se describe con cierto grado de detalle técnico pero concreto y digerible cómo implementar los lineamientos guías en accesibilidad web. En la sección de Evaluación de Accesibilidad, se describe una propuesta metodológica y los métodos de evaluación sugeridos, haciendo la salvedad, que la forma en el que estos se apliquen (durante el desarrollo, al finalizar el desarrollo, etc) depende de las características, necesidades y condiciones del proyecto mismo. Por último, la Lista de Herramientas recoge los beneficios o desventajas en términos de accesibilidad de las herramientas que hicieron parte del proyecto. La accesibilidad no es un fin, es un proceso.. 1.

(8) INTRODUCCIÓN La evolución exponencial de las tecnologías de la información ha abierto la oportunidad de que cada vez más personas tengan acceso a plataformas tecnológicas, y ha hecho que exista una gran cantidad de información en la web, desde información irrelevante, hasta conocimientos teóricos, incluso la prestación de servicios médicos e información oficial estatal. Pero ¿está realmente abierta esta puerta al mundo para todos? Según el Informe Mundial sobre Discapacidad de 2011, más de mil millones de personas en el mundo viven con discapacidad, cerca del 15 % de la población mundial, y de acuerdo con el informe de Global Monitoring Report, en 2015, cerca del 9,6 % de la población vivía en la extrema pobreza. En la actualidad existen infinidad de contenidos y servicios médicos o de cualquier índole alojados en internet, vitales para la cotidianidad de esta población. Urge para el desarrollo de la humanidad ampliar el acceso a las plataformas tecnológicas que faciliten el uso y acceso a Internet y todo su contenido. Garantizar accesibilidad es garantizar que “personas con algún tipo de discapacidad van a poder hacer uso de la Web”1 y que tendrán la oportunidad de vivir una experiencia parcialmente completa a los contenidos audiovisuales y a la infinidad de información presente en la web. Muchos gobiernos, incluido el colombiano, han definido que sus sitios web cumplan estándares de accesibilidad en distintos niveles, sin embargo, aún existe una amplia gama de sitios web oficiales, comerciales, de ocio, entre otros, que no son accesibles. En búsqueda de cerrar esta brecha de acceso, y de generar elementos que agilicen y faciliten la implementación de estándares accesibles en los sitios web de entidades del estado o de interés para la población en condiciones de discapacidad, se plantea este proyecto, cuyo objetivo es generar una guía para fortalecer esta línea de desarrollo y así llevar progresivamente todos los beneficios del internet a esta población que por su condición se ve limitada a acceder a un pequeño porcentaje de la información global. Esto se logrará mediante el acompañamiento en el proceso de creación de sitios web gubernamentales cumpliendo con la norma NTC 5854 en nivel AA; desde la discusión y definición de requerimientos con el cliente hasta la entrega y puesta en línea del sitio, sistematizando en cada etapa del proceso, buenas prácticas, herramientas de desarrollo, apuestas gráficas alternativas, metodologías de desarrollo, validación y verificación. Sobre esta base, se busca plantear el trabajo futuro para la investigación y desarrollo de tecnologías web que aumenten el nivel de accesibilidad de los sitios en Colombia, así como los retos en formación y ejecución que quedan en este campo. Este proyecto cuenta con el apoyo y la experiencia de Colnodo, empresa dedicada al 1. LAWTON, Shawn y EOWG. Introducción a la Accesibilidad Web. W3C Web Accesibility Initiative [en línea], septiembre de 2005 [revisado 10 junio 2017]. Disponible en http://www.w3c.es/Traducciones/es/WAI/intro/accessibility. 2.

(9) desarrollo de páginas web accesibles con más de 20 años de en mercado y comprometidos con la misión de llevar el contenido de sus clientes a la mayor cantidad de usuarios posibles. 1. PLANTEAMIENTO DEL PROBLEMA. 1.1 DESCRIPCIÓN DEL PROBLEMA El Ministerio de Tecnologías de la Información y las Comunicaciones, en adelante MINTIC, establece para el contexto colombiano la accesibilidad como “las condiciones que se incorporan en sitios y herramientas web que favorecen el que usuarios en condiciones de deficiencia tecnológica, física o sensorial o en condiciones particulares de entornos difíciles o no apropiados, puedan hacer uso de recursos de la Web”2 Según el Departamento Administrativo Nacional de Estadística -Dane- en Colombia había 2.149.710 personas con discapacidades físicas, mentales o sensoriales en el 2012, lo cual representaba el 4,7% de la población del país3. Sumado a esto, el Consejo Nacional de Política Económica y Social -CONPES- declaró que existe una relación entre las cifras de población con discapacidad y la población vulnerable en el país4. Es decir, que si se quisiera mejorar el acceso para poblaciones en discapacidad, hay que ver no solo hacia las personas con discapacidades físicas, mentales, sensoriales, sino también hacia quienes usan la web en entornos de deficiencias tecnológicas, con acceso limitado a redes estables de internet móvil o fijo, desde dispositivos móviles o computadores de gama media o baja. Por otro lado, de acuerdo con el Boletín Trimestral de las TIC del cuarto semestre de 20165, el número de suscriptores a internet de los estratos 1, 2 y 3 ha aumentado en 9.2%, 5.9% y 9.5% respectivamente desde el 2015, mientras que los estratos 5 y 6 aumentaron en 8.7%. Es decir que tanto sectores vulnerables de la sociedad colombiana, como aquellos con mejores condiciones de vida siguen aumentando su conectividad a internet. Por ende, cada vez más colombianos se comunican con el mundo, reciben noticias, servicios y acceden a. 2 MINTIC. Manual para la implementación de la Estrategia de Gobierno en línea de la República de Colombia.. Bogotá. 2012. p.43 3 COLOMBIA. CONPES. Documento CONPES 166 de 2013 (9 de Diciembre 2013). “Política Pública nacional de discapacidad e inclusión social”. Bogotá, 2013. p 55. Disponible en internet: http://www.mincultura.gov.co/areas/poblaciones/poblacion-con-discapacidad/Paginas/166.pdf 4 Ibid. p.21. 5 MINTIC. Op. cit.. 3.

(10) cifras oficiales, notificaciones, trámites, atención al usuario y consulta de normas a través de la web. Estos servicios, como tantos otros ofertados por entidades de salud, establecimientos comerciales y educativos, entre otros son frecuentados por los colombianos, a través de conexiones móviles 3G y 4G, que aumentaron incluso en mayor proporción que el acceso a internet por redes fijas del 2015 al 2016, tal como se ve en la gráfica 1.. Grafica 1 Conexiones a internet participación por tipo de acceso. Fuente: BOLETÍN TRIMESTRAL DE LAS TIC. Ministerio de Tecnologías de la Información y las Comunicaciones.. Marzo de 2017. p. 9.. El mismo boletín, evidencia un aumento del 2015 al 2016 en usuarios de redes móviles ya sea mediante suscripción (es decir plan de costo fijo) y por demanda o abonos de acuerdo a la Resolución 5076 del 2016 de la Comisión de Regulación de Comunicaciones6. 1.2 FORMULACIÓN DEL PROBLEMA Las cifras presentadas en la sección anterior dan cuenta de la necesidad de transitar cada vez más rápidamente hacia una web accesible y usable para la población colombiana, puesto que la tendencia de accesos desde dispositivos móviles aumenta cada año, de acuerdo con MINTIC7. De hecho, a raíz de ese aumento exponencial, y de las facilidades que el internet brinda para que el estado garantice derechos a los ciudadanos (como acceso a la información, ley anti trámites, transparencia, entre otros), el estado colombiano asume en el 2012 el lineamiento “Gobierno en Línea”, que entre otras, busca garantizar que por lo menos los sitios web del estado tengan nivel de accesibilidad AA según la NTC 5854. Sin embargo, los resultados presentados en el Formulario Único de Reporte de Avances en la Gestión (FURAG) de 20168 evidencia que solo el 45% de los sitios web de las alcaldías cumplen satisfactoriamente con el componente de accesibilidad y usabilidad. 6. COLOMBIA. CRC. Resolución 5076. (29 de Diciembre de 2016). Bogotá, 2016. Disponible en internet: https://www.crcom.gov.co/resoluciones/00005076.pdf 7 MINTIC, Op. cit. p. 25. 8 MINTIC, Indice GEL Nacional, Resultados 2016. Estrategia Gobierno el Línea. 4.

(11) Ahora si este es el caso de las entidades que por lineamiento del MINTIC y presidencia deben cumplir la NTC 5854, ¿qué se puede esperar del nivel de accesibilidad de otros sitios web no gubernamentales? Redes sociales como Twitter iniciaron a pensarse la accesibilidad web para sus usuarios, sin embargo en Colombia, la norma NTC 5854 sigue siendo una norma desconocida y en tanto no sea obligatoria su implementación seguirá siendo un desafío para los colombianos con discapacidades o limitaciones acceder a sitios web. Entonces, ¿cómo hacer más sencilla y atractiva la implementación de la NTC 5854 para los desarrolladores web gubernamentales y empresarios colombianos?. 2 JUSTIFICACIÓN El desarrollo del presente proyecto busca responder e incentivar el cumplimiento de lo establecido por el MINTIC sobre accesibilidad y usabilidad en la estrategia Gobierno en Línea: “Los sitios web correspondientes a sistemas de información deberán cumplir por lo menos los criterios correspondientes a usabilidad y accesibilidad de la actividad ‘Centrar la atención en el ciudadano’, del Componente de Elementos Transversales”9. Implementando las normativas que reglamentan la accesibilidad y usabilidad del documento citado, no sólo se cumpliría lo establecido en la ley 1680 de 201310, se abriría el Internet y los servicios de las entidades públicas a los colombianos con discapacidades físicas o motoras, y se abriría paso a campesinos y pobladores de todas las regiones del país a acceder a la Internet y todos sus beneficios incluso con una conectividad baja y desde dispositivos móviles como celulares y tabletas. Por otro lado, para Colnodo, este proyecto representa un espaldarazo a la vocación y el compromiso demostrado en todos sus años de existencia por el uso estratégico de Internet para el desarrollo. Actualmente, son una empresa de reconocimiento en temas de accesibilidad web, y han participado en espacios nacionales e internacionales para la cooperación e implementación en accesibilidad. Un ejemplo, es el proyecto Internet para la Rendición de Cuentas, que es la “herramienta orientada a fortalecer la transparencia de la información pública y facilitar el control social”11 en la que Colnodo colaboró en el 9 MINTIC. OP. cit. p.2. 10 COLOMBIA. CONGRESO. DE LA REPÚBLICA. Ley 1680 (20 de noviembre de 2013) “Por la cual se garantiza a las personas ciegas y con baja visión, el acceso a la información, a las comunicaciones, al conocimiento y a las tecnologías de la información y de las comunicaciones”. Bogotá, 2013. 11 Internet para la Rendición de Cuentas. Sobre el proyecto. IPCR [en línea] Bogotá [revisado junio 2017] Disponible en Internet: http://www.iprc.org.co/. 5.

(12) desarrollo del sitio web modelo, a la medida de las necesidades y requerimientos de las normas en el 2007 en Colombia, y que fue implementado por municipios y diversas entidades territoriales. Sin embargo, la velocidad con la que avanzan las nuevas tecnologías obliga a estar en constante revisión y renovación de los procedimientos y mecanismos de desarrollo, aspecto central de análisis en el presente proyecto. Así mismo, resulta conveniente para Colnodo el desarrollo de la investigación, por que suscita la discusión e invita a nuevas y antiguas organizaciones con y sin ánimo de lucro a sumarse al desarrollo accesible, facilitando los enlaces y canales de cooperación y las estrategias de implementación de las normativas. Finalmente, este trabajo permitirá a otros estudiantes y docentes interesados en la investigación e implementación de desarrollos web accesibles, contar con una base teórica y práctica inicial, conocer las debilidades y fortalezas de gestores como Moodle o el framework Aplicaciones de Acción y de algunas herramientas web de uso frecuente, sus potencialidades para enfocarse en el desarrollo y la innovación.. 3 OBJETIVOS 3.1 OBJETIVO GENERAL Crear una base teórica que permita simplificar el desarrollo posterior de nuevos sitios accesibles que cumplan con la reglamentación técnica y jurídica del país; y que proyecte nuevos retos e iniciativas a desarrollar.. 3.2 OBJETIVOS ESPECÍFICOS 1. Acompañar el desarrollo de 3 proyectos web accesibles garantizando el cumplimiento de la norma NTC 5854 en nivel AA, con el fin de estudiar los requerimientos de los clientes, prácticas, metodologías herramientas y demás detalles del proceso de desarrollo. 2. Sistematizar el proceso de desarrollo de los sitios web, recogiendo los elementos técnicos y metodológicos más significativos del proceso, con el fin de elaborar un Manual de Accesibilidad que contribuya a desarrollos futuros en esta área. 3. Hacer un análisis sobre el Manual de Accesibilidad elaborado para identificar los retos que existen sobre formación e implementación dentro de este campo.. 6.

(13) 4 MARCO REFERENCIAL 4.1 ANTECEDENTES O ESTADO DEL ARTE La accesibilidad web es una temática que a pesar de ser reciente, cuenta con múltiples estudios en busca de minimizar la esta brecha tecnológica y de información para personas con discapacidades. 4.1.1. Lineamientos para la Accesibilidad Web. La Iniciativa para la Accesibilidad Web, WAI, por sus siglas en inglés, es la rama dedicada a la accesibilidad web de la Word Wide Web Consortium, W3C. Desde su fundación, han creado dos versiones de Pautas de Accesibilidad para Contenido Web, más conocidas por sus siglas en inglés como WCAG. Estas pautas, aunque no son oficialmente reconocidas ni cuentan con certificación de parte de organismos internacionales, estas se han convertido en un estándar aceptado. Algunos estudios han planteado una serie de beneficios técnicos y de acceso que permite la WCAG12, por ejemplo, el aplicar estas métricas, permite incluirlas dentro de la fase de ingeniería web, logrando una comprensión desde el inicio, por parte del equipo de desarrollo. Esto a su vez permite que todo el proceso esté enmarcado por métricas definidas, asegurando un sitio accesible desde su diseño; las métricas de por sí permiten un modelo de evaluación y clasificación de páginas web.. Aparte de los beneficios técnicos mencionados, se ha comprobado la validez de la WCAG, en su versión 2.0, directamente con los implicados, en un estudio muy particular, que busca mediante las emociones de personas con dificultades auditivas medir su grado de satisfacción al visitar un sitio web13. Los resultados de este estudio demuestran que en los sitios que no garantizan los principios de la WCAG 2.0, se perciben emociones negativas cuando se accede, y, las emociones de los usuarios se presentan positiva o neutralmente, cuando se cumple la WCAG 2.0.. En cuanto a las personas con discapacidad visual se proponen 4 ámbitos que. 12. VIGO, markel, BRANJNIK, Giorgio, O’CONNOR, Joshue. Research Report on Web Accessibility Metrics. En: W3C WAI Research and Development Working Group (RDWG) Notes [en linea] 2012 [revisado junio 2018]. Disponible en internet: https://www.w3.org/TR/accessibility-metrics-report/ 13 PASCUAL, Alfra. RIBERA, Mireia. GRANOLLERS, Toni. Impact of web accessibility barriers on users with a hearing impairment. En: Dyna. Medellín, 26 de 2015.. 7.

(14) fundamentalmente se deben cubrir para garantizar accesibilidad plena14: Sonidos no vocales que permitan la ubicación y navegación dentro de la página; interfaz web y móvil adaptativa; táctil con posibilidad de relieve; e interacción mediante gestos. 4.1.2. Accesibilidad para usuarios sordos. Otro avance notable en la accesibilidad implementado por MINTIC, Vive Digital y FENASCOL es el “Centro de Relevo” espacio online para usuarios sordos que mediante plataformas muy sencillas e intuitivas busca acercar a esta comunidad a las herramientas TIC, y que lleva al aire más de 15 años. Algunos de los servicios ofertados son: Relevo de llamadas “permite la comunicación bidireccional entre personas sordas y oyentes a través de una plataforma tecnológica que cuenta con intérpretes de LSC en línea.”15 ● Servicio de Interpretación en Línea SIEL, que “facilita la comunicación entre sordos y oyentes que se encuentran en un mismo espacio al colocar a su disposición un intérprete en línea, al cual pueden acceder desde un computador, una Tablet o un celular con conexión a internet y sistema de amplificación de audio y micrófono”16 ● Herramienta de Apropiación TIC, “ofrece contenidos y espacios donde la lengua de señas y la lengua escrita prevalecen para el acceso a la información, el aprendizaje, la comprensión, construcción de conocimientos y sobre todo la motivación al uso de las TIC en las personas sordas”17 ● Formación Virtual de Intérpretes que “los capacita constantemente en temas como comunicación, traducción, lengua de señas, cultura sorda y atención al usuario”18 ●. 4.1.3 Integración de tecnologías web para la accesibilidad En vías de continuar evolucionando en desarrollos en este campo, algunos estudios han a propuesto soluciones como desarrollar contenido web solo de texto19, tema que contradice de cierta manera los lineamientos expedidos por la WCAG, mientras otros han propuesto, 14. FERATI, Mexhid. En: Accessibility requirements for blind and visually impaired in a regional context: An exploratory study. En Usability and Accessibility Focused Requirements Engineering (UsARE), 2014 IEEE 2nd International Workshop on. IEEE, 2014. p. 13-16. 15 MINTIC. Relevo de llamadas. Centro de Relevo [en línea] [revisado junio 2018]. Disponible en internet: http://www.centroderelevo.gov.co/632/w3-propertyvalue-15253.html 16 MINTIC. Servicio de Interpretación en línea SIEL. Centro de Relevo [en línea] [revisado junio 2018]. Disponible en internet:http://centroderelevo.gov.co/632/w3-propertyvalue-15254.html 17 MINTIC. Herramienta de apropiación TIC. Centro de Relevo [en línea] [revisado junio 2017]. Disponible en internet: http://centroderelevo.gov.co/632/w3-propertyvalue-15255.html 18 MINTIC. Formación virtual de intérpretes. Centro de Relevo [en línea] [revisado junio 2017]. Disponible en internet: http://centroderelevo.gov.co/632/w3-propertyvalue-15256.html 19 LOIACONO, Eleanor T.; MCCOY, Scott; CHIN, William. Federal Web site accessibility for people with disabilities. En:IT professional, 2005, vol. 7, no 1, p. 27-31.. 8.

(15) por ejemplo, la transformación del formato HTML utilizando el Modelo de Objetos del Documento para lograr una mejor visualización y funcionalidad de la estructura20, esto, mediante una ontología compuesta por nodos y uniones o relaciones que mediante un archivo RDF genere el sitio web permitiendo que una entrada se convierta en 5 salidas: cambiar de eje, ir hacia adelante, hacia atrás, leer y orientación dentro de la página, traduciendo cada salida con un convertidor de voz.. 4.1.4. Accesibilidad en CMSs. Los CMS son plataformas gestoras de contenido que facilitan la creación y manejo de la estructura y del contenido de páginas web. Facilitar tantas tareas requiere una programación por debajo, que no es sencilla de modificar, por lo tanto el implementar estándares para garantizar accesibilidad en estos sitios, es aún más complicado. Se han realizado varios estudios en este campo, que han demostrado efectivamente como muchas plantillas de estos gestores, como Joomla21 vienen pre programadas y su desarrollo ha sido bastante amplio, pero en contra de esta nueva tendencia accesible, dificultando la modificación y adaptación de muchos sitios web. Para estos casos, Lopez & et. plantean una serie de pasos22 para que la inmersión de la accesibilidad en un sitio web que se base en un gestor de contenido no sea tan traumática: Seleccionar el CMS y su configuración de tal forma de que queden habilitadas todas las posibles opciones de accesibilidad; desarrollar una serie de muestras de páginas web para asegurarse que las etiquetas y demás atributos HTML funcionen correctamente; utilizar validadores de los estándares de la WCAG para realizar pruebas de los criterios de accesibilidad; hechos estos pasos se procede a realizar un conjunto de ejemplos de páginas web con toda la configuración realizada, se procede a realizar el desarrollo del sitio, donde se debe hacer una revisión constante de la accesibilidad de cada página con más de un validador; luego se debe analizar qué problemas de accesibilidad se tienen para identificar y aplicar soluciones al sitio.. 20. FAYZRAHMANOV, Ruslan. GÖBEL, Max. HOLZINGER, Wolfgang. KRÜP, Bernhard. BAUMGARTNER, Robert. A unified ontology-based web page model for improving accessibility. En Proceedings of the 19th international conference on World wide web. ACM, 2010. p. 1087-1088. 21 ALFONZO, Daiana E. CASARO Pedro L. MARIÑO, Sonia I. GODOY, María V. Mantenimiento Correctivo Aplicado a un Sitio Basado en Joomla. Una Propuesta Centrada en la Accesibilidad. En: Revista Latinoamericana de Ingeniería de Software, 2015, vol. 3, no 2, p. 101-107. 22 LÓPEZ, Juan Miguel., PASCUAL, Afra, MEDUIÑA, Cristina, & GRANDOLLERS, Toni. Methodology for identifying and solving accessibility related issues in web content management system environments. En: Proceedings of the International Cross-Disciplinary Conference on Web Accessibility. ACM, 2012. p. 32.. 9.

(16) 4.1.5. Otros tipos de accesibilidad. La accesibilidad entendida como el derecho que tienen todas las personas de acceder a una plataforma web, también involucra a aquellas personas cuya conexión lenta no le permite acceder a cierto contenido, para esto han propuesto23 un agente web de dos niveles, uno local que identifique, registre y aprenda el comportamiento del usuario local y uno remoto que interactúe con la red pública hablando con el agente local para registrar y aprender el comportamiento de los usuarios e interactuando con otros agentes remotos; esto permite que el usuario disfrute de una conexión más fluida. Como se ve, la accesibilidad es una tendencia que da cuenta de la necesidad de involucrar al grueso de la población en las tecnologías y el mundo de la información web, esto pasa por las personas con discapacidad visual, auditiva, cognitiva o motora, pasa por adultos mayores y personas con ancho de banda limitado, pero incluso como se plantea que se debe empezar a hablar de la neutralidad de la red24, ya que pierde sentido empezar a hablar de accesibilidad cuando incluso hay millones de casos de personas que no tienen la posibilidad siquiera de acceder a la red o a aún peor, a una terminal informática llámese pc o móvil. Esto para decir que todos los esfuerzos por avanzar tecnológicamente para brindar el acceso a personas en alguna condición de discapacidad se vuelven mínimos si no se reduce la brecha social por lo menos a nivel tecnológico.. 4.2 MARCO TEÓRICO 4.2.1 WCAG (Web Content Accessibility Guidelines) La Web Accessibility Initiative es una rama de la World Wide Web Consortium W3C que vela por la accesibilidad web, desarrollando estrategias, guías y recursos. De esta iniciativa surgen los lineamientos de accesibilidad para el contenido web, o WCAG. La WCAG son una serie de lineamientos que definen cómo hacer la web accesible para personas con alguna discapacidad. Esta accesibilidad comprende discapacidades como la visual, auditiva, física, de habla, cognitiva, lingüística, de aprendizaje y de problemas. 23 YEH, Ping-Jer; YUAN, Shyan-Ming; LO, Winston. Two-level Web agent for limited accessibility. En Computer. Software and Applications Conference, 1997. COMPSAC'97. Proceedings., The Twenty-First Annual International. IEEE, 1997. p. 482-485. 24 COLNODO. Neutralidad en Internet: Factor que potencia el cierre de la brecha social digital.. Colnodo [en línea] 4 diciembre 2013 [revisado junio 2018]. Disponible en Internet: https://colnodo.apc.org/es/neutralidad-en-internet-factor-que-potencia-el-cierre-de-la-brecha-socialdigital-2. 10.

(17) neurológicos; también hacen la web más usable para personas de edad avanzada y con herramientas de baja gama. Estas pautas se componen de 4 principios, cada principio tiene unos lineamientos y unos criterios de éxito como se ve a continuación25: Perceptible: o Textos alternativos: o Todo el contenido sin texto debe tener un texto alternativo, o Contenido multimedia basado en tiempo (Videos, Audios) o Los contenidos de video y audio debe mostrar información equivalente a este contenido. o Adaptable: La secuencia del contenido afecta su significado, esta debe ser determinada mediante programación. Las instrucciones para operar y entender el sistema no dependen únicamente de las características sensoriales de los componentes. o Distinguible: El color debe tener un grado de contraste considerable. Los audios deben tener la opción de control (volumen, tiempo, etc.). ● Operable: o Teclado accesible: A todo el contenido debe poderse acceder mediante el teclado. o No debe haber componentes de los que no se pueda salir con el teclado. o Suficiente tiempo: Si hay contenido controlado por tiempo, se debe poder apagar, ajustar, extender, pausar, detener u ocultar. o Convulsiones: Las páginas no deben tener contenido que flashee más de 3 veces en un segundo. o Navegable: Las páginas deben tener títulos que describan su tema o propósito. Si el contenido está organizado secuencialmente los componentes que se puedan enfocar deben corresponder lógicamente a esta secuencia. o Los vínculos deben tener su descripción en texto. ● Entendible: ●. 25. W3C. Web Content Accessibility Guidelines (WCAG) 2.0. W3C Recomendations [en línea] 11 de diciembre 2008 [revisado junio 2018]. Disponible en intenet: https://www.w3.org/TR/WCAG20/. 11.

(18) Leíble: El lenguaje por defecto debe estar determinado mediante programación. o Predictible: Cuando un componente sea enfocado el contexto de la página no debe cambiar. Cambiar la configuración de algún componente de interfaz del usuario no debe automáticamente cambiar el contexto, a menos que el usuario sea notificado del comportamiento antes de usar el componente. o Asistencia para entrada de datos: Compatible: Debe alertar si existe algún error. Debe dar instrucciones claras mediante etiquetas. ● Robusto: o Compatible: Para el contenido con lenguaje de marcado, las etiquetas deben tener inicio y final, elementos anidados según su especificación, no duplicar atributos y tener un ID único. Para todos los componentes de interfaz de los usuarios, el nombre y el rol debe estar determinados. o. La WCAG dependiendo la versión (1.0 o 2.0), clasifica los sitios web según el cumplimiento de los principios en tres niveles: A, AA y AAA, siendo AAA el nivel que cumple con todos los lineamientos, y A el que cumple solo algunos de ellos. 4.2.2 Colnodo Colnodo26 es una organización que desde 1994 ha ofrecido servicios que han permitido el intercambio de información electrónica a los colombianos. Con más de 500 clientes dentro de su historia, Colnodo ha buscado ofrecer tecnologías de la información con enfoque social, enfatizando temáticas como DDHH, mejoramiento de las condiciones de la mujer, gobernabilidad, democracia y participación ciudadana, desarrollo sostenible, inclusión digital y uso estratégico de las TIC para el desarrollo. Cuenta de esto es que son líderes y pioneros en la implementación de la accesibilidad web además de ser colaboradores en la construcción de la norma NTC 5854. Colnodo, vela por la democratización de la información y de los canales de información, para lograr así una inclusión real del grueso de la población en las plataformas y contenidos electrónicos. 26. COLNODO. Nosotros. [en línea] https://colnodo.apc.org/es/nosotros. 2018. [revisado. junio. 2018].. Disponible. en. internet:. 12.

(19) 4.2.3 Norma Técnica Colombiana NTC 5854 Esta norma tiene como objetivo recoger las pautas de la WCAG para establecer un marco jurídico en Colombia frente a accesibilidad web y así recoger la iniciativa de la WCAG, es decir, reducir la brecha digital y expandir la inclusión laboral, educativa y social. El sitio web de la norma ofrece autoevaluaciones para medir el conocimiento de esta, tutoriales y la explicación técnica de cada ítem y área a tratar. Desarrollada por el fondo de Tecnologías de la Información y las Comunicaciones, esta norma ha sido adoptada por la estrategia de Gobierno en línea como parte fundamental para su éxito, estableciendo su implementación como obligatoria para los sitios gubernamentales y haciendo énfasis en temas como formularios de descarga, información en audio y video, acceso desde dispositivos móviles, consultas a bases de datos, servicios de interacción, trámites y servicios en línea, entre otros.. 4.2.4 Gobierno en Línea La Estrategia Gobierno el Línea, emitida por el MINTIC en el 2009 “determina los lineamientos que deben seguir las entidades públicas y los particulares que desempeñan funciones públicas en la implementación de la Estrategia de Gobierno en línea en Colombia”27. Ha sido difundida desde entonces en distintas entidades territoriales y organismos gubernamentales para su implementación. Esta estrategia plantea 6 componentes, a saber, elementos transversales, información en línea, interacción en línea, transacción en línea, transformación, y democracia en línea. A su vez, éstos se componen de actividades, que se enmarcan en la ejecución de sub actividades o criterios. Cada criterio tiene una ponderación que determina su impacto en la actividad. Para evidenciar la estructura de los componentes y actividades, en la gráfica 2 se muestran las actividades del componente 1 Elementos Transversales, entre los que se define específicamente a la accesibilidad y usabilidad como criterios de la actividad Centrar la Atención en el usuario.. 27 MINTIC, Ob cit. p.2.. 13.

(20) Grafica 2 Actividades y criterios componente 1. Fuente: Manual de Gobierno en Línea. MINTIC. En la más reciente versión de la estrategia, la 3.1, se incluyen 3 anexos. El primero, detalla la descripción de las actividades, criterios responsables, y herramientas. Entre estas herramientas, todos los componentes, referencian el cumplimiento de la norma técnica colombiana NTC 5854, y otros lineamientos de publicidad, guías de usuario, de apertura de datos y leyes nacionales. El segundo anexo amplía y detalla la Información mínima a publicar. El tercer anexo, el más relevante para este proyecto: Accesibilidad Nivel de Cumplimiento AAA, presenta “los criterios de la NTC 5854 para el nivel de cumplimiento AAA (triple A), detallando cuáles son de obligatorio cumplimiento y cuáles opcionales”28. Ahora, según los resultados del “Estudio de Nivel de Madurez de las Entidades Públicas Colombianas en Gobierno Electrónico”29 elaborado durante el 2017 por Colombia Digital e Ingram Micro, las entidades del gobierno han mostrado un avance en la implementación de la estrategia Gobierno en Línea, puesto que el 55% de las entidades ha mejorado sus servicios mediante las TIC, 92% recibe quejas, reclamos y peticiones de usuarios para el diseño de sus servicios digitales, el 73% “recibe sugerencias de los ciudadanos por canales digitales (web y redes sociales)”30, el 92% pública datos abiertos. Sin embargo, quedan varios campos por mejorar, como “En cuanto a cultura de Gobierno Electrónico”. Cabe resaltar que la priorización del presupuesto, según este informe, presenta en los últimos lugares la capacitación y la difusión. Considerando que la adquisición de hardware 28 MINTIC, Ob. cit. p 78. 29. CORPORACIÓN COLOMBIA DIGITAL. ¿Cómo está Colombia en gobierno electrónico?. Colombia Digital [en línea] Mayo 16 de 2017 [revisado julio 2017]. Disponible en https://colombiadigital.net/quienessomos/soluciones-tic/item/9728-estudio-como-esta-colombia-en-gobierno-electronico.html 30 Ibidem, pag 5.. 14.

(21) y software y la contratación personal anteceden a este elemento, se puede pensar que en un escenario a futuro, aumentarán los recursos para la capacitación y difusión de contenidos GEL en las entidades gubernamentales.. 4.2.5 Derechos en Internet La Association for Progressive Communications (APC) emite en 2017, la carta de APC sobre los Derechos en Internet, que reafirma la importancia de la accesibilidad, asegurando que la “capacidad para intercambiar información y comunicarse libremente usando internet es fundamental para la realización de los derechos consagrados en la Declaración Universal de los Derechos Humanos (1948), el Pacto Internacional sobre Derechos Civiles y Políticos (1976) y la Convención sobre la Eliminación de Todas las Formas de Discriminación contra la Mujer (1980).”31 En ese sentido, la carta describe 7 enfoques de derechos ciudadanos que internet debe garantizar, a saber, Acceso a internet para todos y todas, libertad de expresión y asociación, Acceso al conocimiento, Intercambio de aprendizaje y creación, Privacidad, vigilancia y encriptación, Gobernanza en internet, Conciencia, protección y realización de los derechos. El primer grupo de derechos contempla en especial los derechos relacionados con la accesibilidad en distintas condiciones de infraestructura, a la formación para uso de la web, a interfaces accesibles, la inclusión cultural y étnica, entre otras, aspecto fundamental que retoma la definición de accesibilidad (incluso en bajas condiciones económicas y de acceso) definida por MINTIC.. 5 MARCO METODOLÓGICO 5.1 METODOLOGÍA DE LA INVESTIGACIÓN Para el desarrollo de la investigación se requiere una metodología que permita abstraer datos estadísticos (número de usuarios, grado de accesibilidad, entre otros), el cumplimiento o no de los criterios establecidos en la NTC 5854, el nivel de avance en la implementación del Gobierno en Línea, y muchas otras variables cuantitativas, así como una serie de percepciones, evaluaciones y conceptos cualitativos emitidos por los usuarios, las entidades gubernamentales y sus empleados, organismos nacionales e internacionales, entre otros actores importantes. Por ende, una metodología mixta permitirá contrastar estos dos aspectos para formular, por un lado soluciones integrales a quienes ofertan. 31 APC. Carta de APC sobre derechos en Internet. Asociación para el Progreso de las Comunicaciones APC [en. línea] noviembre 2006 [revisado junio 2018]. Disponible en: http://www.apc.org/es/node/5795. 15.

(22) servicios web, y por otro, un consolidado de experiencias que recoja el bagaje teórico y técnico adquirido, y sirva de base para desarrollos futuros. En el desarrollo del proyecto se abordó la creación de las aulas virtuales de la Biblioteca Nacional de Colombia en Moodle y los micrositios de los cursos, y se acompañó el proceso del sitio web de la Contraloría de Córdoba desarrollado mediante Aplicaciones de Acción. El tercer sitio que se esperaba abordar en marco del proyecto, era el sitio de Etnoterritorios, que requería una actualización de plataformas y algunas secciones nuevas. Sin embargo, por la celeridad que requería el cliente, el proyecto terminó antes de la vinculación formal del los pasantes a Colnodo, por lo cual este proyecto quedó fuera del proceso. 5.1.1 Participantes La población objetivo de este proyecto son los usuarios finales de la web con discapacidades visuales y auditivas o de bajo acceso y conectividad, así como aquellos con deficiencias cognitivas leves. Durante el proceso de validación de uno de los proyectos, un usuario con deficiencia visual severa hizo parte del equipo y ejecutó una prueba de accesibilidad y usabilidad en la primera versión de los micrositios del proyecto de la Biblioteca Nacional. Dado que el proyecto se desarrolló en conjunto con Colnodo, participaron de la ejecución del mismo, el equipo de desarrollo (incluidos los diseñadores y equipo legal) y sus clientes. 5.1.2 Instrumentos y equipos Para la realización de este proyecto, se hizo seguimiento al proceso de desarrollo de los sitios web, registrando los procedimientos de toma de decisiones con el cliente, con el equipo de desarrollo, validación, y otras acciones de impacto en el proyecto. Al momento de la verificación de aplicación de la norma NTC 5854, fue necesario acudir al uso de validadores automáticos como TAW, AChecker y NTC5854 Validator y lectores de pantalla como NVDA, así como de revisiones manuales ejecutadas por los pasantes. En cuanto a equipos, se utilizaron dos computadores portátiles para uso de cada uno de los pasantes del proyecto, así como aparatos móviles (como celulares o tabletas) suministrados por Colnodo para la prueba de rendimiento y validación. En los contratos establecidos no se definió el uso de alguna herramienta específica para el análisis de la accesibilidad del sitio, por ende no fue necesaria la compra de software licenciado ni equipos adicionales. Y ya que se considera como un factor de accesibilidad la conectividad, las redes de prueba y validación deberán ser de distinta capacidad, velocidad, y tipo (móviles y fijas). 5.1.3 Procedimiento Para lograr los objetivos es preciso dividir en cinco fases el proyecto: 1. Apropiación conceptual: de normas, procedimientos y teoría acerca de la temática. Se desarrolla previo a iniciar el trabajo práctico con la empresa, y se refleja en el estado del. 16.

(23) arte y el marco teórico, sin embargo, de ser necesario, se ampliará durante el desarrollo del proyecto. 2. Empalme y vinculación institucional: En un corto periodo de tiempo los pasantes conocen la estructura administrativa de Colnodo, incluyendo los equipos de trabajo en el área de desarrollo, jefes de procesos, diseñadores, programadores y otros roles. Esta familiarización es importante para tener claros los flujos de tomas de decisiones y las cadenas de mando y responsabilidades. 3. Desarrollo: En conjunto con el grupo de desarrollo de Colnodo, se acompaña cada una de las fases de creación, verificación y evaluación de accesibilidad de sitios web. Esto comprende el proceso contractual, la metodología de desarrollo, verificación, pruebas y entrega al cliente. Esta fase demanda de los pasantes alto grado de dedicación pues se ven implicados en los componentes netamente técnicos y de desarrollo web (hojas de estilos, maquetación, entre otros). Es el núcleo práctico de la investigación. La evaluación de accesibilidad en los sitios no solo se hace al final del desarrollo sino al inicio de la pasantía (cuando ya había un avance en los proyectos) y en otros momentos del desarrollo, según las particularidades de cada proyecto. 4. Sistematización del desarrollo: Esta etapa transcurre paralela a la fase de desarrollo, pues por cada paso, llevó riguroso registro. Es nutrida por todos los documentos derivados de la metodología de desarrollo (diagramas, imágenes, etc.). Es de vital importancia que incluya registros de tiempos, número de personas desarrollando, horas de trabajo, flujo de decisiones y demás variables asociadas. De igual forma se consideraron los problemas y soluciones a lo largo del proceso, las herramientas utilizadas, modificaciones a los planes, requerimientos y decisiones iniciales, para garantizar una trazabilidad integral del proceso de desarrollo. 5. Análisis y consolidación de resultados: En esta etapa se contrasta la experiencia sistematizada con las necesidades y requerimientos encontrados en las primeras fases de la investigación. El objetivo es analizar la eficiencia de los procesos, buscar alternativas más rápidas de desarrollo, mejores instrumentos de concertación con el cliente, alternativas para la validación, entre otros derivados de la experiencia. Cabe resaltar que las deficiencias en cuanto a herramientas alternativas de desarrollo son importantes, porque consolidan la base de la innovación en el trabajo a futuro. En esta última fase se consolidan los entregables como el Manual de accesibilidad, las conclusiones prácticas y los enfoques de innovación futuros.. 5.2 INGENIERÍA DEL PROYECTO 5.2.1 Descripción de la metodología en contexto La realización de la fase descrita en el numeral 1.5.3, que es la que abarca el desarrollo de los sitios web, se desarrolla de acuerdo a la metodología propia de trabajo implementada por Colnodo, que cuenta con el siguiente orden:. 17.

(24) 1. Contrato: En esta fase se establecen los acuerdos entre ambas partes para la realización del proyecto en cuestión, se establecen limitaciones, alcances, validaciones y precios. 2. Diagramación: La diagramación involucra la maquetación de lo establecido con el cliente mediante herramientas de diseño para establecer gráficamente cual es la proyección de la página en un .jpg y posteriormente materializarlo en html y hojas de estilo css. 3. Creación del sitio web: En el proceso de desarrollo se crean casi simultáneamente las hojas de estilo y el código HTML. Las primeras se cargan mediante FTP al servidor web. El código HTML se introduce a través de las Aplicaciones de Acción en las páginas o vistas (bloques de código que se insertan en las páginas). 4. Validación: Aquí se realiza un proceso de pruebas y verificación de la accesibilidad del sitio y de su contenido, cargando datos de prueba, realizando consultas, pasando validadores automáticos por el sitio y realizando ajustes manuales para que se cumpla con lo establecido en el proceso de contratación. 5. Certificado de conformidad: Una vez terminado el proceso de pruebas se expide un certificado de conformidad donde se especifica en qué nivel de accesibilidad se encuentra el sitio. Este certificado usualmente es opcional, y se establece desde el inicio en la etapa de contratación. 6. Capacitación: De acuerdo a lo acordado inicialmente con el cliente, se realiza un proceso de capacitación, donde se den lineamientos para que el sitio continúe con el nivel de accesibilidad adecuado. Esta etapa es opcional. Cabe resaltar que Colnodo no se rige por ninguna metodología ni lineamientos de desarrollo tradicional, por ende se acordaron actividades y fechas de entrega de las mismas acompasadas con el cronograma del equipo de diseño y las fechas concordadas con el cliente. 5.2.2 Herramienta a utilizar El presente proyecto requiere herramientas de desarrollo web para lenguaje de hojas de estilo CSS, un entorno de desarrollo web en HTML y PHP. El CMS que utiliza Colnodo para sus sitios web es Aplicaciones de Acción, por ende también será necesario una instalación de la versión más reciente. Por otro lado, para la realización de las pruebas, de la validación y la verificación de las hojas de estilo y del sitio en general, es necesario tener al menos los exploradores web más usados por los clientes, como Mozilla Firefox 57.0.1, Google Chrome 66.0.3 y Opera 53.0. Para los contratos que incluyen la validación en dispositivos móviles, también se requieren equipos como celulares y tabletas o en su defecto, los simuladores de estos dispositivos instalados en los equipos de trabajo. 18.

(25) Otras herramientas de software indispensables para el desarrollo del proyecto son los validadores automáticos de accesibilidad, como TAW, Cynthia Says, NTC 5854 validator. De la misma forma, la NTC 5854 y la WCAG 2.0 son dos instrumentos de validación manual que fueron requeridos para el análisis profundo de los sitios web. Por último, los lectores de pantalla como NVDA, Jaws y Fire Voz, ayudaron a complementar la información suministrada por los validadores y por la persona con deficiencia visual contratada para tal fin, y permitieron garantizar el nivel real de cumplimento de la norma NTC 5854.. 6 RESULTADOS Y DISCUSIÓN 6.1 SISTEMATIZACIÓN DEL DESARROLLO Durante el ejercicio de pasantía se trabajó puntualmente en dos proyectos, uno con la Contraloría de Córdoba y otro con la Biblioteca Nacional de Colombia. A continuación se realiza un recorrido por los avances realizados en el proceso de desarrollo de dos sitios web en Colnodo en torno al mejoramiento de sus prácticas de desarrollo sobre accesibilidad. 6.1.1. Contraloría de Córdoba. 6.1.1.1 Descripción del proyecto Colnodo desarrolló el sitio web de la Contraloría de Córdoba, a través de la plataforma Aplicaciones de Acción, soportada en PHP. Al ser una entidad estatal, la Contraloría de Córdoba debe permitir un fácil acceso para todo tipo de usuarios, tanto a la información pública que la entidad debe suministrar (contratación, presupuesto, normatividad, control), como en los servicios que ofrece a los usuarios, como quejas y reclamos, consultas, entre otras. En el diseño planteado para este sitio, se agrupan las funcionalidades principales en tres grandes bloques (Peticiones, quejas reclamos y Denuncias PQRD; Atención e información al ciudadano; y transparencia y acceso a la información), que se complementan con las opciones desplegadas en el menú principal: Funciones y estructura, Normatividad, Presupuesto, Planeación, Control y Contratación. En la presentación de la información se usan diversos recursos y herramientas, como por ejemplo enlaces y documentos en PDF, listas de contenidos organizados alfabéticamente, encuestas, acordeones, banners, imágenes descriptivas, pestañas que presentan los contenidos, imágenes con títulos para desplegar noticias, formularios, sistemas de búsquedas, calendario de actividades, tablas con enlaces de descargas, cápsulas compuestas de información de funcionarios y entidades, blogs, enlaces externos, entre otros.. 19.

(26) 6.1.1.2 Estado inicial De acuerdo a lo planteado en la metodología, la vinculación a este proyecto se hace pasado el proceso contractual con la Contraloría de Córdoba, cuando el diseño del sitio ya estaba definido y el proceso de desarrollo estaba en curso. Por ende la primera tarea que se adopta es la revisión de accesibilidad de los componentes desarrollados y de la estructura general del sitio web, con el objetivo de hacer ajustes en los elementos implementados en el sitio, y de proponer al equipo de desarrollo mejores prácticas que repercutan en menos vacíos o fallas de accesibilidad para el resto del sitio web. Para este momento se estudian la página de inicio y la estructura general del sitio (header, footer, menús), los formularios de recepción de solicitudes y el calendario de actividades. 6.1.1.3 Evaluación de accesibilidad inicial Mediante el validador de accesibilidad TAW, se encuentran errores relacionados sobre todo con las imágenes e iconos sin atributo alt asignado. Estas se corrigen agregando este atributo con contenido descriptivo o dejándolo vacío (alt=””), dado que muchos iconos presentes están acompañados de letras o enlaces, por ende su función es decorativa. En otras ocasiones, al anidar enlaces <a> e imágenes <img>, el validador señala que la etiqueta <a> está vacía. Esta observación se resolvió dejando la imagen dentro del enlace, ya que no era posible poner texto al enlace en si mismo. Otro error recurrente detectado con TAW fue la estructura definida en los formularios. La mayoría de éstos no contaban con atributos for para ligar los campos input con los campos label; tampoco se creaban elementos fieldset para agrupar respuestas múltiples (radiobuttons y check buttons), lo que generaba confusión al recorrer con el lector de pantalla y con el teclado el formulario. Se agregaron estos elementos, encontrando mayor dificultad en aquellos formularios en los que más de un input corresponde a un solo label en el sentido estricto, como se puede apreciar en la siguiente imagen, en estos casos, una opción es agrupar estos elementos, en un fieldset, por ejemplo, con un title o etiqueta que describa su funcionamiento.. Grafica 3 Campo de un formulario con un label y dos inputs relacionados Fuente: Formulario PQRD Contraloria de Córdoba. En uno de los menús que encapsulaba divs, imágenes (sin descripciones), enlaces y encabezados en cada ítem. Se reacomodo el orden de cada uno de los elementos para evitar etiquetas vacías, se agregaron descripciones a las imágenes y se eliminaron algunas etiquetas caducas.. 20.

(27) En las múltiples páginas en las que se presentan documentos públicos mediante enlaces para descargar los archivos en PDF u otros formatos, se agregaron titles a los enlaces que describieran al usuario claramente qué documento descargaría,y ya que en contadas ocasiones estos enlaces estaban acompañados por iconos, también se incluye el alt=””. Un problema reportado y que no es apreciable a simple vista, es el uso de etiquetas de estilo en el HTML. En especial la etiqueta <center> y la etiqueta <i> En el primer caso se modificaron las clases del contenedor de elementos para lograrlo centrar, y en el segundo caso, se usaba el <i> exclusivamente para integrar un conjunto de características mediante la hoja de estilos. En este sentido, se reemplazaron los <i> con <div> manteniendo las propiedades asignadas mediante las clases de las hojas de estilo. El calendario de actividades se despliega en una tabla que no contenía elementos descriptivos que guiarán al usuario. Para esto se incluye la etiqueta caption en la misma con una breve descripción del contenido desplegado Otra metodología para la evaluación fue el recorrido manual y mediante el lector de pantalla por distintas páginas del sitio. Este ejercicio permitió destacar y evaluar algunos ítems de “alertas” o “no evaluados” reportados por TAW, como por ejemplo el título coherente y claro de cada página, la estructura del sitio en general, que las imágenes en en la parte superior tengan los atributos alt y que los enlaces tengan el title, la ubicación de cada bloque de contenido de forma coherente y secuencial, entre otros, Recorriendo por teclado el sitio, saltaron a la vista problemas de acceso a la información que no fueron detectados por el TAW. En el footer del sitio, por ejemplo, se ubicó la información institucional de contacto importante, pero a pesar de que la sección está “bien” delimitada, no se podía acceder al conjunto de la información, pues los elementos <li>, <div> y <span> usados para desplegarla son “invisibles” para quien recorre mediante tab el sitio. En este sentido, se agregan atributos tabindex=”0” a cada elemento de la lista, forzando al usuario y al lector de pantalla a recorrer cada uno de los elementos, tuviera o no enlaces relacionados.. Gráfica 4: Footer con lista de información institucional accesible Fuente: Sitio web Contraloría de Córdoba.. 21.

(28) La revisión manual también sirvió para determinar que al recorrer el sitio web fuera coherente y clara la información desplegada en las páginas y los menus de usuarios. Se verificó, que por ejemplo, que en los menús desplegables no se leyera el contenido que no era visible, hasta que el usuario los desplegara. 6.1.1.4 Declaración de Conformidad del sitio Al final del desarrollo del sitio, después de las correcciones iniciales y después de compartir con el equipo de desarrollo las observaciones buscando incorporar a las dinámicas de trabajo cotidianas sencillos cambios en el desarrollo, se hace la revisión de accesibilidad nuevamente para entregar el producto al cliente con la declaración de conformidad en nivel de accesibilidad AA. En la elaboración de este documento, surge la necesidad de seleccionar las páginas del sitio de la Contraloría que se iban a evaluar. El criterio de selección incluyó los elementos en los que se habían encontrado mayor número de problemas (especialmente con formularios), y aquellas páginas con contenidos fuera de lo común (como presentación y descarga de archivos) más la página de inicio. Se aborda inicialmente, la evaluación del header, menu y footer del sitio web, que permanece igual para todas las páginas. El desarrollo con las Aplicaciones de Acción permite que los cambios realizados en estas vistas se mantengan para todas las páginas, por lo que no se encuentran nuevos errores o advertencias en estas zonas. Al abordar las páginas que incluyen documentos, fue fundamental la revisión con el lector de pantalla que permitió saber si el contenido desplegado mediante listas era suficientemente claro para los usuarios invidentes. Ya que el nombre del documento era el contenido de la lista, los alt se configuraron para que solamente indicaran la acción: descargar archivo, y así evitar la redundancia. En los formularios los ajustes mencionados previamente se verificaron de nuevo, dando énfasis en la comprensión del usuario al escuchar el formulario y los campos (es decir los atributos name y for) y en que tuvieran un recorrido secuencial por las opciones múltiples, especialmente. Para el momento de esta última revisión, el sitio y sus secciones habían aumentado considerablemente respecto a la primera evaluación, por ende aunque no se refleje en la declaración de conformidad, se revisaron páginas con listados, pestañas y tabs, en donde el validador no encontró grandes dificultades, pero mediante la evaluación manual se detectaron zonas “invisibles” al recorrer el sitio por teclado, como listados elementos div, listas y span. A estos se les agregó el atributo tabindex=”0” para que se tuvieran en cuenta a la hora de recorrer el sitio. Por último, vale decir que, en general, todo el desarrollo del sitio fue realizado, por bloques de contenido ubicados de izquierda a derecha y de arriba hacia abajo, facilitando el recorrido total del contenido con el lector de pantalla de forma ordenada y coherente, evitando que el usuario se pierda en el sitio web. 22.

(29) 6.1.2 BNC La Biblioteca Nacional de Colombia (BNC) es una entidad encargada de preservar el material bibliográfico y documental del país en pos de ofrecerlo y ponerlo al servicio de la sociedad en general32. 6.1.2.1 Descripción del proyecto Colnodo fue contratado para el diseño, desarrollo e impulso de una plataforma virtual que brinde una serie de cursos para bibliotecarios de todo el país, en donde puedan autónomamente formarse en técnicas de manejo de bibliotecas con el objetivo de cualificar las diferentes iniciativas que existen artesanalmente en todo el país. La plataforma fue desarrollada en Moodle por su capacidad de gestión en cursos y aulas virtuales, dentro de los cursos que se ofrecen y una de las razones fundamentales para hacer este proyecto parte de este trabajo de grado es un curso focalizado en capacitar a los bibliotecarios en brindar un servicio de biblioteca adecuado para personas con algún tipo de discapacidad, y que más coherente, que este curso en sí mismo, esté disponible y sea accesible para las personas en condición de discapacidad. Por otro lado hay que recordar que los lineamientos de Gobierno en Línea exigen a los sitios gubernamentales adoptar las medidas de la NTC 5854, por lo que la Biblioteca Nacional de Colombia no puede ser indiferente y debe acatar dichos lineamientos. 6.1.2.2 Estado inicial En el momento en que nos incorporamos al proyecto, el desarrollo se encuentra en su fase naciente, el equipo de desarrollo de la organización realiza la adaptación de un tema de Moodle según el estilo concertado con la BNC, lo que nos permite desde un principio proponer prácticas para garantizar la accesibilidad del sitio, y por supuesto contribuir en el desarrollo mismo del proyecto. El diseño de cada curso individualmente, se encontraba en el mismo estado. Dado que el esfuerzo más grande en este campo lo realizan profesionales en el área de la docencia (diseño de contenidos curriculares y virtualización de temáticas), no hubo mayor trabajo, aunque fue fundamental trabajar de la mano con el área de diseño gráfico para lograr plantillas que garantizaran de entrada la accesibilidad de los cursos. 6.1.2.3 Estudio plataforma Moodle Uno de los primeros resultados en este proyecto fue el estudio y la elaboración de un documento que recoge errores de accesibilidad que tiene la plataforma Moodle 3.0, con la ayuda de validadores automáticos y recorridos por teclado y con lector de pantalla. 32 ¿Quienes somos? Sitio Web Biblioteca Nacional de Colombia, disponible en:. http://bibliotecanacional.gov.co/es-co/Footer/biblioteca-nacional-de-colombia/quienes-somos. 23.

(30) Este proceso está sistematizado en el Anexo 2. En este estudio se simula un curso y algunas de las actividades que brinda el mismo para realizar la evaluación. Las siguientes son algunas de las conclusiones, comentarios y apreciaciones que se desprenden de este estudio. Las secciones de una instalación estándar de Moodle analizadas aquí fueron: ● ● ● ● ●. Página de validación o login Página principal Vista general de cursos Página de un curso Páginas de actividades o Textos o PDF o Embebidos o Exámenes. Se tomaron para el análisis estas secciones ya que en el diseño del sitio, únicamente estas secciones del Moodle se van a utilizar. El análisis automático realizado con la herramienta TAW arroja los errores sintácticos del código que según la WCAG son problemáticos a la hora de querer garantizar accesibilidad en una plataforma o sitio web. Moodle es una plataforma reconocida por facilitar de gran manera la gestión de cursos virtuales con ayuda de múltiples herramientas, pero con errores de accesibilidad bastante recurrentes. Otra herramienta utilizada que fue fundamental para el análisis de páginas que requerían un inicio de sesión fue el sitio ntc5854.org/validador/checker, ya que permite subir la página a analizar, descargandola previamente. Esto fue de gran ayuda para lograr un análisis más completo de la plataforma, que en su mayoría requiere dicho inicio de sesión. En el análisis arrojado por las herramientas automáticas se pueden encontrar elementos como: Mala jerarquización de los títulos. Errores de cierre de etiquetas y en el caso de los scripts una identificación errónea de estos. ● Uso de etiquetas caducas. ● Imágenes sin una identificación ni descripción adecuada. ● Ítems de formularios sin una etiqueta que los identifique claramente. ● ●. Realizando un análisis manual de esas mismas páginas, es notable que los errores detectados previamente, tienen gran repercusión al navegar en el sitio, elementos como, omitir los textos alternativos, jerarquizar erróneamente los títulos y otros elementos mencionados anteriormente, terminan extraviando a un posible usuario invidente dentro del sitio. Además de esto, hay un elemento identificado bastante problemático, es el no. 24.