From a91000018a7ff4c61ce0f3beea40a184d7487d3c Mon Sep 17 00:00:00 2001
From: Johan Persson <johanopersson@gmail.com>
Date: Tue, 17 Mar 2026 12:42:49 +0100
Subject: [PATCH] fix(ui): improve screen reader output for Checkbox and Table
 selection

Added aria-hidden to the Checkbox indicator div to prevent screen
readers from announcing decorative icons. Added aria-label to the
Table header selection column wrapper.

Signed-off-by: Johan Persson <johanopersson@gmail.com>
---
 packages/ui/src/components/Checkbox/Checkbox.tsx            | 2 +-
 packages/ui/src/components/Table/components/TableHeader.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/Checkbox/Checkbox.tsx b/packages/ui/src/components/Checkbox/Checkbox.tsx
index 84a420ad8b..e0d4605739 100644
--- a/packages/ui/src/components/Checkbox/Checkbox.tsx
+++ b/packages/ui/src/components/Checkbox/Checkbox.tsx
@@ -49,7 +49,7 @@ export const Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(
       >
         {({ isIndeterminate }) => (
           <>
-            <div className={classes.indicator}>
+            <div className={classes.indicator} aria-hidden="true">
               {isIndeterminate ? (
                 <RiSubtractLine size={12} />
               ) : (
diff --git a/packages/ui/src/components/Table/components/TableHeader.tsx b/packages/ui/src/components/Table/components/TableHeader.tsx
index 8b1b8ff23d..572dd022d0 100644
--- a/packages/ui/src/components/Table/components/TableHeader.tsx
+++ b/packages/ui/src/components/Table/components/TableHeader.tsx
@@ -42,7 +42,7 @@ export const TableHeader = <T extends object>(props: TableHeaderProps<T>) => {
           maxWidth={40}
           className={classes.headSelection}
         >
-          <Flex justify="center" align="center">
+          <Flex justify="center" align="center" aria-label="Row selection">
             <Checkbox slot="selection" aria-label="Select all" />
           </Flex>
         </Column>