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

[ZeeshanTamboli]

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 and not parsed by jsx-a11y plugin.

This is preventing us from bumping eslint-plugin-jsx-a11y: mui/material-ui#39752.

[ljharb]

It shouldn’t be preventing anything since you can (and should, in cases like these) be overriding a rule’s config whenever needed.

The change seems good, however.

[AyushSinha-6409]

why my comment was marked As a Spam i was Genuinely trying to help as i am new to contributing may be i had made some mistake could you help me all i commented was /assign to start working on this project..

[ljharb]

@AyushSinha-6409 that's not how github works. nobody gets assigned, and most repos don't have slash commands. you just make a PR.

[AyushSinha-6409]

@ljharb Okay sorry.. trying my best to learn all this stuff

[MustakimShaikh01]

Hi! 👋 I'd like to work on this issue.

Since the collaborator mentioned "the change seems good" and there is no open PR for this yet, I’d be happy to create a PR that:

adds td and th to the ignoreElements list in jsx-a11y/control-has-associated-label,

updates the Airbnb eslint config accordingly, and

includes tests to ensure the rule no longer flags non-interactive table elements.

Please let me know if you’re okay with me taking this up.
Thanks!

— Mustakim Shaikh

[ljharb]

Sure, as long as you don't use AI for the contribution, it's more than welcome.

[MUSTAKIMSHAIKH2942]

Understood — I’ll handle the contribution manually without any AI assistance.
Thanks for the clarification!

[MUSTAKIMSHAIKH2942]

Hi, I'm running into the same issue where control-has-associated-label is flagging and even though they're not interactive elements.
I’m not sure what the correct approach is on my side — should I add my own override with ignoreElements, or is this something that will be updated in the Airbnb config?
Just want to make sure I'm handling it the right way. Thanks!

[ljharb]

If you think it's an issue with the rule, please file it on that repo.