Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

HTML disabled and 1.4.3 Contrast (Minimum) (Level AA) #3173

Closed
LaurenceRLewis opened this issue May 4, 2023 · 2 comments
Closed

HTML disabled and 1.4.3 Contrast (Minimum) (Level AA) #3173

LaurenceRLewis opened this issue May 4, 2023 · 2 comments

Comments

@LaurenceRLewis
Copy link
Contributor

LaurenceRLewis commented May 4, 2023

In WCAG 1.4.11 Non-text Contrast (Level AA) it explicitly states

"Inactive User Interface Components
User Interface Components that are not available for user interaction (e.g., a disabled control in HTML) are not required to meet contrast requirements in WCAG 2.1"
https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html#:~:text=User%20Interface%20Components%20that%20are,in%20the%20form%20are%20completed.

However, I can't find anywhere in 1.4.3 Contrast (Minimum) (Level AA) that it is exempt when the disabled attribute is used and the User Agent styles are applied. The Contrast ration of button with the disabled attribute is 1.8.1:1.

image
ALT="Disabled button "

I'd appreciate guidance on this for accessibility audting when a form element is disabled using HTML disabled.

@JAWS-test
Copy link

JAWS-test commented May 4, 2023

The exception for disabled Elements is at all contrast SCs

  • 1.4.3: Text or images of text that are part of an inactive user interface component, ... have no contrast requirement.
  • 1.4.6: Text or images of text that are part of an inactive user interface component, ... have no contrast requirement.
  • 1.4.11: ... except for inactive components ...

Related: #869

@LaurenceRLewis
Copy link
Contributor Author

Thanks @JAWS-test I read that wrong in the normative text of the SC. Thanks for the clarification.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants