search

processing / p5.accessibility

p5.accessibility.js makes the p5 canvas more accessible to people who are blind and visually impaired. It can be used with any p5.js sketch and it is used in the p5.js web editor.
GNU Lesser General Public License v2.1
74 stars 27 forks source link

Sketch output don't go well on example pages #55

Closed MayayTW1620 closed 6 years ago

MayayTW1620 commented 6 years ago

When using the accessible library on example pages with the screen reader, list in text output will loop several times before actually read elements of the list.

And table output would not be read completely, after reading out the first line, the focus will jump to the icon of the webpage and go all over again.

Not sure if it is a bug or something else.

lm-n commented 6 years ago

@MayayTW1620 please include the code that you were using so that we can try to replicate the issue

MayayTW1620 commented 6 years ago

This problem is a normal problem when I tried VoiceOver on an example page with accessible library installed. Like this one https://p5js.org/examples/structure-coordinates.html. When going with text output, the list will loop several times before reading elements of the list. I didn't change any code in the html file except for

`

<script src="https://cdn.rawgit.com/processing/p5.accessibility/v0.1.1/dist/p5-accessibility.js"></script>

` in the body and

#textOutput-content, #tableOutput-content{ position: static !important; left: 10px !important; top: auto !important; width: auto !important; height: auto !important; overflow: visible !important; }

in the style section.

MathuraMG commented 6 years ago

was a local issue.