Digital Hall of Fame Focus Appearance Audit: A WCAG 2.2 Checklist
A digital hall of fame focus appearance audit is the process of systematically verifying that every interactive element on a school’s recognition platform—inductee card links, sport-category filter controls, search input fields, video tribute player controls, modal dialog buttons, and kiosk navigation arrows—displays a keyboard focus indicator that meets the minimum area and contrast requirements introduced by WCAG 2.2 Success Criterion 2.4.11 Focus Appearance (Level AA). Prior to WCAG 2.2, SC 2.4.7 Focus Visible required only that a keyboard focus indicator be present; it imposed no measurable size or contrast threshold, which left room for nearly invisible outlines—a 1-pixel dotted ring on a white background, or a blue glow suppressed by a global outline: none in the site’s stylesheet—to pass the criterion technically while remaining impossible to perceive in practice. WCAG 2.2 closes that gap by requiring the focus indicator to meet a minimum enclosed area (at least the perimeter of the unfocused component at one CSS pixel wide) and a contrast ratio of at least 3:1 between the focused and unfocused states, and a separate 3:1 contrast ratio between the indicator and adjacent colors. This guide gives school administrators, athletic directors, IT staff, and recognition-program managers a complete audit workflow, a reusable WCAG 2.2 checklist, and numbered remediation steps to bring every interactive component on a hall of fame platform into compliance with SC 2.4.11 before the next nomination season opens or a new recognition display launches.
Read More
