qa-detect-ux-selected-color-mix

Selected-state color consistency requires visible navigation and tabbed interfaces to compare hues, shades, outlines, and shapes across related controls. It flags mixed fill-vs-outline treatments and shape differences across selected indicators within the same widget group.

You need to check selected-state visual consistency when a single UI region uses multiple colors or styles for active or highlighted elements. This applies to calendars, tab bars, button groups, and cards with multiple selected items needing a unified visual language.

Yes, selected-state color auditing works for button groups and calendars. It applies to any widget-like containers with active, selected, or highlighted elements, detecting regions where 3 or more distinct hues incorrectly represent the same selection meaning.

The best way to standardize active state styling across UI tabs is to inspect visible tabbed interfaces for mixed shades and shape differences across selected indicators. This ensures one consistent visual language for selection within the same group.

Your UI region shows mixed fill and outline styles because multiple inconsistent styles are representing the same selected state. Inspecting the visible widget region flags these mixed treatments and shape differences to prevent visual inconsistency.