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)
- Scrolling with long content doesn't not work on iOS after outside click
- dispatch `ActionTypes.UpdateVirtualOptions` drops `disabled` function HOT 3
- Bump `@react-aria` versions to address missing source maps and console spam HOT 2
- `style` prop of `ComboboxOptions` is ignored HOT 6
- Headless v2 makes resizeObserver mandatory for testing HOT 2
- React Popover v2: render in a portal breaks use case HOT 5
- Accessibility: Keyboard focus with tab key is trapped within listbox HOT 1
- __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED and React 19 RC HOT 1
- Bug Conditional className when using DisclosurePanel inside Transition HOT 2
- Vue ComboBox virtual API broken HOT 1
- Release #3263? HOT 1
- Missing ref owner context. ref cannot be used on hoisted vnodes. [ TransitionRoot with vite ] HOT 1
- HeadlessUI/React v2: Popover closes when PopoverButton is hidden
- Using a Switch blocks Command-N from opening a new window in macOS Safari
- Cannot test combobox rendered in portal with react-testing-library (headlessui v2)
- [DOCS]: wrong ul>li usage in Listbox example code HOT 1
- Transition not triggering when using Dialog as a component HOT 2
- Popover not setting 'key' prop internally HOT 1
- [VueJS] FocusTrap issue causing modal to not open when routed back to the page 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.