Open m-otechie opened 4 years ago
2. AUDITUS Button Contrast Checker (https://www.aditus.io/)
- [ AUDITUS Button Contrast Check Results] Link: https://www.aditus.io/button-contrast-checker/www-aggressivelymediocre-dev-2020-06-22-at-08-50-20-405?failing
In the checking results, I found four elements (buttons and links) failure. Here are the screenshots explaining each and links attached to the recommended way of fixing the issues.
A Button is considered to FAIL when it does not meet text or non-text contrast requirements in at least one of the three states we check.
Failed elements and their check results:
1. - [Element 1]
2. - [Element 2]
3. - [Element 3]
4. - [Element 4]
- [Recommendations]
Because the focus style of the button is not customized, the button technically passes. Link: https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html#active-user-interface-component-examples_
It is recommended to override the default focus style. Link: https://www.w3.org/WAI/WCAG21/Techniques/general/G195
I have audited https://www.aggressivelymediocre.dev/ from four different sources and the following are the results:
1. Bureau of Internet Accessibility (https://www.boia.org/):
- [Bureau of Internet Accessibility Results ]
- [Bureau of Internet Accessibility Review Results]
- [WCAG 2.1 - SC 1.1.1 Non-Text Content Official Requirements] Link: https://www.boia.org/WCAG2/CP/1.1.1
- [How to Fix Non-Content Official Requirements]![How to Fix Non-Content Official Requirements](https://user-images.githubusercontent.com/39467230/85884654-a6b07080-b7eb-11ea-88c5-0151cb8dd7ac.png)
- [WCAG 2.1 - SC 1.3.1 Info and Relationships] Link: https://www.boia.org/WCAG2/CP/1.3.1![Info and Relationships](https://user-images.githubusercontent.com/39467230/85885232-ac5a8600-b7ec-11ea-9dd6-bb60e249f716.png)
- [WCAG 2.1 - SC 4.1.1 Parsing] Link: https://www.boia.org/WCAG2/CP/4.1.1
W3C's Validator link: http://validator.w3.org/