From b5e6eb22a6da98c489c00e6266daa4599e3ce097 Mon Sep 17 00:00:00 2001 From: m5o Date: Tue, 16 Jan 2018 00:49:36 +0200 Subject: Use callout without custom Jekyll plugin. --- docs/4.0/components/button-group.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'docs/4.0/components/button-group.md') diff --git a/docs/4.0/components/button-group.md b/docs/4.0/components/button-group.md index b771e0da0..f02ded31b 100644 --- a/docs/4.0/components/button-group.md +++ b/docs/4.0/components/button-group.md @@ -18,13 +18,14 @@ Wrap a series of buttons with `.btn` in `.btn-group`. Add on optional JavaScript {% endexample %} -{% callout warning %} +{% capture callout %} ##### Ensure correct `role` and provide a label In order for assistive technologies (such as screen readers) to convey that a series of buttons is grouped, an appropriate `role` attribute needs to be provided. For button groups, this would be `role="group"`, while toolbars should have a `role="toolbar"`. In addition, groups and toolbars should be given an explicit label, as most assistive technologies will otherwise not announce them, despite the presence of the correct role attribute. In the examples provided here, we use `aria-label`, but alternatives such as `aria-labelledby` can also be used. -{% endcallout %} +{% endcapture %} +{% include callout.html content=callout type="warning" %} ## Button toolbar -- cgit v1.2.3