Redesign on
state in menu and dropdowns
#16572
Labels
type:feature
This issue reports a feature request (an idea for a new functionality or a missing option).
Milestone
📝 Provide a description of the new feature
During the development of accessibility (A11y) improvements for menubar and other dropdowns, there was a discussion about how to represent the "on" state in these controls. Currently, the "on" state is not visually represented in the menubar, but in dropdowns, it appears as a "filled-in" blue state[1]. However, this doesn't look great in the menu. As a solution, the team decided to use checkbox marks[2] to indicate whether an option is selected or not.
[1] Old filled in state:
![Old filled state](https://private-user-images.githubusercontent.com/3949262/339728457-8abcd83a-fc7c-4db1-a994-0dd1787f4c58.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxODMzODYsIm5iZiI6MTczOTE4MzA4NiwicGF0aCI6Ii8zOTQ5MjYyLzMzOTcyODQ1Ny04YWJjZDgzYS1mYzdjLTRkYjEtYTk5NC0wZGQxNzg3ZjRjNTgucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTBUMTAyNDQ2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9M2RhNjFiNjhjZTFhMjE3YmY1ZTZkZjZjMDQ3NDRjNWQ1NDQzNTc4ODlhMmRmYThmYTdjMTY5NjgzYzY1Yzk5ZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.F72a1jlyy0_YilKzGbNj7umCV-keN7lMVPLfGLNhLuE)
[1] New checkbox menu state:
![obraz](https://private-user-images.githubusercontent.com/3949262/339728082-25ba4a9e-d724-4289-8ea2-dd1bbf34c446.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxODMzODYsIm5iZiI6MTczOTE4MzA4NiwicGF0aCI6Ii8zOTQ5MjYyLzMzOTcyODA4Mi0yNWJhNGE5ZS1kNzI0LTQyODktOGVhMi1kZDFiYmYzNGM0NDYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTBUMTAyNDQ2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDdmNTU5YjAzOGQzZDcwNDA4MTQ0ODgxNDU3MWVkY2U2OWEyOTBlZmU3NTZmNjJkYzJlN2ViYWJlMTIyMzEwZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.CCIW2kLSlYws_z0_fqRWJqqvcd0YpF3GAXO_Iwj-JCg)
The text was updated successfully, but these errors were encountered: