Define support targets before rolling Keel across multiple sites.

Tier policy

  • Tier 1 (fully supported): latest two stable versions.
  • Tier 2 (best effort): third most recent version.
  • Unsupported: legacy browsers without CSS variable support.

Matrix

BrowserTierNotes
Chrome (desktop)Tier 1Primary QA baseline
Edge (desktop)Tier 1Chromium parity expected
Firefox (desktop)Tier 1Validate color-mix and focus visuals
Safari (macOS)Tier 1Validate typography and sticky layouts
iOS SafariTier 1Verify forms, drawers, sticky topbar
Chrome AndroidTier 1Verify responsive dashboard layouts
Samsung InternetTier 2Best effort for consumer traffic

Feature assumptions

Keel requires support for:

  • CSS custom properties
  • light-dark()
  • color-mix()
  • :focus-visible

If a target browser misses these features, add fallbacks at app layer before rollout.