From e11e4de06193cf783992f51571be1d3dd47fd355 Mon Sep 17 00:00:00 2001
From: cchaos
Date: Wed, 16 Jan 2019 11:04:10 -0500
Subject: [PATCH] Update accessibility for button groups
---
src-docs/src/views/button/button_example.js | 7 ++
src-docs/src/views/button/button_group.js | 21 +++--
.../__snapshots__/button_group.test.js.snap | 12 +--
.../button/button_group/button_group.js | 83 +++++++++++--------
4 files changed, 80 insertions(+), 43 deletions(-)
diff --git a/src-docs/src/views/button/button_example.js b/src-docs/src/views/button/button_example.js
index c2d5f78374de..678c8bb9cd04 100644
--- a/src-docs/src/views/button/button_example.js
+++ b/src-docs/src/views/button/button_example.js
@@ -15,6 +15,7 @@ import {
EuiCode,
EuiButtonGroup,
EuiButtonToggle,
+ EuiCallOut,
} from '../../../../src/components';
import Button from './button';
@@ -251,6 +252,12 @@ export const ButtonExample = {
(default) or "primary". If your just displaying a group of
icons, add the prop isIconOnly.
+
+
+ In order for groups to be properly read as groups with a title, add the legend prop.
+ This is only for accessiblity, however, so it will be visibly hidden.
+