Reduce opacity of disabled checkbox control indicator #6962
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fixes #6734
Changes proposed in this pull request:
Updates checkbox control indicators (tick and indeterminate dash) on disabled checkbox controls to use a reduced opacity. This aligns with design intent and provides better signal that the checkbox control is disabled.
Reviewers should focus on:
Checkbox and Checkbox card
Screenshot
Accessibility / Contrast Check
Light Mode
![Screenshot 2024-09-05 at 11 42 09@2x](https://private-user-images.githubusercontent.com/2968519/364851453-de198127-cf29-49a6-b3da-ff1db2b5c278.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMDM5MDEsIm5iZiI6MTczOTEwMzYwMSwicGF0aCI6Ii8yOTY4NTE5LzM2NDg1MTQ1My1kZTE5ODEyNy1jZjI5LTQ5YTYtYjNkYS1mZjFkYjJiNWMyNzgucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDlUMTIyMDAxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MmVlODY5N2Y5ZWEwNmYwMjI2YTgzNDYyZTQ5Y2EyMGZkYmQ5OTc1YTcxMzJlZGMyMjM4NjNlMDYzY2EwMzRjNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.Ypxohf2mepppRKLhM3U6SJzOMmgoEVW457roYfFlgHw)
https://webaim.org/resources/contrastchecker/?fcolor=FFFFFF80&bcolor=99B8E9
WCAG AA: Fail (Graphical Objects and User Interface Components)
Dark Mode
![Screenshot 2024-09-05 at 11 42 03@2x](https://private-user-images.githubusercontent.com/2968519/364851891-0d35c621-bce0-4d33-b343-2088ccb7c7cd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMDM5MDEsIm5iZiI6MTczOTEwMzYwMSwicGF0aCI6Ii8yOTY4NTE5LzM2NDg1MTg5MS0wZDM1YzYyMS1iY2UwLTRkMzMtYjM0My0yMDg4Y2NiN2M3Y2QucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDlUMTIyMDAxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZmM3MzQ1NmE4NDIyYmU5YWViM2VhMTA3NjYzODk1NDhjODBhYzY2YmJmYTJkOTUyMjE0ZGNjMWMwZDQwM2I0YyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.curVdJgoagNbO7WQXN93AtOPHuS9wqNSrDSf8m0OtTY)
https://webaim.org/resources/contrastchecker/?fcolor=FFFFFF80&bcolor=25497D
WCAG AA: Pass (Graphical Objects and User Interface Components)