feat: add aria-labels for bckg and rtl

ccontrols · Dec 4, 2020 · 4b7b684 · 4b7b684
1 parent 87e44b2
commit 4b7b684
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/ui/blocks/src/Playground/BasePlayground.tsx b/ui/blocks/src/Playground/BasePlayground.tsx
@@ -112,12 +112,14 @@ export const BasePlayground: FC<BasePlaygroundProps> = ({
       node: background === 'light' ? 'dark' : 'light',
       id: 'background',
       group: 'story',
+      'aria-label': 'switch light and dark background',
       onClick: () => setBackground(background === 'light' ? 'dark' : 'light'),
     },
     {
       node: direction === 'rtl' ? 'LTR' : 'RTL',
       id: 'direction',
       group: 'story',
+      'aria-label': 'switch left to right/right to left',
       onClick: () => setDirection(direction === 'rtl' ? 'ltr' : 'rtl'),
     },
   ];