Added missing area-label attributes (#184)

* fix: add aria label to grab handle * fix: add aria label to text input --------- Co-authored-by: Alessandro Cuppari <[email protected]>
KevinVandy · Nov 1, 2023 · 2981177 · 2981177 · vercel · Nov 1, 2023
1 parent 612885a
commit 2981177
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/mantine-react-table/src/buttons/MRT_GrabHandleButton.tsx b/packages/mantine-react-table/src/buttons/MRT_GrabHandleButton.tsx
@@ -31,6 +31,7 @@ export const MRT_GrabHandleButton = <TData extends Record<string, any> = {}>({
       <ActionIcon
         draggable="true"
         size="sm"
+        aria-label={actionIconProps?.title ?? localization.move}
         {...actionIconProps}
         onClick={(e) => {
           e.stopPropagation();

diff --git a/packages/mantine-react-table/src/inputs/MRT_FilterTextInput.tsx b/packages/mantine-react-table/src/inputs/MRT_FilterTextInput.tsx
@@ -284,6 +284,7 @@ export const MRT_FilterTextInput = <TData extends Record<string, any> = {}>({
   const commonProps = {
     disabled: !!filterChipLabel,
     placeholder: filterPlaceholder,
+    'aria-label': filterPlaceholder,
     title: filterPlaceholder,
     onClick: (event: MouseEvent<HTMLInputElement>) => event.stopPropagation(),
     onChange: setFilterValue,