Icons accessibility (#2524)

* chore: adding titleId and title to SVGProps
commercetools · May 31, 2023 · daab774 · daab774 · vercel · May 31, 2023
1 parent c3a505a
commit daab774
Show file tree

Hide file tree

Showing 147 changed files with 3,253 additions and 1,503 deletions.
diff --git a/.changeset/strange-wasps-jump.md b/.changeset/strange-wasps-jump.md
@@ -0,0 +1,9 @@
+---
+'@commercetools-uikit/rich-text-utils': minor
+'@commercetools-uikit/checkbox-input': minor
+'@commercetools-uikit/data-table-manager': minor
+'@commercetools-uikit/input-utils': minor
+'@commercetools-uikit/icons': minor
+---
+
+Adding accessible information to the icons
diff --git a/package.json b/package.json
@@ -82,6 +82,7 @@
     "@percy/puppeteer": "2.0.2",
     "@preconstruct/cli": "2.6.4",
     "@stylelint/postcss-css-in-js": "^0.38.0",
+    "@svgr/babel-plugin-svg-dynamic-title": "^7.0.0",
     "@svgr/cli": "7.0.0",
     "@svgr/plugin-jsx": "7.0.0",
     "@svgr/plugin-svgo": "7.0.0",

diff --git a/...components/data-table-manager/src/column-settings-manager/column-settings-manager.spec.js b/...components/data-table-manager/src/column-settings-manager/column-settings-manager.spec.js
@@ -59,7 +59,7 @@ describe('ColumnSettingsManager', () => {
 
       render(<ColumnSettingsManager {...props} />);
 
-      expect(screen.getByText(/search/i)).toBeInTheDocument();
+      expect(screen.getByText(/search/)).toBeInTheDocument();
     });
   });
 

diff --git a/packages/components/icons/src/generated/AngleDownReact.tsx b/packages/components/icons/src/generated/AngleDownReact.tsx
diff --git a/packages/components/icons/src/generated/AngleLeftReact.tsx b/packages/components/icons/src/generated/AngleLeftReact.tsx
diff --git a/packages/components/icons/src/generated/AngleRightReact.tsx b/packages/components/icons/src/generated/AngleRightReact.tsx
diff --git a/packages/components/icons/src/generated/AngleThinLeftReact.tsx b/packages/components/icons/src/generated/AngleThinLeftReact.tsx
diff --git a/packages/components/icons/src/generated/AngleThinRightReact.tsx b/packages/components/icons/src/generated/AngleThinRightReact.tsx
-Original file line number
+Diff line change
@@ Expand Up / @@ -59,7 +59,7 @@ describe('ColumnSettingsManager', () => { @@
           render(<ColumnSettingsManager {...props} />);
-          expect(screen.getByText(/search/i)).toBeInTheDocument();
+          expect(screen.getByText(/search/)).toBeInTheDocument();
         });
       });
@@ Expand Down @@