airbnb / airbnb/javascript

[eslint-config-airbnb] `jsx-a11y/control-has-associated-label` config does not ignore `td` and `th` HTML elements

Aperta
#3,069 9 commenti 0 reazioni 0 assegnatari Vedi su GitHub
pull request wanted
Lingua principale
JavaScript
Stelle
148k
Fork
26.6k
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

At Material UI, we use `eslint-config-airbnb`, which includes `jsx-a11y` pre-defined rules. We’re encountering this error for `td` and `th` elements:

```
A control must be associated with a text label jsx-a11y/control-has-associated-label
```

Since `td` and `th` are non-interactive, they should be added to the `ignoreElements` list [here](https://github.com/airbnb/javascript/blob/c25bce83be4db06e6a221d79686c485cd2ed5d5d/packages/eslint-config-airbnb/rules/react-a11y.js#L77-L85) and not parsed by jsx-a11y plugin.

This is preventing us from bumping `eslint-plugin-jsx-a11y`: https://github.com/mui/material-ui/pull/39752.

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Direzione di ricerca

Inizia da packages/eslint-config-airbnb/rules/react-a11y.js, nello specifico dalla configurazione ignoreElements collegata, e verifica come vi è configurata la regola jsx-a11y. Verifica che td e th vengano ignorati da control-has-associated-label e che la configurazione continui a funzionare con la versione più recente di eslint-plugin-jsx-a11y.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
eslint, javascript
Ambito
accessibility, tooling
Tipo di issue
Bug
Difficoltà
2/5
Tempo stimato
1-3 ore
Stato di attività
Ferma
Chiarezza
Specificata chiaramente
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.