Search the Community
Showing results for tags 'accessibility'.
-
Thank you to the people behind this great library! I am facing this issue that when the user tries to navigate through the site using their keyboard, we can see that the page jumps around randomly. The issue only occurs on Safari, with Voice Over on and when ScrollSmoother is enabled. I have created a quick demo of this issue on CodeSandbox. In order to make it work I've just added a div with some spacing so the jumping around is more evident. Here is the preview. And here is a video of the issue in case there is trouble in reproducing it: TIA! 🙌
- 2 replies
-
- nextjs
- scrollsmoother
-
(and 1 more)
Tagged with:
-
Hey guys, In a previous post, I asked about adding text to a banner that would be picked up by a screen reader, and got a great answer. The ad unit was given a once-over by some folks at the ADA, and they came back to us saying that we should have tabindex controls on any buttons in the banner as well. We have a play/pause, replay and the cta button that would need that attribute. My problem is, I built this particular unit in Animate CC, and don't know how to add tabindex to those elements. I saw that the 2dContext of the canvas element has a drawFocusIfNeeded() method, but how do I add that to my buttons? Also, can anyone confirm that the content of the banner, if it's being iframed in, will receive focus if the user keeps tabbing? Again, for the record, this is the first banner I've ever built that had all these strict ADA requirements, so I'm a little new at this. Thanks!
- 4 replies
-
- 1
-
- accessibility
- ada
-
(and 2 more)
Tagged with:
-
We just got a request to add some accessibility features to a banner. One request is to add a pause button to the banner so that the user can start and stop it to make the copy more readable. The other is to add hidden off-screen text for screen readers. Has anyone ever had such a request? Of course, the pause button thing is easy, but I'm just wondering about the experience. And is there a recommended method for adding hidden text that is still detected by screen-readers? I know that using display: none; or visibility: hidden; will also remove it from screen readers - should I just use negative positioning? Any suggestions would be greatly appreciated.
- 5 replies
-
- accessibility
- ada
-
(and 1 more)
Tagged with: