Hai bisogno che gli allievi scelgano un'opzione da un elenco? I pulsanti radio ti consentono di creare interazioni a scelta per quiz, sondaggi, scenari di ramificazione e altro ancora. Puoi personalizzarne l'aspetto e controllare cosa succede quando gli allievi selezionano un'opzione. Continua a leggere per scoprire come.

• Crea e personalizza i pulsanti radio
• Aggiungi l'interattività dei pulsanti radio
• Rendi accessibili i pulsanti radio

Crea e personalizza i pulsanti radio

Per aggiungere un pulsante di opzione, vai alla scheda Inserisci e fai clic su Input. Quindi, scegli uno degli stili del pulsante di opzione e fai clic sulla diapositiva o sul livello per aggiungerlo.

Per aggiungere testo, seleziona il pulsante di opzione e inizia a digitare. Il testo diventa parte del pulsante di opzione.

Per personalizzare il testo:

• Utilizzate le opzioni della scheda Home per modificare i caratteri, le dimensioni dei caratteri, i colori e la formattazione dei paragrafi. Scopri di più
• Fai clic con il pulsante destro del mouse sul pulsante di opzione e scegli Formato forma, quindi seleziona la scheda Casella di testo per regolare l'allineamento, i margini e il comportamento di adattamento automatico. Scopri di più

Assegnare ai pulsanti radio nomi significativi li rende più facili da identificare nei trigger e nelle interazioni. Per rinominare un pulsante di opzione, fai clic con il pulsante destro del mouse e seleziona Rinomina. Puoi anche fare doppio clic sulla timeline e inserire un nuovo nome.

Per formattare un pulsante di opzione in modo che si adatti al design del corso, selezionalo e vai alla scheda Formato. Puoi cambiare stili, colori, effetti e altro ancora. I colori provengono dal tuo tema. Potete anche fare clic con il pulsante destro del mouse su un pulsante di opzione personalizzato e scegliere Imposta come pulsante di opzione predefinito per applicare lo stesso stile a tutti i nuovi pulsanti di opzione del progetto corrente.

Per eliminare un pulsante di opzione, selezionalo e premi Elimina sulla tastiera.

Aggiungi l'interattività dei pulsanti radio

Usa gli stati e i trigger per definire in che modo i pulsanti radio rispondono all'interazione dell'allievo.

I pulsanti radio includono stati integrati che cambiano aspetto quando gli allievi interagiscono con essi. Per impostazione predefinita, questi includono Normal, Passa con il mouse sopra qc], Down, Disabled e Selected. È possibile modificare questi stati o crearne uno personalizzato. Scopri di più

Puoi utilizzare i trigger per determinare cosa succede quando gli allievi selezionano un pulsante di opzione. Ad esempio, puoi mostrare un livello, passare a un'altra diapositiva, riproduci media, regolare una variabile e altro ancora. Scopri di più

Puoi anche:

• Converti le diapositive in interazioni a forma libera e usa i pulsanti di opzione come opzioni di risposta con punteggio e feedback opzionali.
• Crea set di pulsanti che consentano una sola selezione alla volta. Quando i pulsanti radio sono raggruppati, selezionandone uno si deselezionano automaticamente gli altri. È possibile includere più set di pulsanti nella stessa diapositiva.

Rendi accessibili i pulsanti radio

I pulsanti radio accessibili aiutano gli allievi a comprendere le proprie scelte, a navigare facilmente tra le opzioni e a effettuare le selezioni con sicurezza. Segui questi suggerimenti per aumentare l'accessibilità del pulsante di opzione:

• Fornisci istruzioni e feedback chiari. Spiega cosa dovrebbero fare gli allievi e fornisci un feedback dopo aver selezionato o inviato una risposta (3.3.2 Etichette o istruzioni).
• Evita modifiche impreviste dopo la selezione. Se la selezione di un pulsante di opzione invia automaticamente una risposta, rivela un contenuto o modifica la visualizzazione corrente, informa gli allievi prima che avvenga la modifica (3.2.2 On Input).
• Usa etichette descrittive. Scrivi un testo del pulsante di opzione che descriva chiaramente ogni opzione in modo che gli allievi capiscano cosa stanno selezionando senza bisogno di ulteriore contesto (2.4.6 Titoli ed etichette).
• Raggruppa in modo chiaro le opzioni correlate. Fornisci una domanda o un'etichetta di gruppo chiara in modo che gli allievi comprendano in che modo le opzioni del pulsante di opzione si relazionano tra loro (1.3.1 Informazioni e relazioni).
• Imposta un ordine logico di messa a fuoco. Disponi i pulsanti radio in un ordine significativo in modo che gli utenti di tastiere e screen reader possano spostarsi tra le opzioni in modo prevedibile ed efficiente (2.1.1 Keyboard, 2.4.3 Focus Order).
• Prova i pulsanti radio con uno screen reader e una tastiera. Assicurati che gli allievi possano toccare il gruppo di pulsanti di opzione, spostarsi tra le opzioni con i tasti freccia e selezionare un'opzione utilizzando la tastiera. Scopri di più sulla navigazione tra domande a scelta multipla con uno screen reader o una tastiera (tastiera 2.1.1).
• Mantieni visibili gli stati di messa a fuoco. Assicurati che gli allievi possano identificare facilmente quale pulsante di opzione è attualmente focalizzato sulla tastiera. Se personalizzi l'indicatore di messa a fuoco, assicurati che rimanga ben visibile rispetto ai colori circostanti (2.4.7 Focus visibile, 2.4.11 Focus non oscurato [Minimo]).
• Utilizzate un contrasto sufficiente. Scegli colori di testo e sfondo facili da leggere in tutti gli stati del pulsante di opzione. Utilizzate almeno un rapporto di contrasto 4, 5:1 per il testo e 3:1 per i controlli dei pulsanti di opzione e altri elementi non testuali (1.4.3 Contrasto [Minimo], 1.4.11 Contrasto non testuale).
• Non fare affidamento sul colore per mostrare la selezione. Assicurati che i pulsanti radio selezionati includano un altro indicatore visibile, come un pulsante di opzione pieno, un segno di spunta, un cambio di etichetta o un altro segnale visivo facile da distinguere (1.4.1 Uso del colore).
• Rendi i pulsanti radio facili da selezionare. Usa pulsanti radio ampi e ben distanziati per gli allievi che usano il tocco, il mouse o altri metodi di immissione. Mira a una dimensione minima del bersaglio di 24 x 24 pixel (2.5.8 Dimensione del bersaglio [minima]).