【文件属性】:
文件名称:react-three-a11y:React辅助工具,用于React三纤
文件大小:382KB
文件格式:ZIP
更新时间:2021-03-08 00:03:53
threejs reactjs react-three-fiber TypeScript
@ react-three / a11y
npm install @react-three/a11y
@react-three/a11y通过易于使用的组件为@react-three/a11y带来可访问性:
焦点和焦点指示
标签索引和键盘导航
屏幕阅读器支持和替代文字
角色和光标形状
描述性链接
现场演示: :
如何使用
首先,将A11yAnnouncer组件放置在R3F Canvas组件旁边。 这很关键,因为它将管理屏幕阅读器并帮助模仿焦点!
import { Canvas } from 'react-three-fiber'
import { A11yAnnouncer } from '@react-three/a11y'
function App ( ) {
return (
< >
< Canvas>
< A11yAnnouncer
【文件预览】:
react-three-a11y-main
----.gitignore(41B)
----.codesandbox()
--------ci.json(29B)
----package.json(2KB)
----src()
--------A11yDebuger.tsx(4KB)
--------A11yAnnouncer.tsx(955B)
--------A11yUserPreferences.tsx(3KB)
--------A11ySection.tsx(2KB)
--------A11y.tsx(11KB)
--------index.tsx(172B)
--------announceStore.tsx(342B)
----LICENSE(1KB)
----tsconfig.json(1KB)
----.github()
--------workflows()
----README.md(8KB)
----example()
--------package.json(968B)
--------src()
--------public()
--------index.html(345B)
--------.prettierrc(201B)
--------yarn.lock(543KB)
----.vscode()
--------settings.json(245B)
----test()
--------blah.test.tsx(63B)
----yarn.lock(398KB)