Updated EuiRange ticks doc with accessibleLabel.

elastic · Apr 11, 2024 · 5cc66a5 · 5cc66a5
1 parent da14962
commit 5cc66a5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/src-docs/src/views/range/levels.tsx b/src-docs/src/views/range/levels.tsx
@@ -31,11 +31,11 @@ export default () => {
   ];
 
   const customTicks = [
-    { label: 'low', value: 0 },
-    { label: 'intermediate', value: 15 },
-    { label: 'moderate', value: 35 },
-    { label: 'high', value: 65 },
-    { label: 'severe', value: 85 },
+    { label: 'low', value: 0, accessibleLabel: 'low' },
+    { label: 'intermediate', value: 15, accessibleLabel: 'intermediate' },
+    { label: 'moderate', value: 35, accessibleLabel: 'moderate' },
+    { label: 'high', value: 65, accessibleLabel: 'high' },
+    { label: 'severe', value: 85, accessibleLabel: 'severe' },
   ];
 
   const customColorsLevels = [

diff --git a/src-docs/src/views/range/ticks.tsx b/src-docs/src/views/range/ticks.tsx
@@ -137,15 +137,15 @@ export default () => {
         min={0}
         max={84}
         ticks={[
-          { label: '1 GB', value: 0 },
-          { label: '2GB', value: 14 },
-          { label: '4GB', value: 28 },
-          { label: '8GB', value: 42 },
-          { label: '16GB', value: 56 },
-          { label: '32GB', value: 70 },
-          { label: '64GB', value: 84 },
+          { label: '1 GB', value: 0, accessibleLabel: 'one gigabyte' },
+          { label: '2GB', value: 14, accessibleLabel: 'two gigabytes' },
+          { label: '4GB', value: 28, accessibleLabel: 'four gigabytes' },
+          { label: '8GB', value: 42, accessibleLabel: 'eight gigabytes' },
+          { label: '16GB', value: 56, accessibleLabel: 'sixteen gigabytes' },
+          { label: '32GB', value: 70, accessibleLabel: 'thirty-two gigabytes' },
+          { label: '64GB', value: 84, accessibleLabel: 'sixty-four gigabytes' },
         ]}
-        aria-label="An example of EuiDualRange with no linear intervals"
+        aria-label="An example of EuiRange with no linear intervals"
       />
     </>
   );