FYI - Microsoft Office UI Fabric components, accessibility support
danielweck opened this issue · comments
Viable alternative to Material UI design? (looks pretty polished, with good screen reader support)
https://github.com/OfficeDev/office-ui-fabric-core
https://github.com/OfficeDev/office-ui-fabric-react
A11y info:
https://github.com/OfficeDev/office-ui-fabric-react/wiki/Accessibility
https://github.com/OfficeDev/office-ui-fabric-react/wiki/Accessibility-Troubleshooting
https://github.com/OfficeDev/office-ui-fabric-react/wiki/The-Fabric-Component#focus-rectangle-notes
https://developer.microsoft.com/en-us/fabric/#/components/announced
...and colour contrast handling in themes (-ms-high-contrast is supported "natively"):
https://developer.microsoft.com/en-us/fabric/#/components/customizations/colors#Accessibility
...although there are plenty of pending a11y issues :(
https://github.com/OfficeDev/office-ui-fabric-react/labels/Area%3A%20Accessibility
PS - this is used in the "accessibility-insights-web" axe-core -based accessibility checker (Chrome extension):
Uncertainty about Chromium support (for both Electron and future-Edge):
"We focus on Edge + Narrator compatibility which seems to be working as expected in the above scenarios (see output below).
Since it works in Narrator, we are likely providing the correct attributes and this is more likely an issue with NVDA / JAWS integration and should be raised in their bug report channels"
"Our primary support scenario is Microsoft Edge with Windows Narrator."
https://github.com/OfficeDev/office-ui-fabric-react/wiki/Accessibility
See also: readium/r2-navigator-js#37