Comments (2)
The aria status region uses inline styling to visually hide it. Everything else is themed using regular CSS.
This is intentional. Users can get confused why stuff they don't expect to show up shows up and not know how to fix it, when using other similar typeaheads.
Worth noting that the typeahead used to have a lot more inline styling relating to critical functionality and usability (like overlaying using absolute positioning), but it was abstracted out in the CSS.
There's pros and cons to either approach with some advocating that the best would be to just pull everything into CSS but I think the current way it works is alright.
from accessible-autocomplete.
Seems like current approach is good for users because consumers can't accidentally hide the information in an odd way but it means that this component must be updated which seems reasonable because then others have an easy way to update.
from accessible-autocomplete.
Related Issues (20)
- Regression: assistive hints are broken in 2.04
- enhanceSelectElement reset content if user input does not match selection
- Narrator goes into "scan" mode when using arrow keys
- @rebase
- React component - Invalid ARIA attribute value: aria-activedescendant="false" HOT 1
- How to set new displayed input value on confirm
- unsetting the value that is been set is not working
- Dynamically set the autocomplete value
- WCAG 2.2: Scroll bar within combobox is difficult to activate, due to width (15px wide) HOT 2
- Value of input not being updated by Dragon NaturallySpeaking HOT 18
- Is there anyway to make the assistiveHint attribute optional? HOT 1
- Can't set up dev environment/fibers won't compile HOT 8
- hook for keyboard down or when user start typing HOT 1
- showAllValues not working
- Finalise CHANGELOG content ahead of release
- Query: Entering 'autocomplete list box' on desktop & mobile devices
- Run test against latest version 10.x of Preact
- Run test against newer versions of React
- Release new version of accessible autocomplete HOT 2
- Two screenreader user reccomendations on results
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 accessible-autocomplete.