diff --git a/docs/src/app/(docs)/react/components/autocomplete/demos/grid/css-modules/index.tsx b/docs/src/app/(docs)/react/components/autocomplete/demos/grid/css-modules/index.tsx
index 86683d3c361..0ead7f5b141 100644
--- a/docs/src/app/(docs)/react/components/autocomplete/demos/grid/css-modules/index.tsx
+++ b/docs/src/app/(docs)/react/components/autocomplete/demos/grid/css-modules/index.tsx
@@ -80,7 +80,7 @@ export default function ExampleEmojiPicker() {
                       <Autocomplete.GroupLabel className={styles.GroupLabel}>
                         {group.label}
                       </Autocomplete.GroupLabel>
-                      <div className={styles.Grid} role="presentation">
+                      <div className={styles.Grid} role="none">
                         {chunkArray(group.items, COLUMNS).map((row, rowIdx) => (
                           <Autocomplete.Row key={rowIdx} className={styles.Row}>
                             {row.map((rowItem) => (
diff --git a/docs/src/app/(docs)/react/components/autocomplete/demos/grid/tailwind/index.tsx b/docs/src/app/(docs)/react/components/autocomplete/demos/grid/tailwind/index.tsx
index b227938047b..c5479ac2a72 100644
--- a/docs/src/app/(docs)/react/components/autocomplete/demos/grid/tailwind/index.tsx
+++ b/docs/src/app/(docs)/react/components/autocomplete/demos/grid/tailwind/index.tsx
@@ -80,7 +80,7 @@ export default function ExampleEmojiPicker() {
                       <Autocomplete.GroupLabel className="sticky top-0 z-[1] m-0 w-full border-b border-gray-100 bg-[canvas] px-4 pb-1 pt-2 text-[0.75rem] font-bold uppercase tracking-wide text-gray-600">
                         {group.label}
                       </Autocomplete.GroupLabel>
-                      <div className="p-1" role="presentation">
+                      <div className="p-1" role="none">
                         {chunkArray(group.items, COLUMNS).map((row, rowIdx) => (
                           <Autocomplete.Row key={rowIdx} className="grid grid-cols-5">
                             {row.map((rowItem) => (
diff --git a/docs/src/app/(docs)/react/components/autocomplete/demos/virtualized/css-modules/index.tsx b/docs/src/app/(docs)/react/components/autocomplete/demos/virtualized/css-modules/index.tsx
index bd8a4341bc6..795865b366a 100644
--- a/docs/src/app/(docs)/react/components/autocomplete/demos/virtualized/css-modules/index.tsx
+++ b/docs/src/app/(docs)/react/components/autocomplete/demos/virtualized/css-modules/index.tsx
@@ -92,16 +92,12 @@ function VirtualizedList({
 
   return (
     <div
-      role="presentation"
+      role="none"
       ref={handleScrollElementRef}
       className={styles.Scroller}
       style={{ '--total-size': `${totalSize}px` } as React.CSSProperties}
     >
-      <div
-        role="presentation"
-        className={styles.VirtualizedPlaceholder}
-        style={{ height: totalSize }}
-      >
+      <div role="none" className={styles.VirtualizedPlaceholder} style={{ height: totalSize }}>
         {virtualizer.getVirtualItems().map((virtualItem) => {
           const item = filteredItems[virtualItem.index];
           if (!item) {
diff --git a/docs/src/app/(docs)/react/components/autocomplete/demos/virtualized/tailwind/index.tsx b/docs/src/app/(docs)/react/components/autocomplete/demos/virtualized/tailwind/index.tsx
index 616d193350a..8cb601bd36d 100644
--- a/docs/src/app/(docs)/react/components/autocomplete/demos/virtualized/tailwind/index.tsx
+++ b/docs/src/app/(docs)/react/components/autocomplete/demos/virtualized/tailwind/index.tsx
@@ -93,12 +93,12 @@ function VirtualizedList({
 
   return (
     <div
-      role="presentation"
+      role="none"
       ref={handleScrollElementRef}
       className="h-[min(22rem,var(--total-size))] max-h-[var(--available-height)] overflow-auto overscroll-contain scroll-p-2"
       style={{ '--total-size': `${totalSize}px` } as React.CSSProperties}
     >
-      <div role="presentation" className="relative w-full" style={{ height: totalSize }}>
+      <div role="none" className="relative w-full" style={{ height: totalSize }}>
         {virtualizer.getVirtualItems().map((virtualItem) => {
           const item = filteredItems[virtualItem.index];
           if (!item) {
diff --git a/docs/src/app/(docs)/react/components/combobox/demos/virtualized/css-modules/index.tsx b/docs/src/app/(docs)/react/components/combobox/demos/virtualized/css-modules/index.tsx
index efa8044a9a0..ad409fc19f2 100644
--- a/docs/src/app/(docs)/react/components/combobox/demos/virtualized/css-modules/index.tsx
+++ b/docs/src/app/(docs)/react/components/combobox/demos/virtualized/css-modules/index.tsx
@@ -91,16 +91,12 @@ function VirtualizedList({
 
   return (
     <div
-      role="presentation"
+      role="none"
       ref={handleScrollElementRef}
       className={styles.Scroller}
       style={{ '--total-size': `${totalSize}px` } as React.CSSProperties}
     >
-      <div
-        role="presentation"
-        className={styles.VirtualizedPlaceholder}
-        style={{ height: totalSize }}
-      >
+      <div role="none" className={styles.VirtualizedPlaceholder} style={{ height: totalSize }}>
         {virtualizer.getVirtualItems().map((virtualItem) => {
           const item = filteredItems[virtualItem.index];
           if (!item) {
diff --git a/docs/src/app/(docs)/react/components/combobox/demos/virtualized/tailwind/index.tsx b/docs/src/app/(docs)/react/components/combobox/demos/virtualized/tailwind/index.tsx
index 49ad3317264..2dacfaa8de2 100644
--- a/docs/src/app/(docs)/react/components/combobox/demos/virtualized/tailwind/index.tsx
+++ b/docs/src/app/(docs)/react/components/combobox/demos/virtualized/tailwind/index.tsx
@@ -98,12 +98,12 @@ function VirtualizedList({
 
   return (
     <div
-      role="presentation"
+      role="none"
       ref={handleScrollElementRef}
       className="h-[min(22rem,var(--total-size))] max-h-[var(--available-height)] overflow-auto overscroll-contain scroll-p-2"
       style={{ '--total-size': `${totalSize}px` } as React.CSSProperties}
     >
-      <div role="presentation" className="relative w-full" style={{ height: totalSize }}>
+      <div role="none" className="relative w-full" style={{ height: totalSize }}>
         {virtualizer.getVirtualItems().map((virtualItem) => {
           const item = filteredItems[virtualItem.index];
           if (!item) {
diff --git a/docs/src/app/(private)/experiments/navigation-menu.tsx b/docs/src/app/(private)/experiments/navigation-menu.tsx
index b23811cd183..b804fd65414 100644
--- a/docs/src/app/(private)/experiments/navigation-menu.tsx
+++ b/docs/src/app/(private)/experiments/navigation-menu.tsx
@@ -218,7 +218,7 @@ export default function ExampleNavigationMenu() {
               </NavigationMenu.Icon>
             </NavigationMenu.Trigger>
             <NavigationMenu.Content className={styles.Content}>
-              <table role="presentation">
+              <table role="none">
                 <tbody>
                   <tr>
                     <td>
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 4dee128cc90..f6ec2abab9e 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -97,6 +97,7 @@ export default defineConfig(
       // This prevents us from creating components like `<h1 {...props} />`
       'jsx-a11y/heading-has-content': 'off',
       'jsx-a11y/anchor-has-content': 'off',
+      'mui/no-presentation-role': 'error',
 
       // This rule doesn't recognise <label> wrapped around custom controls
       'jsx-a11y/label-has-associated-control': 'off',
@@ -153,6 +154,10 @@ export default defineConfig(
           patterns: NO_RESTRICTED_IMPORTS_PATTERNS_DEEPLY_NESTED,
         },
       ],
+      // `role="none"` is an alias for `role="presentation"`, but aria-query treats
+      // them differently and reports `aria-hidden` as unsupported on `none`.
+      // See https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/issues/1090
+      'jsx-a11y/role-supports-aria-props': 'off',
     },
   },
   {
diff --git a/packages/react/src/alert-dialog/root/AlertDialogRoot.test.tsx b/packages/react/src/alert-dialog/root/AlertDialogRoot.test.tsx
index e12e38c8c19..903e80216ea 100644
--- a/packages/react/src/alert-dialog/root/AlertDialogRoot.test.tsx
+++ b/packages/react/src/alert-dialog/root/AlertDialogRoot.test.tsx
@@ -165,7 +165,7 @@ describe('<AlertDialog.Root />', () => {
         </AlertDialog.Root>,
       );
 
-      await user.click(screen.getByRole('presentation', { hidden: true }));
+      await user.click(screen.getByRole('none', { hidden: true }));
 
       expect(handleOpenChange.mock.calls.length).toBe(0);
       expect(screen.queryByRole('alertdialog')).not.toBe(null);
@@ -702,7 +702,7 @@ describe('<AlertDialog.Root />', () => {
 
       expect(await screen.findByRole('alertdialog')).not.toBe(null);
 
-      const backdrop = await screen.findByRole('presentation', { hidden: true });
+      const backdrop = await screen.findByRole('none', { hidden: true });
       await user.click(backdrop);
 
       await waitFor(() => {
@@ -838,7 +838,7 @@ describe('<AlertDialog.Root />', () => {
         </AlertDialog.Root>,
       );
 
-      expect(screen.getByRole('presentation', { hidden: true })).not.toBe(null);
+      expect(screen.getByRole('none', { hidden: true })).not.toBe(null);
     });
   });
 
diff --git a/packages/react/src/dialog/root/DialogRoot.test.tsx b/packages/react/src/dialog/root/DialogRoot.test.tsx
index 4a7b2defede..533a738f2bc 100644
--- a/packages/react/src/dialog/root/DialogRoot.test.tsx
+++ b/packages/react/src/dialog/root/DialogRoot.test.tsx
@@ -189,7 +189,7 @@ describe('<Dialog.Root />', () => {
           <TestDialog rootProps={{ defaultOpen: true, onOpenChange: handleOpenChange }} />,
         );
 
-        await user.click(screen.getByRole('presentation', { hidden: true }));
+        await user.click(screen.getByRole('none', { hidden: true }));
 
         expect(handleOpenChange.mock.calls.length).toBe(1);
         expect(handleOpenChange.mock.calls[0][1].reason).toBe(REASONS.outsidePress);
@@ -328,13 +328,13 @@ describe('<Dialog.Root />', () => {
       it('makes other interactive elements on the page inert when a modal dialog is open', async () => {
         await render(<TestDialog rootProps={{ defaultOpen: true, modal: true }} />);
 
-        expect(screen.getByRole('presentation', { hidden: true })).not.toBe(null);
+        expect(screen.getByRole('none', { hidden: true })).not.toBe(null);
       });
 
       it('does not make other interactive elements on the page inert when a non-modal dialog is open', async () => {
         await render(<TestDialog rootProps={{ defaultOpen: true, modal: false }} />);
 
-        expect(screen.queryByRole('presentation')).toBe(null);
+        expect(screen.queryByRole('none')).toBe(null);
       });
     });
 
@@ -410,7 +410,7 @@ describe('<Dialog.Root />', () => {
           />,
         );
 
-        const internalBackdrop = screen.getByRole('presentation', { hidden: true });
+        const internalBackdrop = screen.getByRole('none', { hidden: true });
 
         fireEvent.mouseDown(internalBackdrop);
         expect(screen.queryByRole('dialog')).not.toBe(null);
@@ -615,7 +615,7 @@ describe('<Dialog.Root />', () => {
         // focus guard -> internal backdrop
         expect(popup.previousElementSibling?.previousElementSibling).toHaveAttribute(
           'role',
-          'presentation',
+          'none',
         );
       });
 
@@ -731,7 +731,7 @@ describe('<Dialog.Root />', () => {
       const nestedButton2 = screen.getByRole('button', { name: 'Open nested 2' });
       fireEvent.click(nestedButton2);
 
-      const backdrops = Array.from(document.querySelectorAll('[role="presentation"]'));
+      const backdrops = Array.from(document.querySelectorAll('[role="none"]'));
       fireEvent.click(backdrops[backdrops.length - 1]);
 
       await waitFor(() => {
diff --git a/packages/react/src/menu/root/MenuRoot.test.tsx b/packages/react/src/menu/root/MenuRoot.test.tsx
index 9d01b4a7b16..e9586e51afc 100644
--- a/packages/react/src/menu/root/MenuRoot.test.tsx
+++ b/packages/react/src/menu/root/MenuRoot.test.tsx
@@ -1203,7 +1203,7 @@ describe('<Menu.Root />', () => {
 
         const positioner = screen.getByTestId('menu-positioner');
 
-        expect(positioner.previousElementSibling).toHaveAttribute('role', 'presentation');
+        expect(positioner.previousElementSibling).toHaveAttribute('role', 'none');
       });
 
       it('should not render an internal backdrop when `false`', async () => {
@@ -1860,7 +1860,7 @@ describe('<Menu.Root />', () => {
           fireEvent.click(trigger);
 
           await flushMicrotasks();
-          expect(positioner.previousElementSibling).toHaveAttribute('role', 'presentation');
+          expect(positioner.previousElementSibling).toHaveAttribute('role', 'none');
         });
       });
     });
diff --git a/packages/react/src/meter/root/MeterRoot.tsx b/packages/react/src/meter/root/MeterRoot.tsx
index d83569eed08..8bad394e619 100644
--- a/packages/react/src/meter/root/MeterRoot.tsx
+++ b/packages/react/src/meter/root/MeterRoot.tsx
@@ -50,7 +50,7 @@ export const MeterRoot = React.forwardRef(function MeterRoot(
     children: (
       <React.Fragment>
         {children}
-        <span role="presentation" style={visuallyHidden}>
+        <span role="none" style={visuallyHidden}>
           {/* force NVDA to read the label https://github.com/mui/base-ui/issues/4184 */}x
         </span>
       </React.Fragment>
diff --git a/packages/react/src/popover/root/PopoverRoot.test.tsx b/packages/react/src/popover/root/PopoverRoot.test.tsx
index 8d6577b8740..7d0b91cbb2c 100644
--- a/packages/react/src/popover/root/PopoverRoot.test.tsx
+++ b/packages/react/src/popover/root/PopoverRoot.test.tsx
@@ -882,7 +882,7 @@ describe('<Popover.Root />', () => {
           />,
         );
 
-        const internalBackdrop = document.querySelector('[role="presentation"]') as HTMLElement;
+        const internalBackdrop = document.querySelector('[role="none"]') as HTMLElement;
 
         fireEvent.mouseDown(internalBackdrop);
         expect(screen.queryByRole('dialog')).not.toBe(null);
@@ -1163,7 +1163,7 @@ describe('<Popover.Root />', () => {
 
         const positioner = screen.getByTestId('positioner');
 
-        expect(positioner.previousElementSibling).toHaveAttribute('role', 'presentation');
+        expect(positioner.previousElementSibling).toHaveAttribute('role', 'none');
       });
 
       it('should only render focus guards inside the popup when `true`', async () => {
@@ -1271,7 +1271,7 @@ describe('<Popover.Root />', () => {
 
           await flushMicrotasks();
 
-          expect(positioner.previousElementSibling).toHaveAttribute('role', 'presentation');
+          expect(positioner.previousElementSibling).toHaveAttribute('role', 'none');
         });
 
         it('reopens on hover after an impatient click is followed by a close button press', async () => {
diff --git a/packages/react/src/progress/root/ProgressRoot.tsx b/packages/react/src/progress/root/ProgressRoot.tsx
index 1d9d7b20d33..ad81ff1bc08 100644
--- a/packages/react/src/progress/root/ProgressRoot.tsx
+++ b/packages/react/src/progress/root/ProgressRoot.tsx
@@ -62,7 +62,7 @@ export const ProgressRoot = React.forwardRef(function ProgressRoot(
     children: (
       <React.Fragment>
         {children}
-        <span role="presentation" style={visuallyHidden}>
+        <span role="none" style={visuallyHidden}>
           {/* force NVDA to read the label https://github.com/mui/base-ui/issues/4184 */}x
         </span>
       </React.Fragment>
diff --git a/packages/react/src/select/root/SelectRoot.test.tsx b/packages/react/src/select/root/SelectRoot.test.tsx
index 589a7dc1cd8..3e62c6a5b82 100644
--- a/packages/react/src/select/root/SelectRoot.test.tsx
+++ b/packages/react/src/select/root/SelectRoot.test.tsx
@@ -761,7 +761,7 @@ describe('<Select.Root />', () => {
 
       const positioner = screen.getByTestId('positioner');
 
-      expect(positioner.previousElementSibling).toHaveAttribute('role', 'presentation');
+      expect(positioner.previousElementSibling).toHaveAttribute('role', 'none');
     });
 
     it('should not render an internal backdrop when `false`', async () => {
diff --git a/packages/react/src/utils/InternalBackdrop.tsx b/packages/react/src/utils/InternalBackdrop.tsx
index 7f5f90fb43d..ef84315dbd9 100644
--- a/packages/react/src/utils/InternalBackdrop.tsx
+++ b/packages/react/src/utils/InternalBackdrop.tsx
@@ -18,7 +18,7 @@ export const InternalBackdrop = React.forwardRef(function InternalBackdrop(
   return (
     <div
       ref={ref}
-      role="presentation"
+      role="none"
       // Ensures Floating UI's outside press detection runs, as it considers
       // it an element that existed when the popup rendered.
       data-base-ui-inert=""
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 41d3be67c46..a4a9f60307d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -4535,6 +4535,7 @@ packages:
 
   '@ungap/structured-clone@1.3.0':
     resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
+    deprecated: Potential CWE-502 - Update to 1.3.1 or higher
 
   '@unrs/resolver-binding-android-arm-eabi@1.11.1':
     resolution: {integrity: sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==}
@@ -4668,8 +4669,8 @@ packages:
     peerDependencies:
       vitest: 4.1.5
 
-  '@vitest/eslint-plugin@1.6.14':
-    resolution: {integrity: sha512-PXZ5ysw4eHU9h8nDtBvVcGC7Z2C/T9CFdheqSw1NNXFYqViojub0V9bgdYI67iBTOcra2mwD0EYldlY9bGPf2Q==}
+  '@vitest/eslint-plugin@1.6.16':
+    resolution: {integrity: sha512-2pBN1F1JXq6zTSaYC58CMJa7pGxXIRsLfOioeZM4cPE3pRdSh1ySTSoHPQlOTEF5WgoVzWZQxhGQ3ygT78hOVg==}
     engines: {node: '>=18'}
     peerDependencies:
       '@typescript-eslint/eslint-plugin': '*'
@@ -11769,7 +11770,7 @@ snapshots:
       '@pnpm/find-workspace-dir': 1000.1.5
       '@typescript-eslint/types': 8.59.0
       '@typescript-eslint/utils': 8.59.0(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3)
-      '@vitest/eslint-plugin': 1.6.14(@typescript-eslint/eslint-plugin@8.59.0(@typescript-eslint/parser@8.59.0(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3))(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3))(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3)(vitest@4.1.5)
+      '@vitest/eslint-plugin': 1.6.16(@typescript-eslint/eslint-plugin@8.59.0(@typescript-eslint/parser@8.59.0(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3))(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3))(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3)(vitest@4.1.5)
       babel-plugin-optimize-clsx: 2.6.2
       babel-plugin-react-compiler: 1.0.0
       babel-plugin-transform-import-meta: 2.3.3(@babel/core@7.29.0)
@@ -14512,7 +14513,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/eslint-plugin@1.6.14(@typescript-eslint/eslint-plugin@8.59.0(@typescript-eslint/parser@8.59.0(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3))(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3))(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3)(vitest@4.1.5)':
+  '@vitest/eslint-plugin@1.6.16(@typescript-eslint/eslint-plugin@8.59.0(@typescript-eslint/parser@8.59.0(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3))(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3))(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3)(vitest@4.1.5)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.59.0
       '@typescript-eslint/utils': 8.59.0(eslint@10.2.1(jiti@2.6.1))(typescript@6.0.3)