Diseño de un tema de WordPress optimizado para el cumplimiento de los criterios de accesibilidad WCAG 2.1 y el desarrollo y validación a nivel de prototipo

Abstract

Durante mi participación en proyectos para el sector público y privado detecté la necesidad de concienciar sobre el cumplimiento de criterios de accesibilidad, de manera integral en todo proceso de diseño, gestión y mantenimiento de un sitio o app. Habitualmente, la accesibilidad de contenidos en la web es percibida como una mera formalidad para cumplimiento normativo, y pierde importancia frente a otros requisitos de interés comercial. El trabajo desarrollado en este TFM pretende aportar una solución eficaz para desarrolladores y empresas, que compartan esta preocupación por la integración de todas las personas, independientemente de sus capacidades. Por tal motivo, se ha diseñado un Tema de WordPress basado en Bootstrap para la construcción de los componentes de interfaz. Para llegar al resultado final, se realizó, en primer término, un estudio de las particularidades en la creación de Temas de WordPress, así como de las limitaciones y ventajas al usar Bootstrap. A continuación, se maquetaron prototipos en baja y alta fidelidad, y se desarrolló una parte en HTML posteriormente publicada y validada a través de herramientas automáticas y pruebas de usuario. Con todo esto, además de poner a disposición de los profesionales el producto final, el proyecto persigue crear una herramienta de apoyo para el cambio cultural en la red, entendiendo la accesibilidad como ¿la posibilidad de que un producto o servicio web pueda ser accedido y usado por el mayor número posible de personas, independientemente de las limitaciones propias del individuo o de las derivadas del contexto de uso.

During my involvement in projects for the public and private sector, I realised a need of raising awareness of compliance with accessibility criteria holistically, through the process of design, management and maintenance of a site or application. Usually, the accessibility of web content is perceived as formality for regulatory compliance, and it loses importance in front of other commercial requirements. The work carried out in this master's thesis aims to provide an effective solution for developers and companies, who share this concern for the integration of all people, independently of their capabilities. For this reason, a WordPress Theme has been designed based on Bootstrap for the construction of interface components. To reach the final result, a study about the particularities in creating WordPress Themes, as well as the limitations and advantages of using Bootstrap, was carried out in first instance. Next, some prototypes were designed in low and high fidelity. These were developed in HTML and then published and validated through automatic tools and user tests. With all this, in addition to making the final product available to professionals, the project aims to create a tool to support a cultural change on the Web, understanding accessibility as "the possibility that a product or web service can be accessed and used by as many people as possible, independently of the individual's own limitations or those derived from the context of use.

Durant la meva participació en projectes per al sector públic i privat vaig detectar la necessitat de conscienciar sobre el compliment de criteris d'accessibilitat, de manera integral en tot procés de disseny, gestió i manteniment d'un lloc o app. Habitualment, l'accessibilitat de continguts al web és percebuda com una mera formalitat per compliment normatiu, i perd importància enfront d'altres requisits d'interès comercial. El treball desenvolupat en aquest TFM pretén aportar una solució eficaç per a desenvolupadors i empreses, que comparteixin aquesta preocupació per la integració de totes les persones, independentment de les seves capacitats. Per tal motiu, s'ha dissenyat un Tema de WordPress basat en Bootstrap per a la construcció dels components d'interfície. Per arribar a el resultat final, es va realitzar, en primer terme, un estudi de les particularitats en la creació de Temes de WordPress, així com de les limitacions i avantatges a l'usar Bootstrap. A continuació, es maquetaron prototips en baixa i alta fidelitat, i es va desenvolupar una part en HTML posteriorment publicada i validada a través d'eines automàtiques i proves d'usuari. Amb tot això, a més de posar a disposició dels professionals el producte final, el projecte persegueix crear una eina de suport per al canvi cultural a la xarxa, entenent l'accessibilitat com "la possibilitat que un producte o servei web pugui ser accedit i usat pel major nombre possible de persones, independentment de les limitacions pròpies de l'individu o de les derivades de l'context d'ús ".