search

patternfly / patternfly-design

Use this repo to file all new feature or design change requests for the PatternFly project
115 stars 105 forks source link

Alert icon shape update for better accessibility #1227

Open heyethankim opened 1 year ago

heyethankim commented 1 year ago

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 commented 1 year ago

FYI. @mceledonia @mcarrano, @imjoyjean

mcarrano commented 1 year ago

@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 commented 8 months ago

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