Confidence indicator

Overview

Communicate model confidence without implying clinical certainty. It converts domain state into an understandable, traceable and accessible interface contract.

When to use

Use HE/Confidence indicator when you need to communicate model confidence without implying clinical certainty. Keep its role distinct from transport freshness, animal-health severity and model confidence.

Example

<div class="he-confidence-indicator" style="--he-confidence:78%" role="meter" aria-label="Model confidence 78 percent; not clinical certainty"><div class="he-progress__meta"><b>Model confidence</b><span>78%</span></div><div class="he-confidence-indicator__track"><div class="he-confidence-indicator__value"></div></div><small>Confidence is not clinical certainty.</small></div>

Anatomy

Anatomy stays identical in Pasture and Atlantic. A responsive layout may wrap or stack parts, but reading order and focus order remain equivalent.

Variants and states

Accessibility

Include the numeric value and plain-language qualification; never rely on red/amber/green alone.

• Maintain a visible keyboard focus indicator and a logical focus sequence.
• Never rely on colour alone for operational, freshness or severity state.
• Keep touch targets at least 44 × 44 px unless the target is an inline text link.

Cross-platform contract

Related components