Add the describe() function to live examples

Since p5.js has a convenient function to make sketches accessible to screen readers, it would be a great idea to use it.

Here's an example of how to do it:

1. Go to content/examples/... and navigate to the example folder for which you want to add alt-text.
2. Locate the liveSketch.js file
3. In the s.setup function add an s.describe() function and pass it your alt-text as a string.

For example:

s.describe(
      'there are two dark spheres side by side, the cursor works like a light source, when mouse moves the direction of light changes and reveals some part of spheres.'
    );

Edit: see for reference 👇

• https://github.com/processing/processing-website#readme
• https://github.com/processing/processing-website/blob/main/docs/examples.md
• https://p5js.org/reference/#/p5/describe
• https://design102.blog.gov.uk/2022/01/14/whats-the-alternative-how-to-write-good-alt-text/

July 30th 2024 edit: added step by step instructions