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...
- 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_ |
1808390402030436352 |
| 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 |