You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Text on backgrounds should have sufficient color contrast to meet WCAG AA for normal text.
Describe the bug
In the currently published Bootstrap version (2.0?), the buttons for Success and Warning types get the wrong text color when their state is 'active' or 'focus', such as when clicking on them.
Click on the Success or Warning buttons to see the color change as the button is clicked. Or use inspector tools to manually set Success or Warning button status to active or focus.
Proposed resolution
Copy over the same styling used in the hover state for these buttons. Or consolidate active/focus specification into the hover statement.
Expected behavior
Success buttons for Success and Warning should retain their respective 'hover' state text color.
Problem/Motivation
Text on backgrounds should have sufficient color contrast to meet WCAG AA for normal text.
Describe the bug
In the currently published Bootstrap version (2.0?), the buttons for Success and Warning types get the wrong text color when their state is 'active' or 'focus', such as when clicking on them.
https://digital.arizona.edu/arizona-bootstrap/docs/2.0/components/buttons/
To Reproduce
Click on the Success or Warning buttons to see the color change as the button is clicked. Or use inspector tools to manually set Success or Warning button status to active or focus.
Proposed resolution
Copy over the same styling used in the hover state for these buttons. Or consolidate active/focus specification into the hover statement.
Expected behavior
Success buttons for Success and Warning should retain their respective 'hover' state text color.
Screenshots
Success and Warning are 'active'
Colors fail for normal text
https://webaim.org/resources/contrastchecker/
The text was updated successfully, but these errors were encountered: