The FreeModelDataBadge component in apps/web/src/components/shared/ModelCombobox.tsx:461 uses bg-green-500 with text-white for the "Free" pill badge.
This color combination produces a contrast ratio of approximately 2.33:1, which fails WCAG compliance at all levels:
- AA requires ≥ 4.5:1 for normal text
- AAA requires ≥ 7:1 for normal text
This also simply makes it hard to read at all.
Affected code:
apps/web/src/components/shared/ModelCombobox.tsx:464
The
FreeModelDataBadgecomponent inapps/web/src/components/shared/ModelCombobox.tsx:461usesbg-green-500withtext-whitefor the "Free" pill badge.This color combination produces a contrast ratio of approximately 2.33:1, which fails WCAG compliance at all levels:
This also simply makes it hard to read at all.
Affected code:
apps/web/src/components/shared/ModelCombobox.tsx:464