self-focused:帮助使单页应用程序对屏幕阅读器更加友好

时间:2024-05-31 15:30:41
【文件属性】:

文件名称:self-focused:帮助使单页应用程序对屏幕阅读器更加友好

文件大小:787KB

文件格式:ZIP

更新时间:2024-05-31 15:30:41

JavaScript

自我专注 当SPA(或任何动态Web应用程序)中发生UI转换时,会有视觉反馈。 但是,对于屏幕阅读软件的用户,默认情况下没有语音反馈。 传统上,屏幕阅读软件会在页面加载或页面刷新期间自动读出网页的内容。 在单页面应用程序中,通过转换当前页面而不是从服务器加载全新页面来进行UI转换。 这使得屏幕阅读软件用户很难知道UI的更改(例如,单击导航栏以加载新路线)。 如果动态内容的相应HTML节点可以以编程方式进行聚焦,则屏幕阅读软件将开始讲该节点的文本内容。 对动态内容的相应HTML节点进行聚焦可以认为是引导式聚焦管理。 它不仅有助于公告聚焦HTML节点的文本内容,而且还可以用作引导的上下文切换。 任何后续的“制表符”键按下将在此上下文内/之后聚焦下一个可聚焦元素。 但是,跟踪要聚焦HTML节点可能是乏味,重复且容易出错的,因为在SPA中可能需要数百个节点以编程方式聚焦。 对于余烬和React


【文件预览】:
self-focused-master
----.gitignore(745B)
----README.md(2KB)
----logo()
--------black-on-white.png(87KB)
--------black-on-transparent.png(122KB)
----lerna.json(84B)
----gifs()
--------ember-self-focused.gif(142KB)
--------react-self-focused.gif(144KB)
----packages()
--------react-self-focused()
--------ember-self-focused()
----LICENSE(1KB)
----package.json(619B)
----CONTRIBUTING.md(2KB)
----.travis.yml(91B)
----.editorconfig(368B)
----NOTICE(172B)
----test-apps()
--------README.md(485B)
--------test-ember-self-focused()
--------test-react-self-focused()
----package-lock.json(93KB)

网友评论