10 questions
1
vote
0
answers
100
views
aria-live regions re-announce after closing a modal due I hide the rest of the DOM with aria-hidden. HOW this w/o letting the SR cursor esc?
I’m building an accessible modal. When it opens, I mark all siblings of the modal with aria-hidden="true" so the screen reader cursor can’t roam outside. That removes those nodes from the ...
- 310
0
votes
1
answer
1k
views
Accessibility in custom suggestion dropdown in React
I have a search field in my application and I have implemented a custom suggestion dropdown with it. When user types any keyword in the search field I query a search index and once results are fetched ...
- 320
0
votes
2
answers
306
views
Make Like button in react.js
I wan't to make the only selected button change not all in the same time when i clicke on it
I've created this function which contains a Boolean state and the toggle it
const [like, setLike] = ...
- 49
0
votes
1
answer
1k
views
eslint jsx-a11y label must be associated with a control error
The <label> in this code is being rejected by the eslint jsx-a11y plugin:
A form label must be associated with a control. eslint(jsx-a11y/label-has-associated-control)
<div className="...
- 13.1k
9
votes
5
answers
16k
views
Failed to load plugin 'jsx-a11y' declared in 'package.json » eslint-config-react-app': Unexpected token =
Just got this error from today, I have config in package.json file:
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
I have not ...
0
votes
1
answer
25
views
`js` trigger submits an empty object error
js trigger submits an empty object error
<input hidden type="text" id="flag" name="flag" value="${model.flag}" >
$('input[value="submit"]')....
- 57
1
vote
3
answers
1k
views
Web Accessibility - Navigating to Tab from tabpanel
I have a modal that consists of tab layout to enter some form data. The form is a list of radiogroups that can be quite long.
For a user to get back to the tab, currently they have to shift+tab all ...
- 11
2
votes
2
answers
435
views
modal's buttons to be tabbable first once modal is open
I have a list of offers, each of them with a delete button, that once clicked opens a modal with another 2 buttons: delete and cancel.
When the modal has opened, I want to be able to tab to these 2 ...
- 61
2
votes
0
answers
889
views
How to get jsx-a11y to work with eslint using typescript
I have spent the best part of the day trying to figure out why it won't display eslint error messages against this code:
Example component:
import React, { FC } from 'react';
import { Comp } from './...
- 3,802
1
vote
2
answers
4k
views
Disabling or overriding jsx-a11y/media-has-caption when the provided file has no captions
I have an audio file that im querying from contentful but instead of display the data I keep getting this eslintrule pop.
It's an audio file so it has no captions. Is there a way of disabling this or ...
- 703