Comments (2)
Hi! I believe this is a problem with both Chrome and Firefox. After some research I discovered this answer on Microsoft Community and it seems to imply that Windows Narrator does not work correctly with Chrome. And from my testing, possibly not with Firefox either. Some things work and some things do not.
I tested the Headless UI website with Edge and Windows Narrator and it was working fine there:
screen.reader.mov
I'm going to leave this open as a reminder to look closer into this but I suspect there's nothing we can do as I believe the button interactions are just not working.
from headlessui.
Hi, thanks a lot for taking a look at this issue!
The post on the Microsoft Community forum sounds discouraging. Luckily (strangely?) that doesn't match our experience, where Narrator is able to navigate most of our web page.
It seems hard to locate what the root cause of this issue may be. Narrator seems to be able to navigate the Radix UI Tabs quite fine:
radix_tabs_narrator.mov
(recorded on https://www.radix-ui.com/themes/docs/components/tabs by a teammate, there seem to be some quirks at the end of the video?)
Maybe you're able to gain some insight from this information. Let's hope most people requiring a screen reader use a better product ;)
from headlessui.
Related Issues (20)
- `RadioGroup` do not render hidden inputs when given a `name` HOT 1
- Sibling Dialogs can't touch-scroll on mobile HOT 2
- Combobox: When ComboboxInput is clicked combobox gets closed HOT 2
- React warning `Warning: Function components cannot be given refs.` and wrong visual placement of combobox options, when using `as={React.Fragment}` alongside Framer Motion's `motion.div` and `AnimatePresence` for immediate comboboxes
- Menu gets closed when user click outside, but event propagation seems suppressed HOT 1
- Better support for exactOptionalPropertyTypes: true
- Combobox virtual types don't work when multiple is true
- On Android/Chrome, opening Dialog results in too much right-padding if the page has horizontal overflow
- Unable to manually close Menu Component
- Listbox not closing when scrolling the page HOT 2
- ListBoxButton remains active on mouse exit HOT 1
- [Dialog] `DialogPanel` with framer motion and `as` prop HOT 2
- On iOS Safari, scrolling is not possible or limited if an input in a Dialog is focused
- Passing ref to PopoverButton the ref get nullified on rerenders
- Display value not present in the DOM
- v1 docs for vue 400 bad request HOT 1
- boolean form values are incorrect
- User select is not working inside ComboboxOptions HOT 2
- Inert is over extending into elements inside the combo box HOT 1
- transition attribute name collision when using framer motion HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from headlessui.