♿ 🧑‍🦯🧏 Accessibility features

[skchr]

Hey everyone, this discussion is where you can see the accessibility features included in the app.

Feel free to share suggestions on how we can make this a more accessible experience.

Note

Screenshots and suggestions shared here are strictly for accessibility features. Other UI related will be added later on.

[skchr]

Week 4 update

We finally have a working p5 REPL in the app!

Users are now able to run their sketch code and see the results in realtime:

Here's a few features to make the experience feel more accessible:

Long press to reveal symbol documentation

This feature was inspired by the VS Code LSP hover hint that shows details about the focused symbol,this helps users quickly refer to the function signature without navigating away from the exercise:

Adjustable font size

Not everyone has 20/20 vision, so why stick to one font size ? The user can adjust the code block's font size for an easier editing experience in the Settings

Light/Dark mode support

What kind of an app would it be if it didn't come with support for light and dark mode ?

Drawer FAB

For users that rely on gestures for navigation, accessing the side drawer may conflict with the system's 'Go back to previous page' action. To work around this, we have a FAB that the user can just tap to reveal the drawer. You can toggle this option in the Settings:

That's it for now! If you have any suggestions on other accessibility features that would be nice to have, let me know in the comments below. 👇