WCAG guides making interactive elements more accessible by specifying minimum size requirements. The bare minimum pixel size for an interactive, non-inline element is 24×24 pixels, as outlined in Success Criterion 2.5.8: Target Size (Minimum). This is the most commonly used level for public, mass-consumed websites.
The article clarifies the nuances of interactive element sizes and what is needed for baseline WCAG compliance. It advises against using media queries to detect touchscreens to bypass the WCAG requirements, as devices are multimodal and can support various input methods.
The key is to understand the context and goals of the website or app, and design interactive elements accordingly. Conducting user research is recommended to learn about the audience and their needs. Ultimately, WCAG compliance is a baseline, not a ceiling, and designers should strive to create inclusive experiences that go beyond the minimum requirements.
