feat: Improve Accessibility of Checkbox States

[rishabdev2997]

Feat: Design of checkboxes in monochrome mode - proposal

#580 - added the design

This pull request addresses the accessibility concerns related to the current checkboxes in the accessibility menu. The existing checkboxes, represented as circles, do not clearly reflect their state in monochrome mode, making it difficult for users relying on non-color cues to differentiate between checked and unchecked states.

How to see the changes

• Go to accessibility drop down
• Click the down arrow to see the drop down options
• Click the boxes to see the effects along with the tick check box

These modifications will enhance the user experience for those with visual impairments or those using monochrome displays, making the checkboxes more intuitive and accessible.

Here is the screenshot

p5js.mp4

[rishabdev2997]

Hi @limzykenneth,

I've submitted a PR to enhance checkbox accessibility by replacing circles with tick marks for improved clarity in monochrome mode. I’d appreciate it if you could review the changes, and please let me know if any adjustments are needed.

Thank you!

[limzykenneth]

I'm not sure inline SVG is necessarily the route we want to go with and we have not decided on what to go with. I would suggest furthering the discussions in the issue until a consensus is reached first. Thanks!