From: Andy Cochran Date: Fri, 2 Dec 2016 16:53:25 +0000 (-0500) Subject: note disabled attribute button style X-Git-Tag: v6.3.0-rc2~19^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9433%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git note disabled attribute button style --- diff --git a/docs/pages/button.md b/docs/pages/button.md index 4db45df2a..20def785d 100644 --- a/docs/pages/button.md +++ b/docs/pages/button.md @@ -52,7 +52,7 @@ Add color classes to give buttons additional meaning. These classes are generate

The default settings meet WCAG 2.0 level AA contrast requirements. Be sure to [check the contrast](http://webaim.org/resources/contrastchecker/) when changing color variables. To give all buttons the same color text, set `$button-color` and `$button-color-alt` to the same value — but know that doing so may decrease accessibility.

-The `.disabled` class will give buttons a faded appearance. +The `.disabled` class will give buttons a faded appearance, as will the disabled attribute for <button> elements.

The .disabled class is a purely visual style, and won't actually disable a control. For <button> elements, you can add the disabled attribute to disable it. If you want to disable a link, you should add the `aria-disabled` attribute to mark it as disabled for assistive technology.