Skip to content

Remove lowered opacities for some forms UI #20062

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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

cconard96
Copy link
Contributor

Checklist before requesting a review

  • I have read the CONTRIBUTING document.
  • I have performed a self-review of my code.

Description

50% opacity for elements can be an accessibility issue when we expect the elements to still be interactive.

This is very easy to see when using the accessibility options in the Rendering tab of the Chrome dev tools.

Reduced contrast vision deficiencies emulation:
Selection_500

The toggle to enable direct access is completely invisible for me with the vision deficiency emulation.

Also, for the Service Catalog tab for KB items it isn't immediately obvious why the tab gets faded out when the article is in the service catalog; Nothing is disabled.

If there are other suggestions for conveying some meanings these locations, I am open to making those changes here.

@trasher
Copy link
Contributor

trasher commented Jun 19, 2025

I agree opacity may not be a correct solution; but we still need an indication this is inactive (if it's not yet, I did not test).

@cedric-anne cedric-anne requested a review from orthagh June 19, 2025 07:40
@orthagh
Copy link
Contributor

orthagh commented Jun 19, 2025

image

Possible suggestion: remove disabled part completly when the toggle is off

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

Successfully merging this pull request may close these issues.

3 participants