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

Alert icon shape update for better accessibility #1227

Open
heyethankim opened this issue Jan 13, 2023 · 3 comments
Open

Alert icon shape update for better accessibility #1227

heyethankim opened this issue Jan 13, 2023 · 3 comments
Assignees
Milestone

Comments

@heyethankim
Copy link

heyethankim commented Jan 13, 2023

Requesting new features, enhancements, or design changes to PatternFly

Describe the use cases and requirements of the new feature or enhancement you are requesting.

Could we afford a different shape for each alert icon container for better accessibility?

  1. "Circle" is used for OK and success. "Hexagon" is used for failure like the stop sign on the road. Wonder if this could work better in the user's mindset at a subconscious level.
  2. Could we use the square for the informational message? Basically this way, each icon gets a different shape.
  3. Using blue instead of green may be too much, but you can see the difference in the color blind vision.

image

@heyethankim
Copy link
Author

FYI. @mceledonia @mcarrano, @imjoyjean

@mcarrano
Copy link
Member

@heyethankim thanks for submitting this. You make a good point about accessibility of the alert icons. @mceledonia and I are currently working at the DPO level to come up with a consistent alert language and icons across Read Hat. This will be a good topic to take into that discussion that will influence future PatternFly directions.

@smckinno
Copy link

Wrapping up this issue - tied it to another ticket ( Colors - PF colors for severity levels #1219)

Here is the documentation/research https://docs.google.com/document/d/1-4ocLt9Ijcu5amiX7u_U6au17N4wCqDTYGh8ZiPu7mQ/edit?usp=sharing
Here is the sketch file : https://www.sketch.com/s/6cd8d222-b3cd-461d-b15d-d1d4ee331b48

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Parking lot
Development

No branches or pull requests

4 participants