Reactjs 如何使屏幕阅读器在滚动后开始阅读web内容

我正在制作一个可访问的web应用程序。其中一个功能是一个按钮，允许用户滚动到页面的某一部分。我正在使用window.scrollTox，y来实现这个功能

现在使用内置的Mac VoicerOver测试我的应用程序，我发现尽管我可以点击按钮并毫无问题地滚动，但滚动后VoiceOver不会读取任何内容。取而代之的是，我必须点击鼠标，或者使用键盘使其在滚动后读取屏幕上的内容

我担心一些用户可能没有意识到他们需要在点击按钮后再次点击。我有两种可能的解决办法：

当屏幕阅读器阅读该按钮时，它还告诉用户，如果他们想进入livechat，他们需要在单击按钮后再次单击。我知道如何实现这个，但它看起来冗长而愚蠢

更改我的代码，以便画外音在滚动后读取内容。我不知道如何实现这个

我希望屏幕阅读器阅读的内容被包装在一个标签中。

如果您只是滚动页面，那么大多数屏幕阅读器用户不会在意您是否滚动。在视觉受限或无视觉的情况下，屏幕是否滚动并不重要，因为屏幕无法看到

但是，如果您滚动页面以便将某个元素放入视图中，那么屏幕阅读器用户也会受益

听起来你在尝试做后者：

允许用户滚动到页面的特定部分

在这种情况下，还需要通过focusjavascript调用将键盘焦点放在该元素上。移动焦点将导致画外音读取该内容。但要将焦点移动到本机不可聚焦的元素，如a或a或，接收元素需要tabindex=-1

一些标题 然后在某个地方你会有这样的javascript：

var元素=document.getElementByIdmyh2； 元素。焦点； 如果您只是滚动页面，那么大多数屏幕阅读器用户不会在意您是否滚动。在视觉受限或无视觉的情况下，屏幕是否滚动并不重要，因为屏幕无法看到

但是，如果您滚动页面以便将某个元素放入视图中，那么屏幕阅读器用户也会受益

听起来你在尝试做后者：

允许用户滚动到页面的特定部分

在这种情况下，还需要通过focusjavascript调用将键盘焦点放在该元素上。移动焦点将导致画外音读取该内容。但要将焦点移动到本机不可聚焦的元素，如a或a或，接收元素需要tabindex=-1

一些标题 然后在某个地方你会有这样的javascript：

var元素=document.getElementByIdmyh2； 元素。焦点；

---

你考虑过用锚代替按钮吗？您可以将锚点的href属性设置为另一个页面元素href=sectionABC，这将引导用户找到该元素，这对于屏幕阅读器来说是一种更自然的一致行为和预期行为。您是否考虑过使用锚点而不是按钮？您可以将锚点的href属性设置为另一个页面元素href=sectionABC，这将引导用户找到该元素，这对于屏幕阅读器来说是一种更自然的一致和预期的行为。谢谢，是的，我想把重点放在element@Katsukichan那么，把重点放在元素上解决了你的问题？如果是的话，你能选择正确的答案吗？谢谢你是的，我想把重点放在element@Katsukichan那么，把重点放在元素上解决了你的问题？如果是，您能选择正确的答案吗？