Comments (6)
@sawyerh : Thank you for reporting. We are aware of this. We have a task to do accessibility audit and update the components.
from amplify-ui.
@ashika01 Great to hear, I appreciate the quick response. Any chance there's an estimate on the timeline for the accessibility updates?
from amplify-ui.
@sawyerh We have as fast follow up item. I will update this ticket with an estimate soon.
from amplify-ui.
@sawyerh : would you be interested in putting up a PR for this.? There is bigger audit piece on all new UI components, that is happening with LightHouse which is WIP.
from amplify-ui.
With our new authenticator we have taken accessibility in mind with all our designs. Recently I pushed up a PR to add in a role=alert
to all the alert messages and errors. This will give screen readers a better indiction of when errors occur. We are also using aria-invalid
in several of our inputs as well.
We decided not to change focus on alert's because we feel like it's an unexpected experience for the user. However, we are always up for suggestions on how to make this better.
I believe this is a good first start, and we'd really like more feedback on more places we can make our app more accessible.
You can check out our new authenticator documents here to get started.
https://ui.docs.amplify.aws/ui/getting-started/installation
from amplify-ui.
I'll close this now. Please reopen it if needed.
from amplify-ui.
Related Issues (20)
- SelectField SVG accessibility
- Liveness - Your account isn't authorized to call this operation HOT 11
- Pass className prop through to StorageImage HOT 1
- Could not resolve all files for configuration ':amazon-cognito-identity-js:debugCompileClasspath'. HOT 1
- Vite React - Component does not work correctly in mobile browsers, especially Google browsers HOT 8
- Liveness - Users getting timeout error as soon as they try to load HOT 13
- Undefined ('S3Object') Error HOT 12
- Customizable Visual Feedback Colors in Liveness Component HOT 3
- Autocomplete footer not allowing onClick HOT 2
- [Face Liveness] Cannot complete check due to server issue. Try again HOT 13
- Authenticator with only social sign in (hide regular sign in fields) HOT 2
- React: Set unique id to each authenticator step's button HOT 3
- Unrecognizable lambda output - When user Create an account HOT 1
- ResizeObserver loop when navigating in the Authenticator component HOT 3
- [i18n] update dictionaries/authenticator/kr.ts HOT 1
- Geo: Marker "TypeError: Cannot destructure property 'map' of '(0 , import_react4.useContext)(...)' as it is null." HOT 5
- bug(react/Menu): Hitting enter on MenuButton does not trigger the menu to open
- The SignUp UI does not render few fields sometimes HOT 9
- WebSocket connection failed HOT 4
- bug(StorageManager/a11y): Upload status is not announced to screen readers
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 amplify-ui.