Web Accessibility Project 
for GSoC


Summer 2021 in partnership with the Processing Foundation to create open source code

Google Summer of Code is a global program focused on bringing more student developers into open source software development. Students work with an open source organization on a 10 week programming project during their break from school.

Team: Individual Project
Mentors: Rachel Lim and Claire Kearney-Volpe
Timeline: May - August 2021

2021 Processing Foundation cohort

project on the GSoC website




The alt text is added via an aria-label attached to the iframe of the image on the page. The images below show the differences in the code when run.

Project Proposal


My proposed project will update the p5.js tutorials as well as the elements in the p5.js reference section of the website. Currently some of the reference pages come with a small visual element to help exemplify the use of the function. However, there is no alt text for these visual elements. Moreover, some tutorials have screenshots of the p5.js software but do not have alt text describing these photos either. By adding alt text to photos used in both the reference pages and in the current p5.js tutorials under “learn,” p5.js would become more accessible to visually impaired viewers. Furthermore, I think it would also make tutorials and references more comprehensive to all viewers. If there are confusions about what a p5.js function does, the alt text describing the image included would be useful for people who are learning p5.js.


read my documentation on medium

read my documentation on GitHub


Using Mac's built-in screen reader on Chrome using my mouse to navigate
Using Mac's built-in screen reader on Chrome using VoiceOver shortcuts to navigate