3 ms·

Unfortunately, rendering all that text on a canvas even in your link makes it inaccessible to many people living with disability too - the same as the intro vid

Unfortunately, rendering all that text on a canvas even in your link makes it inaccessible to many people living with disability too - the same as the intro video without captions. This is a really good example of how not to use canvas.

randoaccount108 9y ago
This. I work at a University where accessibility is a major issue when developing public-facing web apps. Any library/practice we adopt comes with a decent dose of "Will someone (minor sight issues all the way to blind) be able to use this? Someone with (minor hearing issues all the way to deaf)?" This seems promoted as a learning tool... just wouldn't fly in my department.
- aplummer 9y ago
  In Australia it's now law for all government websites to be WCAG AA
whywhywhywhy 9y ago
This seems like a petty thing to complain about to me considering how excellent the tech is and how it makes interactive graphics attainable for so many people.
- randoaccount108 9y ago
  ...but it continues to apply to less than the entire human base that generally browse the Internet. Seems like it makes interactive graphics attainable to people who were already able to, just making their effort to achieve it less.
  - lmccartz 9y ago
    I agree. When we made this video four years ago, we didn't know much about accessibility at all. We have been working since then to improve things. While we're going to leave this video alone as it's quite outdated (and probably remove the link from the website soon), we are building a web-based p5.js code editor that aims to be accessible to blind and low-vision users. In addition to being screen reader compatible, it will make the canvas, normally impenetrable to screen readers, accessible as well by providing and option of three different types of audio feedback based on what type of sketch you're trying to create. Claire Kearney-Volpe and Mathura Govindarajan are heading up the efforts, and Cassie Tarakajian is leading the development of the editor (more here: https://medium.com/@ProcessingOrg/a-p5-js-web-editor-for-all-64aaa3f9d767 https://medium.com/@ProcessingOrg/a-p5-js-web-editor-for-all...). We're aiming for a release very soon. We are always looking for more accessibility feature testers, so if you are interested in previewing an alpha version please email hello@5p5js.org.
    - aplummer 9y ago
      > it will make the canvas, normally impenetrable to screen readers, accessible as well by providing and option of three different types of audio feedback based on what type of sketch you're trying to create So impressive and great to hear! This will open up the canvas to so many applications currently we can't use it for. You could build so many web components running at a smooth 60fps that are currently janky!
- aplummer 9y ago
  I agree a bit, i should have clarified, background animation with this = awesome, rendering text, not so awesome. A couple p tags would solve the issue.

randoaccount108 9y ago

This. I work at a University where accessibility is a major issue when developing public-facing web apps. Any library/practice we adopt comes with a decent dose of "Will someone (minor sight issues all the way to blind) be able to use this? Someone with (minor hearing issues all the way to deaf)?" This seems promoted as a learning tool... just wouldn't fly in my department.

aplummer 9y ago
In Australia it's now law for all government websites to be WCAG AA

whywhywhywhy 9y ago

This seems like a petty thing to complain about to me considering how excellent the tech is and how it makes interactive graphics attainable for so many people.

randoaccount108 9y ago
...but it continues to apply to less than the entire human base that generally browse the Internet. Seems like it makes interactive graphics attainable to people who were already able to, just making their effort to achieve it less.
- lmccartz 9y ago
  I agree. When we made this video four years ago, we didn't know much about accessibility at all. We have been working since then to improve things. While we're going to leave this video alone as it's quite outdated (and probably remove the link from the website soon), we are building a web-based p5.js code editor that aims to be accessible to blind and low-vision users. In addition to being screen reader compatible, it will make the canvas, normally impenetrable to screen readers, accessible as well by providing and option of three different types of audio feedback based on what type of sketch you're trying to create. Claire Kearney-Volpe and Mathura Govindarajan are heading up the efforts, and Cassie Tarakajian is leading the development of the editor (more here: https://medium.com/@ProcessingOrg/a-p5-js-web-editor-for-all-64aaa3f9d767 https://medium.com/@ProcessingOrg/a-p5-js-web-editor-for-all...). We're aiming for a release very soon. We are always looking for more accessibility feature testers, so if you are interested in previewing an alpha version please email hello@5p5js.org.
  - aplummer 9y ago
    > it will make the canvas, normally impenetrable to screen readers, accessible as well by providing and option of three different types of audio feedback based on what type of sketch you're trying to create So impressive and great to hear! This will open up the canvas to so many applications currently we can't use it for. You could build so many web components running at a smooth 60fps that are currently janky!
aplummer 9y ago
I agree a bit, i should have clarified, background animation with this = awesome, rendering text, not so awesome. A couple p tags would solve the issue.