processing / p5.js-web-editor

The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything.
https://editor.p5js.org
GNU Lesser General Public License v2.1
1.36k stars 1.32k forks source link

Include text output in full screen mode/while sharing #137

Open MathuraMG opened 7 years ago

MathuraMG commented 7 years ago

Currently, while viewing the sketch in full screen/while sharing the accessible text output is not present. Possible solutions : Include a textOutput parameter while viewing the sketch in fullscreen http://alpha.editor.p5js.org/full/?textOutput=1 And then in the share window, update the UI so there's a button to add the query string parameter to the URL.

catarak commented 7 years ago

Not sure if this will be relevant with some new designs coming... would it make sense to include the accessible text output in an embedded view? Maybe that could be a query string parameter for the embed view?

machinic commented 7 years ago

@MathuraMG I've tried to recreate the current experience by turning accessible text mode on (in regular view) and also going into full screen mode (through a share full screen URL) to better understand what is missing but I may not have the best sketch to use as an example (as so much is currently missing from that full-screen experience). If you had an example or could describe the issue further then I'd be able to better bake in a solution to the design updates or weigh in on catarak's suggestion. thanks!

catarak commented 7 years ago

Design

screen shot 2017-07-11 at 10 16 54 am

Need to make sure that all of the accessibility features work on the full screen view, as well as when embedding a sketch.