Salta al contingut

Línia de treball 2

Accessibilitat web

Amb aquesta línia de treball treballem l'avaluació, el disseny i el desenvolupament de llocs i aplicacions web accessibles d'acord amb les WCAG i la norma UNE-EN 301549:2022.

Aquesta línia de treball està relacionada amb les estratègies docents per a la millora/innovació:

  • Web 2.0 / 3.0 / Xarxes socials

Projectes

Finalitzat 2014–2015

Diagnosi de l'accessibilitat usable de la web Parcs Naturals

El projecte se centra en la realització d'una avaluació i una posterior correcció dels problemes d'accessibilitat del lloc web objecte d'estudi, així com dels documents PDF i recursos audiovisuals.

Coordinació
Mireia Ribera
Codi
FBG307580

Finançament

Diputació de Barcelona

Publicacions

  • Ponència · 2026

    Alcaraz Martínez, Rubén, Salse, Marina (2026). Accesibilidad web en museos virtuales universitarios españoles: evaluación de conformidad con la norma UNE EN 301549:2022. En III Trobada Nacional de Col·leccions Patrimonials Universitàries.. https://doi.org/10.5281/zenodo.19912657

    @inproceedings{alcarazrepu2026,
      author = {Alcaraz Martínez, Rubén, Salse, Marina},
      title = {Accesibilidad web en museos virtuales universitarios españoles: evaluación de conformidad con la norma UNE EN 301549:2022},
      booktitle = {III Trobada Nacional de Col·leccions Patrimonials Universitàries},
      year = {2026},
      doi = {10.5281/zenodo.19912657}
    }
  • Ponència · 2025

    Alcaraz Martínez, Rubén, Salse, Marina (2025). Del acceso a la accesibilidad: evaluación de la conformidad del software AtoM con las ATAG 2.0 y la norma UNE-EN 301549:2022. En International Archives Congress, ICA Barcelona 2025. Knowing Pasts, Creating Futures..

    @inproceedings{alcarazica2026,
      author = {Alcaraz Martínez, Rubén, Salse, Marina},
      title = {Del acceso a la accesibilidad: evaluación de la conformidad del software AtoM con las ATAG 2.0 y la norma UNE-EN 301549:2022},
      booktitle = {International Archives Congress, ICA Barcelona 2025. Knowing Pasts, Creating Futures},
      year = {2025}
    }
  • Ponència · 2024

    Massaguer, Lluc, Alcaraz Martínez, Rubén (2024). Analysis of web accessibility skills required in graphic design and visual communication job offers in Spain. En Congreso Internacional de Interacción Persona-Ordenador (24º: 2024: La Coruña). Interacción 2024.. https://doi.org/10.1145/3657242.3658575

    @inproceedings{massaguerinter2024,
      author = {Massaguer, Lluc, Alcaraz Martínez, Rubén},
      title = {Analysis of web accessibility skills required in graphic design and visual communication job offers in Spain},
      booktitle = {Congreso Internacional de Interacción Persona-Ordenador (24º: 2024: La Coruña). Interacción 2024},
      year = {2024},
      doi = {10.1145/3657242.3658575}
    }
  • Article · 2021

    Alcaraz Martínez, Rubén, Massaguer, Lluc (2021). ¿Qué papel juega el diseño gráfico en la accesibilidad web?. Grafica: documents de disseny gràfic, 9(18). https://doi.org/10.5565/rev/grafica.208

    @inproceedings{alcarazgrafica21,
      author = {Alcaraz Martínez, Rubén, Massaguer, Lluc},
      title = {¿Qué papel juega el diseño gráfico en la accesibilidad web?},
      journal = {Grafica: documents de disseny gràfic},
      volume = {9},
      number = {18},
      year = {2021},
      doi = {10.5565/rev/grafica.208}
    }
  • Ponència · 2016

    Ribera, Mireia; Alcaraz Martínez, Rubén; Sabaté, Andrea (2016). Avaluació de l'accessibilitat del web dels Parcs Naturals de la Diputació de Barcelona. En Jornades Catalanes d'Informació i Documentació (14es: 2016: Barcelona)..

    @inproceedings{alcaraz2016,
      author = {Ribera, Mireia; Alcaraz Martínez, Rubén; Sabaté, Andrea },
      title = {Avaluació de l'accessibilitat del web dels Parcs Naturals de la Diputació de Barcelona},
      booktitle = {Jornades Catalanes d'Informació i Documentació (14es: 2016: Barcelona)},
      year = {2016},
      url = {https://ub.edu/adaptabit/docs/articles/avaluacio-accessibilitat-web-parcs-nat.pdf}
    }
  • Ponència · 2016

    Pascual, Afra, Ribera, Mireia, Granollers, Toni (2012). Perception of accessibility errors to raise awareness among web 2.0 users. En INTERACCION '12: Proceedings of the 13th International Conference on Interacción Persona-Ordenador.. https://doi.org/10.1145/2379636.2379652

    @inproceedings{pascualinter2016,
      author = {Pascual, Afra, Ribera, Mireia, Granollers, Toni},
      title = {Perception of accessibility errors to raise awareness among web 2.0 users},
      booktitle = {INTERACCION '12: Proceedings of the 13th International Conference on Interacción Persona-Ordenador},
      year = {2012},
      doi = {10.1145/2379636.2379652}
    }
  • Article · 2021

    Ribera, Mireia (2011). Subcontratación de webs accesibles: qué aspectos debemos vigilar?. BiD: textos universitaris de biblioteconomia i documentació, 25(18). https://doi.org/10.1344/105.000001686

    @inproceedings{riberabid2011,
      author = {Ribera, Mireia},
      title = {Subcontratación de webs accesibles: qué aspectos debemos vigilar?},
      journal = {BiD: textos universitaris de biblioteconomia i documentació},
      number = {25},
      year = {2011},
      doi = {10.1344/105.000001686}
    }

Treballs acadèmics

  • Treball de fi de grau · 2026

    Vallès Fusta, Gemma (2026). Creació d'un repositori de components vue de suport a l'assisgnatura Factors humans i computació [Treball de fi de grau, Universitat de Barcelona]. https://hdl.handle.net/2445/228576

    Titulació
    Grau d'Enginyeria Informàtica.
    Centre
    Facultat de Matemàtiques, Universitat de Barcelona.
    Tutora
    Mireia Ribera.
    Reconeixement
    Premi AIPO 2025-2026.

    L'accessibilitat web és un requisit fonamental en el desenvolupament de programari modern, però la seva implementació continua sent un repte tècnic per als estudiants d'enginyeria informàtica. Aquest Treball Final de Grau presenta AccessiVue, una llibreria de components web reutilitzables i accessibles, dissenyada per a poder ser un material de suport en l'assignatura de Factors Humans i Computació. L'objectiu principal del projecte ha estat reduir la barrera d'entrada tècnica en la creació d'interfícies inclusives. Per aconseguir-ho, s'ha seguit la metodologia de Design Thinking, estructurant el desenvolupament en un procés iteratiu de cinc fases. S'ha començat per l'etapa d'Empatitzar, realitzant una recerca qualitativa amb usuaris per comprendre les frustracions reals de l'alumnat. Aquesta informació ha permès Definir el problema mitjançant la creació d'arquetips (Personas) i l'especificació de requisits. Posteriorment, s'ha passat a Idear l'arquitectura de la solució i els fluxos d'interacció, per després Prototipar la interfície en alta fidelitat abans d'iniciar la programació. Finalment, el cicle s'ha tancat amb la fase d'Avaluar, validant la usabilitat i l'accessibilitat de la llibreria resultant mitjançant tests amb usuaris finals i proves tècniques.

    Com a resultat, s'ha implementat un catàleg de cinc components (Formulari, Cercador, CRUD, Biblioteca i Drag&Drop) utilitzant Vue.js i una arquitectura sense dependències d'entorn basada en fitxers HTML únics, facilitant la seva integració directa sense configuracions complexes. Tots els components compleixen amb les directrius WCAG 2.2, garantint la navegació per teclat i la compatibilitat amb productes de suport. Aquests components es presenten en un repositori que compta amb una navegació intuïtiva i una fitxa d'informació per a cada component, en el qual, a més, s'expliquen els conceptes bàsics de Vue necessaris per poder integrar els components, juntament amb la informació general i específica de cadascun, una demostració en viu, el codi font i exemples.

  • Treball final de màster · 2026

    Fabregat Ruiz, Albert (2026). Auditoria d’accessibilitat web de la Facultat d’Informació i Mitjans Audiovisuals de la Universitat de Barcelona: aplicació de la metodologia WCAG-EM i les WCAG 2.2 [Treball final de màster, Universitat de Barcelona].

    Titulació
    Màster en Gestió de Continguts Digitals.
    Centre
    Facultat d'Informació i Mitjans Audiovisuals, Universitat de Barcelona.
    Tutor
    Rubén Alcaraz Martínez.
  • Tesi doctoral · 2023

    Roig Marcelino, Jordi (2023). Recomanacions adreçades a les eines d'autoria de documents textuals per a facilitar la creació de documents accessibles [Tesi doctoral, Universitat de Barcelona]. https://hdl.handle.net/2445/214779

    Programa
    Programa de doctorat d'Informació i Comunicació.
    Universitat
    Universitat de Barcelona.
    Directora
    Mireia Ribera.

    L'accessibilitat d'un document no depèn només de l'autor que el crea, sinó que ve determinada pels tres agents que configuren el procés de gestació d'aquest document: el format digital utilitzat; l'eina d'autoria que permet crear contingut sota les especificacions d'aquest format; i també les decisions de l'autor del document respecte de les possibilitats que li ofereixen el format i l'eina.

    Aquesta tesi amplia la mirada dels estudis d'accessibilitat existents, principalment centrats en el compliment dels requeriments imposats als autors responsables de la creació de contingut, i analitza les especificacions i la interfície de l'eina d'autoria com a possibles orígens de la manca d'accessibilitat dels documents digitals.

  • Tesi doctoral · 2015

    Pascual Almenara, Afra (2015). Accesibilidad en entornos web interactivos: superación de las barreras digitales [Tesis doctoral, Universitat de Lleida]. http://hdl.handle.net/10803/314581

    A diario, millones de personas sin conocimientos técnicos publican contenido en la web en blogs, wikis, redes sociales, etc. A pesar de existir recomendaciones de accesibilidad, como las pautas WCAG y ATAG de la W3C y que estas se han convertido en normativas (la norma ISO/IEC 40500:2012, la norma UNE 139803:2012 en España, o la Sección 508 en Estados Unidos) e incluso leyes de obligado cumplimiento, la accesibilidad de la web es todavía una característica raramente implementada hoy en día. Los usuarios, inconscientemente, siguen publicando contenido que presenta barreras a las personas con discapacidad y que afectan sus derechos civiles. Esta tesis doctoral explora esta problemática y, con la intención de solucionarla, pone el foco en la comunicación de las barreras de accesibilidad a las personas que publican contenido en la web sin conocimientos técnicos. La hipótesis que fundamenta la tesis es que «reduciendo la complejidad de la información relacionada con la accesibilidad, se propiciaría la aplicación de criterios de autoría accesibles, aumentando la calidad general del contenido web». A partir de técnicas relacionadas con el DCU y la Ingeniería Semiótica (IngSem) se hace una propuesta de comunicación de las barreras de accesibilidad, que se demuestra en una prueba de concepto, el sistema Emphatic Editor for Accessibility (EE4A).

  • Treball final de màster · 2014

    Alcaraz Martínez, Rubén (2014). Análisis de requerimientos y prototipado de una aplicación web accesible para personas ciegas basada en la API de Google Maps [Treball final de màster, Universitat de Barcelona i Universitat Pompeu Fabra]. http://hdl.handle.net/2445/58427

    Titulació
    Màster en Gestió de Continguts Digitals.
    Centre
    Facultat de Biblioteconomia i Documentació, Universitat de Barcelona i Universitat Pompeu Fabra.
    Tutora
    Mireia Ribera.
  • Treball final de màster · 2013

    Gil Lloret, Víctor Manuel (2013). Millora de l’accessibilitat dels continguts audiovisuals del web BTVnotícies.cat [Treball final de màster, Universitat de Barcelona i Universitat Pompeu Fabra]. http://hdl.handle.net/2445/58427

    Titulació
    Màster en Gestió de Continguts Digitals.
    Centre
    Facultat de Biblioteconomia i Documentació, Universitat de Barcelona i Universitat Pompeu Fabra.
    Tutora
    Mireia Ribera.
  • Treball final de màster · 2010

    Paz Elías, Agustín (2010). Estudio de usabilidad de interfaces de usuario en portales de vídeo [Treball final de màster, Universitat de Barcelona i Universitat Pompeu Fabra]. http://hdl.handle.net/2445/12822

    Titulació
    Màster en Gestió de Continguts Digitals.
    Centre
    Facultat de Biblioteconomia i Documentació, Universitat de Barcelona i Universitat Pompeu Fabra.
    Tutora
    Mireia Ribera.
  • Treball final de màster · 2007

    Porras Serrano, Mercè (2007). Estudi sobre el nivell d’accessibilitat del lloc web «Biblioteques Públiques de Catalunya» [Treball final de màster, Universitat de Barcelona i Universitat Pompeu Fabra]. http://hdl.handle.net/2445/3202

    Titulació
    Màster en Gestió de Continguts Digitals.
    Centre
    Facultat de Biblioteconomia i Documentació, Universitat de Barcelona i Universitat Pompeu Fabra.
    Tutors
    Mireia Ribera i Mario Pérez-Montoro.

Membres

  • Rubén Alcaraz Martínez

    Rubén Alcaraz Martínez

  • Mireia Ribera

    Mireia Ribera

  • Marina Salse

    Marina Salse

  • Lluc Massaguer

    Lluc Massaguer