Il RadioButton non è un CheckBox

Abstract

Radio button e checkbox sono componenti HTML nativi con semantica e comportamenti differenti. La navigazione da tastiera cambia: i radio button richiedono i tasti freccia, le checkbox il tasto Tab. Gli screen reader garantiscono un’interazione efficace solo se il componente è identificato correttamente. Spesso, nello sviluppo di form dinamiche, si usano erroneamente checkbox per selezioni univoche gestite via software. Questo approccio compromette l’accessibilità e viola i principi di accessibility by design. In questo incontro vedremo come implementare un web component polimorfico che agisce come radio button o checkbox secondo necessità, garantendo l’accessibilità tramite i componenti nativi di base. L'obiettivo è offrire un’interfaccia chiara e navigabile, evitando soluzioni incoerenti che ostacolano l'utente, nel pieno rispetto degli standard tecnici internazionali.