Questions tagged [jsx-a11y]
9 questions
5
votes
4 answers
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 changed that file for ages, it was fine before today. Anyone has idea? Thanks!
Just try to…
Footprint on Earth
- 51
- 1
- 2
2
votes
0 answers
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 './Comp';
const App: FC = () => (
…
Steve Tomlin
- 3,391
- 3
- 31
- 63
1
vote
2 answers
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 the way back through the radio buttons to get back…
AJ Johnson
- 11
- 1
1
vote
1 answer
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 buttons first, but at the moment tab continues with…
Dominika Bieder
- 41
- 3
0
votes
1 answer
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 I show them in a custom dropdown under the…
saim2025
- 280
- 2
- 5
- 14
0
votes
2 answers
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] = useState(false);
const handleLike=()=>{
…
mimo
- 23
- 5
0
votes
0 answers
Vue3 Accessibility (eslint)
I know there is an eslint plugin (eslint-plugin-jsx-a11y). I am wondering if I can use this eslint plugin in a vue3 project even though I am not using JSX? My current effort mandates WCAG compliance.
Energetic Pixels
- 349
- 3
- 15
0
votes
1 answer
0
votes
1 answer
`js` trigger submits an empty object error
js trigger submits an empty object error
$('input[value="submit"]').hide();
$('#bt-yes').click(function () {
$('#flag').val("1")
…
Jim K
- 47
- 3