diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 7142f573c446c2..bb33aac15bf91a 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -64,6 +64,9 @@ jobs:
       # - run: pnpm release:changelog
       #   env:
       #     GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - name: Check docs links
+        if: ${{ matrix.os == 'ubuntu-latest' }}
+        run: pnpm docs:link-check
       - name: Debug export-detail.json on when pnpm docs:build fails with EMFILE error
         if: failure()
         run: cat ./docs/.next/export-detail.json || true
diff --git a/docs/data/material/components/selects/GroupedSelect.js b/docs/data/material/components/selects/GroupedSelect.js
index 3bab115a72ce57..4eff428d7fe755 100644
--- a/docs/data/material/components/selects/GroupedSelect.js
+++ b/docs/data/material/components/selects/GroupedSelect.js
@@ -25,9 +25,7 @@ export default function GroupedSelect() {
         </Select>
       </FormControl>
       <FormControl sx={{ m: 1, minWidth: 120 }}>
-        <InputLabel id={`${id}-label`} htmlFor={`${id}-select`}>
-          Grouping
-        </InputLabel>
+        <InputLabel id={`${id}-label`}>Grouping</InputLabel>
         <Select
           defaultValue=""
           id={`${id}-select`}
diff --git a/docs/data/material/components/selects/GroupedSelect.tsx b/docs/data/material/components/selects/GroupedSelect.tsx
index 3bab115a72ce57..4eff428d7fe755 100644
--- a/docs/data/material/components/selects/GroupedSelect.tsx
+++ b/docs/data/material/components/selects/GroupedSelect.tsx
@@ -25,9 +25,7 @@ export default function GroupedSelect() {
         </Select>
       </FormControl>
       <FormControl sx={{ m: 1, minWidth: 120 }}>
-        <InputLabel id={`${id}-label`} htmlFor={`${id}-select`}>
-          Grouping
-        </InputLabel>
+        <InputLabel id={`${id}-label`}>Grouping</InputLabel>
         <Select
           defaultValue=""
           id={`${id}-select`}
diff --git a/docs/data/material/customization/color/ColorTool.js b/docs/data/material/customization/color/ColorTool.js
index ad3a1c0f6079d0..4fe3c6c7b710b5 100644
--- a/docs/data/material/customization/color/ColorTool.js
+++ b/docs/data/material/customization/color/ColorTool.js
@@ -258,6 +258,7 @@ function ColorTool() {
                   onChange={handleChangeHue(intent)}
                   value={hue}
                   name={intent}
+                  aria-label={hue}
                   icon={
                     <Box
                       sx={{ width: 48, height: 48 }}
diff --git a/docs/data/material/customization/color/color.md b/docs/data/material/customization/color/color.md
index 32c7f2ab71b3ef..231c0761620836 100644
--- a/docs/data/material/customization/color/color.md
+++ b/docs/data/material/customization/color/color.md
@@ -12,7 +12,7 @@ The Material Design team has also built an awesome palette configuration tool: [
 This can help you create a color palette for your UI, as well as measure the accessibility level of any color combination.
 
 <a href="https://m2.material.io/inline-tools/color/" target="_blank" rel="noopener nofollow" class="remove-link-arrow">
-  <img src="/static/images/color/colorTool.png" alt="Official color tool" style="width: 574px" width=1148" height="610" />
+  <img src="/static/images/color/colorTool.png" alt="Official color tool" style="width: 574px" width="1148" height="610" />
 </a>
 <br />
 <br />
diff --git a/docs/data/material/customization/right-to-left/RtlOptOut.js b/docs/data/material/customization/right-to-left/RtlOptOut.js
index a574ea5b4bab2b..5b819e622d887d 100644
--- a/docs/data/material/customization/right-to-left/RtlOptOut.js
+++ b/docs/data/material/customization/right-to-left/RtlOptOut.js
@@ -40,7 +40,7 @@ export default function RtlOptOut() {
         label="Toggle RTL"
       />
       <CacheProvider value={rtl ? rtlCache : ltrCache}>
-        <Box sx={{ flexGrow: 1, mx: 2 }} dir={rtl ? 'rtl' : ''}>
+        <Box sx={{ flexGrow: 1, mx: 2 }} dir={rtl ? 'rtl' : undefined}>
           <Normal>RTL normal behavior</Normal>
           <Noflip>RTL noflip</Noflip>
         </Box>
diff --git a/docs/data/material/customization/right-to-left/RtlOptOut.tsx b/docs/data/material/customization/right-to-left/RtlOptOut.tsx
index a574ea5b4bab2b..5b819e622d887d 100644
--- a/docs/data/material/customization/right-to-left/RtlOptOut.tsx
+++ b/docs/data/material/customization/right-to-left/RtlOptOut.tsx
@@ -40,7 +40,7 @@ export default function RtlOptOut() {
         label="Toggle RTL"
       />
       <CacheProvider value={rtl ? rtlCache : ltrCache}>
-        <Box sx={{ flexGrow: 1, mx: 2 }} dir={rtl ? 'rtl' : ''}>
+        <Box sx={{ flexGrow: 1, mx: 2 }} dir={rtl ? 'rtl' : undefined}>
           <Normal>RTL normal behavior</Normal>
           <Noflip>RTL noflip</Noflip>
         </Box>
diff --git a/docs/data/material/customization/right-to-left/RtlOptOut.tsx.preview b/docs/data/material/customization/right-to-left/RtlOptOut.tsx.preview
index c4362fb2759537..91b2c127df05a5 100644
--- a/docs/data/material/customization/right-to-left/RtlOptOut.tsx.preview
+++ b/docs/data/material/customization/right-to-left/RtlOptOut.tsx.preview
@@ -3,7 +3,7 @@
   label="Toggle RTL"
 />
 <CacheProvider value={rtl ? rtlCache : ltrCache}>
-  <Box sx={{ flexGrow: 1, mx: 2 }} dir={rtl ? 'rtl' : ''}>
+  <Box sx={{ flexGrow: 1, mx: 2 }} dir={rtl ? 'rtl' : undefined}>
     <Normal>RTL normal behavior</Normal>
     <Noflip>RTL noflip</Noflip>
   </Box>
diff --git a/docs/data/material/design-resources/material-ui-for-figma/material-ui-for-figma.md b/docs/data/material/design-resources/material-ui-for-figma/material-ui-for-figma.md
index 20c6d65d4de3e7..c9082e04d2c490 100644
--- a/docs/data/material/design-resources/material-ui-for-figma/material-ui-for-figma.md
+++ b/docs/data/material/design-resources/material-ui-for-figma/material-ui-for-figma.md
@@ -72,7 +72,7 @@ You can use the [Similayer](https://www.figma.com/community/plugin/7357332678833
 
 The video below shows how to add new columns by detaching cells from their row components, allowing you to freely move content around.
 
-<iframe src="https://www.loom.com/embed/6dd71cc374bc4d84af35ebb75d107d38?sid=1d3a4790-4c28-433e-94ce-97dd969601dd" webkitallowfullscreen mozallowfullscreen allowfullscreen style="width: 100%; height: 500px; border: 0"></iframe>
+<iframe src="https://www.loom.com/embed/6dd71cc374bc4d84af35ebb75d107d38?sid=1d3a4790-4c28-433e-94ce-97dd969601dd" title="Adding new columns by detaching cells from row components" webkitallowfullscreen mozallowfullscreen allowfullscreen style="width: 100%; height: 500px; border: 0"></iframe>
 
 #### Adding new columns in the main component
 
diff --git a/docs/data/material/discover-more/backers/backers.md b/docs/data/material/discover-more/backers/backers.md
index 43f414c311d3c8..30c988226d7fa3 100644
--- a/docs/data/material/discover-more/backers/backers.md
+++ b/docs/data/material/discover-more/backers/backers.md
@@ -8,8 +8,8 @@ Sponsorship increases the rate of bug fixes, documentation improvements, and fea
 ## Diamond sponsors
 
 <p style="display: flex; justify-content: start; align-items: center; flex-wrap: wrap; margin-top: 8px;">
-  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="doit.com" href="https://www.doit.com/flexsave/?utm_source=mui.com&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" class="remove-link-arrow" class="remove-link-arrow" style="margin-right: 24px;"><img height="128" width="128" src="/static/sponsors/doit-square.svg" alt="doit" title="Management platform for Google Cloud and AWS" loading="lazy" /></a>
-  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="formengine.io" href="https://formengine.io/lightweight-react-json-schema-form-builder-library-for-mui?utm_source=mui&utm_medium=sponsor&utm_campaign=mui&utm_content=stop-manually&utm_term=smartway" rel="noopener sponsored" target="_blank" class="remove-link-arrow" class="remove-link-arrow" style="margin-right: 24px;"><img height="128" width="128" src="/static/sponsors/formengine-square.svg" alt="formengine" title="Build forms with MUI the smart way!" loading="lazy" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="doit.com" href="https://www.doit.com/flexsave/?utm_source=mui.com&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" class="remove-link-arrow" style="margin-right: 24px;"><img height="128" width="128" src="/static/sponsors/doit-square.svg" alt="doit" title="Management platform for Google Cloud and AWS" loading="lazy" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="formengine.io" href="https://formengine.io/lightweight-react-json-schema-form-builder-library-for-mui?utm_source=mui&utm_medium=sponsor&utm_campaign=mui&utm_content=stop-manually&utm_term=smartway" rel="noopener sponsored" target="_blank" class="remove-link-arrow" style="margin-right: 24px;"><img height="128" width="128" src="/static/sponsors/formengine-square.svg" alt="formengine" title="Build forms with MUI the smart way!" loading="lazy" /></a>
 </p>
 
 _1/3 slots available_
diff --git a/docs/data/material/integrations/interoperability/interoperability.md b/docs/data/material/integrations/interoperability/interoperability.md
index 58dcd4e4011210..ee238bf1222c23 100644
--- a/docs/data/material/integrations/interoperability/interoperability.md
+++ b/docs/data/material/integrations/interoperability/interoperability.md
@@ -18,7 +18,7 @@ There are examples for the following styling solutions:
 
 Nothing fancy, just plain CSS.
 
-{{"demo": "StyledComponents.js", "hideToolbar": true}}
+{{"demo": "StyledComponents.js", "hideToolbar": true, "anchorId": null}}
 
 [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/plain-css-fdue7)
 
@@ -95,7 +95,7 @@ In Material UI, all child elements have an increased specificity of 2: `.parent
 
 The following examples override the slider's `thumb` style in addition to the custom styles on the slider itself.
 
-{{"demo": "StyledComponentsDeep.js", "hideToolbar": true}}
+{{"demo": "StyledComponentsDeep.js", "hideToolbar": true, "anchorId": null}}
 
 ```css title="PlainCssSliderDeep1.css"
 .slider {
@@ -236,7 +236,7 @@ In Material UI, all child elements have an increased specificity of 2: `.parent
 
 The following example overrides the slider's `thumb` style in addition to the custom styles on the slider itself.
 
-{{"demo": "StyledComponentsDeep.js", "hideToolbar": true}}
+{{"demo": "StyledComponentsDeep.js", "hideToolbar": true, "anchorId": null}}
 
 ```css title="GlobalCssSliderDeep.css"
 .MuiSlider-root {
@@ -401,7 +401,7 @@ const StyledTooltip = styled(({ className, ...props }) => (
 
 It's hard to know the market share of [this styling solution](https://github.com/css-modules/css-modules) as it's dependent on the bundling solution people are using.
 
-{{"demo": "StyledComponents.js", "hideToolbar": true}}
+{{"demo": "StyledComponents.js", "hideToolbar": true, "anchorId": null}}
 
 [![Edit Button](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/sandbox/css-modules-nuyg8)
 
@@ -760,7 +760,7 @@ If styles aren't applying correctly:
 
 Now it's all set up and you can start using Tailwind CSS on the Material UI components!
 
-{{"demo": "StyledComponents.js", "hideToolbar": true}}
+{{"demo": "StyledComponents.js", "hideToolbar": true, "anchorId": null}}
 
 [![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/edit/github-ndkshy?file=pages%2Findex.tsx)
 
@@ -784,7 +784,7 @@ If you attempt to style the Slider, for example, you'll likely want to customize
 
 This example showcases how to override the Slider's `thumb` style.
 
-{{"demo": "StyledComponentsDeep.js", "hideToolbar": true}}
+{{"demo": "StyledComponentsDeep.js", "hideToolbar": true, "anchorId": null}}
 
 ```jsx title="SliderThumbOverrides.tsx"
 import * as React from 'react';
diff --git a/docs/package.json b/docs/package.json
index ab3e740f31c202..c7c386428f5b1e 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -3,7 +3,7 @@
   "private": true,
   "license": "MIT",
   "scripts": {
-    "build": "rimraf ./export && cross-env NODE_ENV=production NODE_OPTIONS=--max_old_space_size=8192 next build && pnpm build-sw && pnpm link-check",
+    "build": "rimraf ./export && cross-env NODE_ENV=production NODE_OPTIONS=--max_old_space_size=8192 next build && pnpm build-sw",
     "build:clean": "rimraf .next && pnpm build",
     "build-sw": "node ./scripts/buildServiceWorker.js",
     "dev": "next dev",
diff --git a/docs/pages/blog/2019-developer-survey-results.md b/docs/pages/blog/2019-developer-survey-results.md
index f91019fbc00b54..4e69834dffa771 100644
--- a/docs/pages/blog/2019-developer-survey-results.md
+++ b/docs/pages/blog/2019-developer-survey-results.md
@@ -162,7 +162,7 @@ It's sorted descending, with the most important concerns first:
 </figure>
 <br />
 <figure style="margin-inline-start: 0;">
-<img style="display: block; margin: 0 auto;" src="/static/blog/2019-developer-survey-results/5b.png" style="display: block; margin: 0 auto;" alt="Pie chart: 70.6% promoters, 24.8% neutrals, 4.6% detractors" />
+<img style="display: block; margin: 0 auto;" src="/static/blog/2019-developer-survey-results/5b.png" alt="Pie chart: 70.6% promoters, 24.8% neutrals, 4.6% detractors" />
   <figcaption style="font-style: italic; text-align: center;">Result.</figcaption>
 </figure>
 
diff --git a/docs/pages/blog/2020-introducing-sketch.md b/docs/pages/blog/2020-introducing-sketch.md
index da26f5b4dffdac..794a79fac0b289 100644
--- a/docs/pages/blog/2020-introducing-sketch.md
+++ b/docs/pages/blog/2020-introducing-sketch.md
@@ -55,7 +55,7 @@ The UI kit was created specifically for Material UI, a popular React UI library
 
 The following video demonstrates how the symbols can be used to design an invoice page.
 
-<iframe height="364" style="aspect-ratio: 16 / 9; width: 100% !important; max-width: 648px; border: 0" src="https://www.youtube.com/embed/DTU6r_VE2C4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<iframe height="364" style="aspect-ratio: 16 / 9; width: 100% !important; max-width: 648px; border: 0" src="https://www.youtube.com/embed/DTU6r_VE2C4" title="Designing an invoice page with the Material UI Sketch symbols" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
 Sketch Cloud preview: https://mui.com/store/previews/sketch-react/.
 
diff --git a/docs/pages/blog/material-ui-v1-is-out.md b/docs/pages/blog/material-ui-v1-is-out.md
index 81c16a6fea3f63..bf840cee84132a 100644
--- a/docs/pages/blog/material-ui-v1-is-out.md
+++ b/docs/pages/blog/material-ui-v1-is-out.md
@@ -18,7 +18,7 @@ We are so excited about this release, as it's setting a new course for the proje
 
 ✨✨✨ See the **[1.0.0 Release Note](https://github.com/mui/material-ui/releases/tag/v1.0.0)** on GitHub. ✨✨✨
 
-<iframe src="https://codesandbox.io/embed/4j7m47vlm4" style="width: 100%; height: 300px; border: 0"></iframe>
+<iframe src="https://codesandbox.io/embed/4j7m47vlm4" title="Material UI v1 button demo on CodeSandbox" style="width: 100%; height: 300px; border: 0"></iframe>
 
 <p class="blog-description">One button</p>
 
diff --git a/docs/pages/blog/toolpad-use-cases.md b/docs/pages/blog/toolpad-use-cases.md
index c4800d7190a671..f17f5f0603a050 100644
--- a/docs/pages/blog/toolpad-use-cases.md
+++ b/docs/pages/blog/toolpad-use-cases.md
@@ -55,7 +55,7 @@ Other KPI pages also use this health badge and pre-built Chart components to com
 
 The video below demonstrates the usage of this app in dev mode:
 
-<video controls width="100%" height="auto" alt="zendesk first reply in devmode">
+<video controls style="width: 100%; height: auto" alt="zendesk first reply in devmode">
   <source src="/static/blog/toolpad-use-cases/zendesk-first-reply-dev.mp4" type="video/mp4">
 Your browser does not support the video tag.
 </video>
@@ -74,7 +74,7 @@ In the Toolpad app, the operations team can view a table of all customers who ne
 They select one, email them from Zendesk, and update the status to `CONTACTED`, which is then written back to the database.
 This is a private app for internal use that can't be shared, but the following video gives a quick demo:
 
-<video controls width="100%" height="auto" alt="overdue invoice page">
+<video controls style="width: 100%; height: auto" alt="overdue invoice page">
   <source src="/static/blog/toolpad-use-cases/overdue-invoice.mp4" type="video/mp4">
   Your browser does not support the video tag.
 </video>
@@ -89,7 +89,7 @@ Our operations team is responsible for paying contributors, but the script prove
 We solved this problem by importing the script into Toolpad and creating a UI for it.
 The video below shows how a user can select the dates, run the script, and receive text that's properly formatted to copy and paste directly into Slack communications:
 
-<video controls width="100%" height="auto" alt="contributor payout page">
+<video controls style="width: 100%; height: auto" alt="contributor payout page">
   <source src="/static/blog/toolpad-use-cases/contributor-payout.mp4" type="video/mp4">
   Your browser does not support the video tag.
 </video>
diff --git a/docs/pages/blog/v6-beta-pickers.md b/docs/pages/blog/v6-beta-pickers.md
index d67800375f0603..24c0f97cf49326 100644
--- a/docs/pages/blog/v6-beta-pickers.md
+++ b/docs/pages/blog/v6-beta-pickers.md
@@ -85,6 +85,7 @@ Please, try it out for yourself in the live demo below.
 
 <iframe
   src="https://codesandbox.io/embed/date-field-demo-pb87v0?fontsize=12&hidenavigation=1&module=%2F"
+  title="Date Field demo on CodeSandbox"
   style="width:100%; height:200px; border:0; border-radius: 4px; overflow:hidden;"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
diff --git a/docs/scripts/reportBrokenLinks.mts b/docs/scripts/reportBrokenLinks.mts
index a7a6fcfa817319..673567ac49d4fd 100644
--- a/docs/scripts/reportBrokenLinks.mts
+++ b/docs/scripts/reportBrokenLinks.mts
@@ -39,11 +39,103 @@ async function main() {
       '[id^="demo-"] a[href^="#outlined-buttons"]',
       '[id^="demo-"] a[href^="#foo"]',
     ],
+    htmlValidate: [
+      // Default — applies to every page.
+      {
+        config: {
+          rules: {
+            // Prism.js outputs raw ">" in syntax-highlighted code blocks.
+            // https://github.com/PrismJS/prism/issues/2516
+            // https://gitlab.com/html-validate/html-validate/-/work_items/348
+            'no-raw-characters': 'off',
+            // TODO: re-enable and fix violations (mostly <style>/<div> inside <span>/<div>).
+            'element-permitted-content': 'off',
+            // html-validate incorrectly requires `imagesizes` on `<link rel="preload"
+            // as="image" imagesrcset="... 2x, ... 3x">`. Per the HTML spec, `imagesizes`
+            // is only required when `imagesrcset` uses *width* descriptors; with density
+            // descriptors (2x, 3x) it must be omitted.
+            // Reported: https://gitlab.com/html-validate/html-validate/-/work_items/352
+            'element-required-attributes': 'off',
+            // TODO: re-enable after an a11y pass on demos. Many Slider/Radio/Switch
+            // demos on styling-focused pages render a native <input> without a label.
+            'input-missing-label': 'off',
+            // TODO: remaining violations are infra-level (same demo rendered
+            // multiple times gets duplicate anchor IDs, and the blog template
+            // has desktop + mobile search with the same id="search").
+            'no-dup-id': 'off',
+          },
+        },
+      },
+      // Demos use Typography variant="h6" for visual styling (renders <h6>),
+      // some pages lack an <h1>, and typography demos intentionally show all
+      // heading variants. Blog/marketing templates also start at <h2>.
+      {
+        path: [
+          /^\/blog(\/|$|\?)/,
+          '/core',
+          '/material-ui',
+          '/careers',
+          '/about',
+          '/pricing',
+          '/material-ui/customization/typography',
+          '/material-ui/customization/css-theme-variables/native-color',
+          '/material-ui/react-typography',
+          '/material-ui/react-popper',
+          '/material-ui/getting-started/templates/checkout',
+          '/material-ui/getting-started/templates/marketing-page',
+          '/material-ui/getting-started/templates/blog',
+        ],
+        config: { rules: { 'heading-level': 'warn' } },
+      },
+      // MUI's Collapse and TreeView wrap <li> children in <div> elements,
+      // breaking the required <ul>/<ol> parentage.
+      {
+        path: [
+          '/system/getting-started/the-sx-prop',
+          '/material-ui/transitions',
+          '/material-ui/getting-started/templates/dashboard',
+        ],
+        config: { rules: { 'element-permitted-parent': 'warn' } },
+      },
+      // Some demos use aria-label/aria-labelledby on elements without an
+      // appropriate role (Avatar <div>, FormGroup <div>, Grid templates).
+      {
+        path: [
+          '/material-ui/react-app-bar',
+          '/material-ui/react-grid',
+          '/system/react-grid',
+          '/material-ui/react-checkbox',
+          '/material-ui/react-select',
+          '/material-ui/react-switch',
+          '/material-ui/react-divider',
+          '/material-ui/react-list',
+          '/material-ui/react-card',
+          '/material-ui/integrations/routing',
+          '/material-ui/getting-started/templates/marketing-page',
+          '/material-ui/getting-started/templates/blog',
+        ],
+        config: { rules: { 'aria-label-misuse': 'warn' } },
+      },
+      // Portaled elements (Menu, Select, Autocomplete listbox) and Base UI
+      // components render aria-controls/aria-labelledby targets only after
+      // client hydration, so they're missing from the static HTML.
+      {
+        path: [
+          '/material-ui/react-app-bar',
+          '/material-ui/react-number-field',
+          '/material-ui/customization/overriding-component-structure',
+          '/material-ui/react-dialog',
+          '/material-ui/react-menu',
+          '/material-ui/getting-started/templates/dashboard',
+        ],
+        config: { rules: { 'no-missing-references': 'warn' } },
+      },
+    ],
     ignores: [
       {
         // The links checker uses standard github slugger to check if the anchor exists. But the MUI docs use
         // a custom slugger that sometimes generates different slugs.
-        // Ideally we makeit use the github slugegr so links are consistent whether in the html version or
+        // Ideally we make it use the github slugger so links are consistent whether in the html version or
         // a standard markdown renderer.
         path: '/material-ui/react-table.md',
         href: '#sorting-selecting',
@@ -51,7 +143,10 @@ async function main() {
     ],
   });
 
-  process.exit(issues.length);
+  const errorCount = issues.filter(
+    (issue) => issue.type !== 'html-validate' || issue.severity >= 2,
+  ).length;
+  process.exit(errorCount);
 }
 
 main();
diff --git a/package.json b/package.json
index 17e69236bca6f1..cf71736bcdf933 100644
--- a/package.json
+++ b/package.json
@@ -91,7 +91,7 @@
     "@eslint/compat": "2.0.5",
     "@mui/internal-babel-plugin-minify-errors": "2.0.8-canary.27",
     "@mui/internal-bundle-size-checker": "1.0.9-canary.77",
-    "@mui/internal-code-infra": "0.0.4-canary.35",
+    "@mui/internal-code-infra": "https://pkg.pr.new/mui/mui-public/@mui/internal-code-infra@655e0675",
     "@mui/internal-docs-utils": "workspace:^",
     "@mui/internal-netlify-cache": "0.0.3-canary.5",
     "@mui/internal-scripts": "workspace:^",
diff --git a/packages-internal/core-docs/src/Demo/Demo.tsx b/packages-internal/core-docs/src/Demo/Demo.tsx
index 1599a677396c71..d70a7ad6f75875 100644
--- a/packages-internal/core-docs/src/Demo/Demo.tsx
+++ b/packages-internal/core-docs/src/Demo/Demo.tsx
@@ -393,6 +393,7 @@ export interface DemoProps {
     disableLiveEdit?: boolean;
     aiSuggestion?: string;
     hideEditButton?: boolean;
+    anchorId?: string | null;
   };
   disableAd: boolean;
   githubLocation: string;
@@ -465,6 +466,8 @@ export function Demo(props: DemoProps) {
   );
 
   const demoName = getDemoName(demoData.githubLocation);
+  const anchorIdOption = demoOptions.anchorId;
+  const anchorName = anchorIdOption === undefined ? demoName : anchorIdOption;
   const demoSandboxedStyle = React.useMemo(
     () => ({
       maxWidth: demoOptions.maxWidth,
@@ -489,10 +492,13 @@ export function Demo(props: DemoProps) {
 
   React.useEffect(() => {
     const navigatedDemoName = getDemoName(window.location.hash);
-    if (navigatedDemoName && demoName === navigatedDemoName) {
+    if (
+      navigatedDemoName &&
+      (demoName === navigatedDemoName || (anchorName !== null && anchorName === navigatedDemoName))
+    ) {
       setCodeOpen(true);
     }
-  }, [demoName]);
+  }, [demoName, anchorName]);
 
   const showPreview =
     !demoOptions.hideToolbar &&
@@ -598,7 +604,7 @@ export function Demo(props: DemoProps) {
 
   return (
     <Root>
-      <AnchorLink id={demoName} />
+      {anchorName !== null && <AnchorLink id={anchorName} />}
       <DemoRoot
         hideToolbar={demoOptions.hideToolbar}
         bg={demoOptions.bg}
@@ -620,18 +626,19 @@ export function Demo(props: DemoProps) {
       </DemoRoot>
       {demoOptions.hideToolbar ? null : (
         <React.Fragment>
-          {Object.keys(stylingSolutionMapping).map((key) => (
-            <React.Fragment key={key}>
-              <AnchorLink
-                id={`${stylingSolutionMapping[key as keyof typeof stylingSolutionMapping]}-${demoName}.js`}
-              />
-              <AnchorLink
-                id={`${stylingSolutionMapping[key as keyof typeof stylingSolutionMapping]}-${demoName}.tsx`}
-              />
-            </React.Fragment>
-          ))}
-          <AnchorLink id={`${demoName}.js`} />
-          <AnchorLink id={`${demoName}.tsx`} />
+          {anchorName !== null &&
+            Object.keys(stylingSolutionMapping).map((key) => (
+              <React.Fragment key={key}>
+                <AnchorLink
+                  id={`${stylingSolutionMapping[key as keyof typeof stylingSolutionMapping]}-${anchorName}.js`}
+                />
+                <AnchorLink
+                  id={`${stylingSolutionMapping[key as keyof typeof stylingSolutionMapping]}-${anchorName}.tsx`}
+                />
+              </React.Fragment>
+            ))}
+          {anchorName !== null && <AnchorLink id={`${anchorName}.js`} />}
+          {anchorName !== null && <AnchorLink id={`${anchorName}.tsx`} />}
           <DemoToolbarRoot demoOptions={demoOptions} openDemoSource={openDemoSource}>
             {DemoToolbar ? (
               <NoSsr fallback={<DemoToolbarFallback />}>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7d1c961b4bc850..aa66e5a1555988 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -90,8 +90,8 @@ importers:
         specifier: 1.0.9-canary.77
         version: 1.0.9-canary.77(@types/node@20.19.39)(esbuild@0.27.2)(jiti@2.6.1)(rolldown@1.0.0-rc.12)(rollup@4.46.2)(terser@5.39.0)(tsx@4.21.0)(yaml@2.8.0)
       '@mui/internal-code-infra':
-        specifier: 0.0.4-canary.35
-        version: 0.0.4-canary.35(@next/eslint-plugin-next@15.5.15)(@types/node@20.19.39)(@typescript-eslint/eslint-plugin@8.57.1(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1))(jest-diff@30.2.0)(postcss@8.5.13)(prettier@3.8.3)(stylelint@17.9.1(typescript@5.9.3))(typescript@5.9.3)(vitest@4.0.13)
+        specifier: https://pkg.pr.new/mui/mui-public/@mui/internal-code-infra@655e0675
+        version: https://pkg.pr.new/mui/mui-public/@mui/internal-code-infra@655e0675(@next/eslint-plugin-next@15.5.15)(@types/node@20.19.39)(@typescript-eslint/eslint-plugin@8.57.1(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1))(jest-diff@30.2.0)(postcss@8.5.13)(prettier@3.8.3)(stylelint@17.9.1(typescript@5.9.3))(typescript@5.9.3)(vitest@4.0.13)
       '@mui/internal-docs-utils':
         specifier: workspace:^
         version: link:packages-internal/docs-utils/build
@@ -3397,8 +3397,9 @@ packages:
   '@mui/core-downloads-tracker@9.0.0':
     resolution: {integrity: sha512-uwQNGkhv0lf7ufxw6QXev77BW6pWbW+7uxYjU5+rfp4lBkFtMEgJCsarTM3Tn+i0lGx6+Ol2u88JdGXr0GDskA==}
 
-  '@mui/internal-babel-plugin-display-name@1.0.4-canary.18':
-    resolution: {integrity: sha512-Lyky+gm14go/3bsCvkEOp07HZg92GSeANtbZIOK8WO9QGNgtbE1WGibrD6++5s9FbAhD2ERLeY8GBY57cc/e7Q==}
+  '@mui/internal-babel-plugin-display-name@https://pkg.pr.new/mui/mui-public/@mui/internal-babel-plugin-display-name@655e06752442ebabc50210b7f7fb6a9f243322ea':
+    resolution: {integrity: sha512-v1Qa4A1RjIjjYB6bD3PWk3oP/7ZKAvUBpER8UbAc/SmsH349rVt3T+RCjC49OJRO8IbK86KD4wLk1p3AZ293LQ==, tarball: https://pkg.pr.new/mui/mui-public/@mui/internal-babel-plugin-display-name@655e06752442ebabc50210b7f7fb6a9f243322ea}
+    version: 1.0.2
     peerDependencies:
       '@babel/core': 7.29.0
       '@babel/preset-react': ^7.28.5
@@ -3409,8 +3410,16 @@ packages:
     peerDependencies:
       '@babel/core': 7.29.0
 
-  '@mui/internal-babel-plugin-resolve-imports@2.0.7-canary.36':
-    resolution: {integrity: sha512-hpaB0I5jkQ9EHxSMkiyJribAmrFRdSl00aP1uZwKIIUv57YJQrK6e9tjNaU8qWBKUXWy3QUXAzSUZFrar+Rx+w==}
+  '@mui/internal-babel-plugin-minify-errors@https://pkg.pr.new/mui/mui-public/@mui/internal-babel-plugin-minify-errors@655e06752442ebabc50210b7f7fb6a9f243322ea':
+    resolution: {integrity: sha512-/pTV08okbQM1eIq0FgJIM1q2zJlYADVlW/qWq0DutI8oeh71p9mIMUcrKMSnOZ7bOA95Yky5O2dM6QOggtNNUg==, tarball: https://pkg.pr.new/mui/mui-public/@mui/internal-babel-plugin-minify-errors@655e06752442ebabc50210b7f7fb6a9f243322ea}
+    version: 2.0.6
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      '@babel/core': 7.29.0
+
+  '@mui/internal-babel-plugin-resolve-imports@https://pkg.pr.new/mui/mui-public/@mui/internal-babel-plugin-resolve-imports@655e06752442ebabc50210b7f7fb6a9f243322ea':
+    resolution: {integrity: sha512-s6LkXIeG1O6RUxtmWh4oRHI5Vx7STlbHpDMIdapWo+wdyAZTC91oB+aj1ZAy2Djxb9hC+5MzBzfsrwsNAnuK0g==, tarball: https://pkg.pr.new/mui/mui-public/@mui/internal-babel-plugin-resolve-imports@655e06752442ebabc50210b7f7fb6a9f243322ea}
+    version: 2.0.5
     peerDependencies:
       '@babel/core': 7.29.0
 
@@ -3418,8 +3427,9 @@ packages:
     resolution: {integrity: sha512-qDfVcEfLqsWWm3FkOdB73UD/SOSJM21w/5s/JynVdRW0SaB3rZgvjdamJtiVvRsQOUo63+wyP/aqy7wgYlGNKA==}
     hasBin: true
 
-  '@mui/internal-code-infra@0.0.4-canary.35':
-    resolution: {integrity: sha512-YblEkK4KGLtByxnlxZFNv804nViJ/2pIZgz+nlbedf+DASpIofMHAZsOpvDgTZCR/JmtnqGnOLQtXg9X6draIg==}
+  '@mui/internal-code-infra@https://pkg.pr.new/mui/mui-public/@mui/internal-code-infra@655e0675':
+    resolution: {integrity: sha512-ExVCiqTbk0LsAnsDV22uobShleehYaRy8lK7xVXaUPRAW+ACj7JBdUdvQWRuAayoGJdHNpY4u+Os0M6GcidgZA==, tarball: https://pkg.pr.new/mui/mui-public/@mui/internal-code-infra@655e0675}
+    version: 0.0.3
     hasBin: true
     peerDependencies:
       '@next/eslint-plugin-next': '*'
@@ -13406,7 +13416,7 @@ snapshots:
 
   '@mui/core-downloads-tracker@9.0.0': {}
 
-  '@mui/internal-babel-plugin-display-name@1.0.4-canary.18(@babel/core@7.29.0)(@babel/preset-react@7.28.5(@babel/core@7.29.0))':
+  '@mui/internal-babel-plugin-display-name@https://pkg.pr.new/mui/mui-public/@mui/internal-babel-plugin-display-name@655e06752442ebabc50210b7f7fb6a9f243322ea(@babel/core@7.29.0)(@babel/preset-react@7.28.5(@babel/core@7.29.0))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/helper-module-imports': 7.28.6
@@ -13423,7 +13433,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@mui/internal-babel-plugin-resolve-imports@2.0.7-canary.36(@babel/core@7.29.0)':
+  '@mui/internal-babel-plugin-minify-errors@https://pkg.pr.new/mui/mui-public/@mui/internal-babel-plugin-minify-errors@655e06752442ebabc50210b7f7fb6a9f243322ea(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      find-package-json: 1.2.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@mui/internal-babel-plugin-resolve-imports@https://pkg.pr.new/mui/mui-public/@mui/internal-babel-plugin-resolve-imports@655e06752442ebabc50210b7f7fb6a9f243322ea(@babel/core@7.29.0)':
     dependencies:
       '@babel/core': 7.29.0
       resolve: 1.22.12
@@ -13457,7 +13475,7 @@ snapshots:
       - tsx
       - yaml
 
-  '@mui/internal-code-infra@0.0.4-canary.35(@next/eslint-plugin-next@15.5.15)(@types/node@20.19.39)(@typescript-eslint/eslint-plugin@8.57.1(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1))(jest-diff@30.2.0)(postcss@8.5.13)(prettier@3.8.3)(stylelint@17.9.1(typescript@5.9.3))(typescript@5.9.3)(vitest@4.0.13)':
+  '@mui/internal-code-infra@https://pkg.pr.new/mui/mui-public/@mui/internal-code-infra@655e0675(@next/eslint-plugin-next@15.5.15)(@types/node@20.19.39)(@typescript-eslint/eslint-plugin@8.57.1(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1))(jest-diff@30.2.0)(postcss@8.5.13)(prettier@3.8.3)(stylelint@17.9.1(typescript@5.9.3))(typescript@5.9.3)(vitest@4.0.13)':
     dependencies:
       '@argos-ci/core': 5.2.0
       '@babel/cli': 7.28.6(@babel/core@7.29.0)
@@ -13474,9 +13492,9 @@ snapshots:
       '@eslint/json': 1.1.0
       '@inquirer/confirm': 6.0.12(@types/node@20.19.39)
       '@inquirer/select': 5.1.4(@types/node@20.19.39)
-      '@mui/internal-babel-plugin-display-name': 1.0.4-canary.18(@babel/core@7.29.0)(@babel/preset-react@7.28.5(@babel/core@7.29.0))
-      '@mui/internal-babel-plugin-minify-errors': 2.0.8-canary.27(@babel/core@7.29.0)
-      '@mui/internal-babel-plugin-resolve-imports': 2.0.7-canary.36(@babel/core@7.29.0)
+      '@mui/internal-babel-plugin-display-name': https://pkg.pr.new/mui/mui-public/@mui/internal-babel-plugin-display-name@655e06752442ebabc50210b7f7fb6a9f243322ea(@babel/core@7.29.0)(@babel/preset-react@7.28.5(@babel/core@7.29.0))
+      '@mui/internal-babel-plugin-minify-errors': https://pkg.pr.new/mui/mui-public/@mui/internal-babel-plugin-minify-errors@655e06752442ebabc50210b7f7fb6a9f243322ea(@babel/core@7.29.0)
+      '@mui/internal-babel-plugin-resolve-imports': https://pkg.pr.new/mui/mui-public/@mui/internal-babel-plugin-resolve-imports@655e06752442ebabc50210b7f7fb6a9f243322ea(@babel/core@7.29.0)
       '@napi-rs/keyring': 1.2.0
       '@next/eslint-plugin-next': 15.5.15
       '@octokit/auth-action': 6.0.2
@@ -13502,7 +13520,7 @@ snapshots:
       eslint-import-resolver-typescript: 4.4.4(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1)))(eslint@10.2.1(jiti@2.6.1))
       eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1)))(eslint@10.2.1(jiti@2.6.1)))(eslint@10.2.1(jiti@2.6.1))
       eslint-plugin-compat: 7.0.1(eslint@10.2.1(jiti@2.6.1))
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@4.4.4)(eslint@10.2.1(jiti@2.6.1))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1)))(eslint@10.2.1(jiti@2.6.1)))(eslint@10.2.1(jiti@2.6.1))
       eslint-plugin-jsx-a11y: 6.10.2(eslint@10.2.1(jiti@2.6.1))
       eslint-plugin-mocha: 11.2.0(eslint@10.2.1(jiti@2.6.1))
       eslint-plugin-react: 7.37.5(eslint@10.2.1(jiti@2.6.1))
@@ -17201,7 +17219,7 @@ snapshots:
       tinyglobby: 0.2.15
       unrs-resolver: 1.9.2
     optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@4.4.4)(eslint@10.2.1(jiti@2.6.1))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1)))(eslint@10.2.1(jiti@2.6.1)))(eslint@10.2.1(jiti@2.6.1))
     transitivePeerDependencies:
       - supports-color
 
@@ -17232,7 +17250,7 @@ snapshots:
       lodash: 4.18.1
       pkg-dir: 5.0.0
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@4.4.4)(eslint@10.2.1(jiti@2.6.1)):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.57.1(eslint@10.2.1(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.1(jiti@2.6.1)))(eslint@10.2.1(jiti@2.6.1)))(eslint@10.2.1(jiti@2.6.1)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9