Learn how to make your WebGL accessible with @react-three/a11y and react-three-fiber. Use the A11yAnnouncer component and wrap components with the A11y component to add accessibility features. Call functions on focus or click and provide descriptions for focused/hovered elements.

4m read timeFrom docs.pmnd.rs
Post cover image
Table of contents
Quick overview to get startedCall function on focusCall function on click / keyboard ClickProvide a description of the currently focused / hovered elementThe four roles of the A11y componentScreen Reader SupportAccess user preferencesAdditional Features

Sort: