Lundy By

Ratings UI design pattern

  • Save
Ratings UI design pattern screen reader fluent design system ratings style guide ui design ux design accessibility

I created an accessible UI design style guide for the Microsoft ratings design pattern using WIA-ARIA 1.0 practice guide and Microsoft Fluent design system. In this design, the histogram is presented in a fly out so that user is not overwhelm by the additional information. This also helps minimize scrolling and user effort which provides a more usable and intuitive experience.

keyboard shortcuts: L or F like