Training Compliance Tracker

Compliance

Employee training grid with completion percentages, due dates, and certification tracking for regulatory compliance requirements.

Simple 3 Critical Rules Demonstrated
Regulatory Context

Training compliance must meet requirements for SOX, HIPAA, AML, and industry-specific certifications with documented completion records.

Critical Rules Demonstrated

Standard vs Enhanced Treatment

Standard
Due Soon
Enhanced
Due Soon

Live Example

Training Compliance

Q1 2026
87% Overall Compliance
12 Overdue
28 Due This Week
Employee AML Training Data Privacy Security Awareness Code of Conduct Overall
SJ
Sarah Johnson Compliance
Dec 15
Jan 5
Jan 10
Jan 12
100%
MC
Michael Chen Engineering
Dec 20
Due Jan 25
Jan 8
60%
65%
ER
Emily Rodriguez Finance
Overdue
Jan 3
Dec 28
Jan 2
75%
DP
David Park Operations
Jan 15
Jan 16
Jan 17
Jan 18
100%
Completed In Progress Due Soon Overdue

Brand Rules Applied

  • COLOR-001: "Due Soon" status uses Navy text on Citrus background for proper contrast
  • ICON-001: All icons use outlined style - checkmark, clock, alert, spinner icons
  • A11Y-001: Status icons have title attributes and legend with text labels for accessibility

Code Example

<!-- Status icon with title for accessibility - A11Y-001 -->
<span class="course-status due-soon" title="Due Soon">
  <!-- Outlined icon - ICON-001 -->
  <svg fill="none" stroke="currentColor">...</svg>
</span>

<style>
  .course-status.due-soon {
    /* Navy on Citrus - COLOR-001 */
    background: rgba(171, 221, 101, 0.3);
    color: var(--as-navy);
  }
</style>
Style
Theme