Crowd-sourced and low cost solution for web accessibility

In this document, we present a crowdsourced solution to fix three categories of accessibility issues of any web page without the intervention of its owner. The categories that can be fixed all relate to problems users with visual impairments run into. These are: missing alt descriptions in images, i...

Full description

Autores:
Vega Fernández, Antonio Juan de la
Tipo de recurso:
Trabajo de grado de pregrado
Fecha de publicación:
2018
Institución:
Universidad de los Andes
Repositorio:
Séneca: repositorio Uniandes
Idioma:
eng
OAI Identifier:
oai:repositorio.uniandes.edu.co:1992/38921
Acceso en línea:
http://hdl.handle.net/1992/38921
Palabra clave:
Aplicaciones Web
Servicios web
Páginas Web
Arquitectura orientada al servicio (Computación)
Ingeniería
Rights
openAccess
License
http://creativecommons.org/licenses/by-nc-nd/4.0/
id UNIANDES2_990d1af4e3fe20f1b25bee6ff9a86f7e
oai_identifier_str oai:repositorio.uniandes.edu.co:1992/38921
network_acronym_str UNIANDES2
network_name_str Séneca: repositorio Uniandes
repository_id_str
dc.title.es_CO.fl_str_mv Crowd-sourced and low cost solution for web accessibility
title Crowd-sourced and low cost solution for web accessibility
spellingShingle Crowd-sourced and low cost solution for web accessibility
Aplicaciones Web
Servicios web
Páginas Web
Arquitectura orientada al servicio (Computación)
Ingeniería
title_short Crowd-sourced and low cost solution for web accessibility
title_full Crowd-sourced and low cost solution for web accessibility
title_fullStr Crowd-sourced and low cost solution for web accessibility
title_full_unstemmed Crowd-sourced and low cost solution for web accessibility
title_sort Crowd-sourced and low cost solution for web accessibility
dc.creator.fl_str_mv Vega Fernández, Antonio Juan de la
dc.contributor.advisor.none.fl_str_mv Guerra Gómez, John Alexis
dc.contributor.author.none.fl_str_mv Vega Fernández, Antonio Juan de la
dc.subject.keyword.es_CO.fl_str_mv Aplicaciones Web
Servicios web
Páginas Web
Arquitectura orientada al servicio (Computación)
topic Aplicaciones Web
Servicios web
Páginas Web
Arquitectura orientada al servicio (Computación)
Ingeniería
dc.subject.themes.none.fl_str_mv Ingeniería
description In this document, we present a crowdsourced solution to fix three categories of accessibility issues of any web page without the intervention of its owner. The categories that can be fixed all relate to problems users with visual impairments run into. These are: missing alt descriptions in images, insufficient color contrast between background and text, and missing language attribute in HTML tag. However, the solution is architectured in such a way that more categories can be added in the future with ease. Users may interact with our solution in two ways. First, they may use our web application to find and fix the accessibility issues of any publicly displayed website. Second, while they are surfing the web, our browser extension will auto-generate code based on the fixes done through our web application by other users. The auto-generated code is then injected by the extension directly into the DOM in order to fix the accessibility issues. In order to test our solution, we launch a user experience study on our web application and ran accessibility audits using Google?s Lighthouse to test the extension?s auto-generated code. Indeed, the results obtained on both fronts were positive indicating that the solution we devised works as intended. However, our solution presents some limitations. Particularly, it works best on websites that are not frequently updated, need no authentication to present the content, and that display the same information to all users
publishDate 2018
dc.date.issued.none.fl_str_mv 2018
dc.date.accessioned.none.fl_str_mv 2020-06-10T15:58:17Z
dc.date.available.none.fl_str_mv 2020-06-10T15:58:17Z
dc.type.spa.fl_str_mv Trabajo de grado - Pregrado
dc.type.coarversion.fl_str_mv http://purl.org/coar/version/c_970fb48d4fbd8a85
dc.type.driver.spa.fl_str_mv info:eu-repo/semantics/bachelorThesis
dc.type.coar.spa.fl_str_mv http://purl.org/coar/resource_type/c_7a1f
dc.type.content.spa.fl_str_mv Text
dc.type.redcol.spa.fl_str_mv http://purl.org/redcol/resource_type/TP
format http://purl.org/coar/resource_type/c_7a1f
dc.identifier.uri.none.fl_str_mv http://hdl.handle.net/1992/38921
dc.identifier.pdf.none.fl_str_mv u820636.pdf
dc.identifier.instname.spa.fl_str_mv instname:Universidad de los Andes
dc.identifier.reponame.spa.fl_str_mv reponame:Repositorio Institucional Séneca
dc.identifier.repourl.spa.fl_str_mv repourl:https://repositorio.uniandes.edu.co/
url http://hdl.handle.net/1992/38921
identifier_str_mv u820636.pdf
instname:Universidad de los Andes
reponame:Repositorio Institucional Séneca
repourl:https://repositorio.uniandes.edu.co/
dc.language.iso.es_CO.fl_str_mv eng
language eng
dc.rights.uri.*.fl_str_mv http://creativecommons.org/licenses/by-nc-nd/4.0/
dc.rights.accessrights.spa.fl_str_mv info:eu-repo/semantics/openAccess
dc.rights.coar.spa.fl_str_mv http://purl.org/coar/access_right/c_abf2
rights_invalid_str_mv http://creativecommons.org/licenses/by-nc-nd/4.0/
http://purl.org/coar/access_right/c_abf2
eu_rights_str_mv openAccess
dc.format.extent.es_CO.fl_str_mv 6 hojas
dc.format.mimetype.es_CO.fl_str_mv application/pdf
dc.publisher.es_CO.fl_str_mv Universidad de los Andes
dc.publisher.program.es_CO.fl_str_mv Ingeniería de Sistemas y Computación
dc.publisher.faculty.es_CO.fl_str_mv Facultad de Ingeniería
dc.publisher.department.es_CO.fl_str_mv Departamento de Ingeniería de Sistemas y Computación
dc.source.es_CO.fl_str_mv instname:Universidad de los Andes
reponame:Repositorio Institucional Séneca
instname_str Universidad de los Andes
institution Universidad de los Andes
reponame_str Repositorio Institucional Séneca
collection Repositorio Institucional Séneca
bitstream.url.fl_str_mv https://repositorio.uniandes.edu.co/bitstreams/e18a2259-438b-42a3-a9a3-6a9937738d68/download
https://repositorio.uniandes.edu.co/bitstreams/a2c8e2f8-4d7f-4a1a-ae21-719798cedc8d/download
https://repositorio.uniandes.edu.co/bitstreams/02f0c33c-199d-4ef9-9eb9-552785b4cea3/download
bitstream.checksum.fl_str_mv ff4216a9347f1ff8ac2f7ecf35086c8e
08dcc93679eb3b318ca34f4a82196f81
8512ee1a992a2f03456f2f7282186908
bitstream.checksumAlgorithm.fl_str_mv MD5
MD5
MD5
repository.name.fl_str_mv Repositorio institucional Séneca
repository.mail.fl_str_mv adminrepositorio@uniandes.edu.co
_version_ 1812133996993183744
spelling Al consultar y hacer uso de este recurso, está aceptando las condiciones de uso establecidas por los autores.http://creativecommons.org/licenses/by-nc-nd/4.0/info:eu-repo/semantics/openAccesshttp://purl.org/coar/access_right/c_abf2Guerra Gómez, John Alexisvirtual::12478-1Vega Fernández, Antonio Juan de laeec714a5-ded9-45ff-97c7-b8334833a6105002020-06-10T15:58:17Z2020-06-10T15:58:17Z2018http://hdl.handle.net/1992/38921u820636.pdfinstname:Universidad de los Andesreponame:Repositorio Institucional Sénecarepourl:https://repositorio.uniandes.edu.co/In this document, we present a crowdsourced solution to fix three categories of accessibility issues of any web page without the intervention of its owner. The categories that can be fixed all relate to problems users with visual impairments run into. These are: missing alt descriptions in images, insufficient color contrast between background and text, and missing language attribute in HTML tag. However, the solution is architectured in such a way that more categories can be added in the future with ease. Users may interact with our solution in two ways. First, they may use our web application to find and fix the accessibility issues of any publicly displayed website. Second, while they are surfing the web, our browser extension will auto-generate code based on the fixes done through our web application by other users. The auto-generated code is then injected by the extension directly into the DOM in order to fix the accessibility issues. In order to test our solution, we launch a user experience study on our web application and ran accessibility audits using Google?s Lighthouse to test the extension?s auto-generated code. Indeed, the results obtained on both fronts were positive indicating that the solution we devised works as intended. However, our solution presents some limitations. Particularly, it works best on websites that are not frequently updated, need no authentication to present the content, and that display the same information to all users"En este documento se presenta una solución para reparar tres tipos distintos de problemas de accesibilidad web. La solución funciona en cualquier página sin la intervención de su autor. La solución se enfoca en problemas de accesibilidad relacionados a impedimentos visuales. Para realizar su labor, la solución utiliza un enfoque "crowdsourced". Los usuarios pueden utilizar la solución a través de un portal web o una extensión de Google Chrome. Mientras que el portal web sirve para que los usuarios propongan arreglos a los problemas de accesibilidad de las páginas, la extensión se encarga de aplicar los arreglos de los usuarios mediante la auto-generación de código JavaScript."--Tomado del Formato de Documento de GradoIngeniero de Sistemas y ComputaciónPregrado6 hojasapplication/pdfengUniversidad de los AndesIngeniería de Sistemas y ComputaciónFacultad de IngenieríaDepartamento de Ingeniería de Sistemas y Computacióninstname:Universidad de los Andesreponame:Repositorio Institucional SénecaCrowd-sourced and low cost solution for web accessibilityTrabajo de grado - Pregradoinfo:eu-repo/semantics/bachelorThesishttp://purl.org/coar/resource_type/c_7a1fhttp://purl.org/coar/version/c_970fb48d4fbd8a85Texthttp://purl.org/redcol/resource_type/TPAplicaciones WebServicios webPáginas WebArquitectura orientada al servicio (Computación)IngenieríaPublication26b87ca4-c283-4bc1-a992-d67be00dbf65virtual::12478-126b87ca4-c283-4bc1-a992-d67be00dbf65virtual::12478-1THUMBNAILu820636.pdf.jpgu820636.pdf.jpgIM Thumbnailimage/jpeg24375https://repositorio.uniandes.edu.co/bitstreams/e18a2259-438b-42a3-a9a3-6a9937738d68/downloadff4216a9347f1ff8ac2f7ecf35086c8eMD55TEXTu820636.pdf.txtu820636.pdf.txtExtracted texttext/plain22328https://repositorio.uniandes.edu.co/bitstreams/a2c8e2f8-4d7f-4a1a-ae21-719798cedc8d/download08dcc93679eb3b318ca34f4a82196f81MD54ORIGINALu820636.pdfapplication/pdf868976https://repositorio.uniandes.edu.co/bitstreams/02f0c33c-199d-4ef9-9eb9-552785b4cea3/download8512ee1a992a2f03456f2f7282186908MD511992/38921oai:repositorio.uniandes.edu.co:1992/389212024-03-13 14:41:47.369http://creativecommons.org/licenses/by-nc-nd/4.0/open.accesshttps://repositorio.uniandes.edu.coRepositorio institucional Sénecaadminrepositorio@uniandes.edu.co