[core] Pin eslint-plugin-jsx-a11y version to 6.7.1 (#43292)

Author: Janpot

docs/src/modules/components/ApiPage/list/ExpandableApiItem.tsx

@@ -178,6 +178,9 @@ export default function ExpandableApiItem(props: ExpandableApiItemProps) {
   React.useEffect(() => {
     setIsExtended(displayOption === 'expanded');
   }, [displayOption]);
+
+  const anchorLabelId = React.useId();
+
   return (
     <Root
       ownerState={{ type }}
@@ -189,12 +192,13 @@ export default function ExpandableApiItem(props: ExpandableApiItemProps) {
       )}
     >
       <div className="MuiApi-item-header">
-        <a className="MuiApi-item-link-visual" href={`#${id}`}>
+        <a className="MuiApi-item-link-visual" href={`#${id}`} aria-labelledby={anchorLabelId}>
           <svg>
             <use xlinkHref="#anchor-link-icon" />
           </svg>
         </a>
         <span
+          id={anchorLabelId}
           className="MuiApi-item-title algolia-lvl3" // This className is used by Algolia
         >
           {title}

docs/src/modules/components/ApiPage/list/PropertiesList.tsx

@@ -157,12 +157,12 @@ export default function PropertiesList(props: PropertiesListProps) {
               <React.Fragment>
                 {propName}
                 {isProPlan && (
-                  <a href="/x/introduction/licensing/#pro-plan">
+                  <a href="/x/introduction/licensing/#pro-plan" aria-label="Pro plan">
                     <span className="plan-pro" />
                   </a>
                 )}
                 {isPremiumPlan && (
-                  <a href="/x/introduction/licensing/#premium-plan">
+                  <a href="/x/introduction/licensing/#premium-plan" aria-label="Premium plan">
                     <span className="plan-premium" />
                   </a>
                 )}

docs/src/modules/components/ApiPage/table/PropertiesTable.tsx

@@ -168,12 +168,12 @@ export default function PropertiesTable(props: PropertiesTableProps) {
                   {isRequired ? '*' : ''}
                   {isOptional ? '?' : ''}
                   {isProPlan && (
-                    <a href="/x/introduction/licensing/#pro-plan">
+                    <a href="/x/introduction/licensing/#pro-plan" aria-label="Pro plan">
                       <span className="plan-pro" />
                     </a>
                   )}
                   {isPremiumPlan && (
-                    <a href="/x/introduction/licensing/#premium-plan">
+                    <a href="/x/introduction/licensing/#premium-plan" aria-label="Premium plan">
                       <span className="plan-premium" />
                     </a>
                   )}

docs/src/modules/components/MaterialShowcase.js

@@ -489,7 +489,7 @@ export default function Showcase() {
                     }),
                   })}
                 >
-                  <a href={app.link} rel="noopener nofollow" target="_blank">
+                  <a href={app.link} rel="noopener nofollow" target="_blank" aria-label={app.title}>
                     <CardMedia
                       component="img"
                       loading="lazy"

package.json

@@ -150,7 +150,7 @@
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-filenames": "^1.3.2",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-jsx-a11y": "6.7.1",
     "eslint-plugin-material-ui": "workspace:^",
     "eslint-plugin-mocha": "^10.5.0",
     "eslint-plugin-react": "^7.35.0",