[eslint config] [breaking] disable label-has-for; enable control-has-associated-label

Author: ljharb

packages/eslint-config-airbnb/rules/react-a11y.js

@@ -48,7 +48,8 @@ module.exports = {
 
     // require that JSX labels use "htmlFor"
     // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/label-has-for.md
-    'jsx-a11y/label-has-for': ['error', {
+    // deprecated: replaced by `label-has-associated-control` rule
+    'jsx-a11y/label-has-for': ['off', {
       components: [],
       required: {
         every: ['nesting', 'id'],
@@ -68,8 +69,7 @@ module.exports = {
 
     // Enforce that a control (an interactive element) has a text label.
     // https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/control-has-associated-label.md
-    // TODO, semver-major: enable
-    'jsx-a11y/control-has-associated-label': ['off', {
+    'jsx-a11y/control-has-associated-label': ['error', {
       labelAttributes: ['label'],
       controlComponents: [],
       ignoreElements: [