Digital Hall of Fame Optgroup Audit: Make Sport and Era Filters Understandable
A digital hall of fame sport or era filter built with a native <select> element and <optgroup> groups gives visitors a familiar, browser-native control: they open a dropdown, see labeled categories like "Fall Sports" or "1990s Era," and choose an option. When the groups are labeled correctly and the markup is well-formed, the control works without any JavaScript and is operable by keyboard and assistive technology by default. When the groups are missing their label attribute, when a group label is mistakenly treated as a selectable choice, or when a disabled group silently blocks all child selections, visitors — including those using screen readers or keyboard navigation — encounter a filter that behaves unexpectedly. A digital hall of fame optgroup audit examines every native select sport and era filter on the platform to confirm the required label attribute is present and descriptive, that group labels are correctly distinguished from selectable options, that disabled groups are applied deliberately and consistently, that nesting is not attempted, and that the select element itself retains a visible label for context. This guide walks athletic directors, recognition-program staff, and school IT reviewers through exactly that audit. What a Native Select Optgroup Does — and Why Labels Matter A <select> element presents a list of <option> items a visitor can choose from. An <optgroup> element groups those options under a shared label, making a long list of sports or era ranges scannable at a glance. Instead of seeing forty sport names in a flat list, a visitor sees “Fall Sports,” “Winter Sports,” and “Spring Sports” as visible headers, with the relevant sport names indented beneath each.
Read More
