Accordion sul sito: decidere cosa aprire e cosa lasciare visibile

Create una scheda con contenuto, domanda a cui risponde, necessità per la decisione e stato iniziale proposto. Lasciate direttamente leggibili le condizioni essenziali dell'offerta. Valutate una sezione espandibile per dettagli che interessano solo una parte dei lettori.

Esempio ipotetico: una pagina di consulenza mantiene visibili attività incluse ed esclusioni, mentre offre approfondimenti sui materiali da preparare. Se tutti devono leggere tutti i pannelli in sequenza, provate anche una normale pagina con titoli: l'apertura ripetuta potrebbe non aggiungere utilità.

«Documenti da preparare prima dell'incontro» descrive meglio il contenuto di «Altre informazioni». Fate leggere i titoli senza mostrare le risposte e chiedete dove cercare una specifica informazione. Annotate gli errori di interpretazione prima di modificare colori o icone.

Concordate se più pannelli possono restare aperti contemporaneamente. Se il lettore deve confrontare due risposte, chiudere automaticamente la prima può rendere il compito più difficile. Il comportamento va scelto in base al compito.

Il modello W3C descrive controlli azionabili da tastiera e uno stato espanso o compresso comunicato alle tecnologie assistive. Chiedete allo sviluppatore di verificarli sulla componente effettiva: un'icona che cambia da più a meno non basta.

Nel verbale registrate pannello, azione, risultato atteso ed esito. Provate apertura con tastiera, navigazione ai collegamenti interni e lettura su schermo stretto. Controllate che il testo non venga tagliato quando aumenta la dimensione dei caratteri.

Conservate elenco dei pannelli, testi approvati e comportamento concordato. Se una risposta contiene un documento indispensabile, verificate anche quel collegamento. Per progettare la pagina con ConversionWorks, portate la scheda delle informazioni: permette di scegliere la struttura prima di applicare un componente a tutti i contenuti.