Textexpandering

Kontrollen för att expandera ett block ska innehålla en ikon (en icke fylld pilspets) och text. Peka pilen åt det håll användaren ska titta och innehållet fällas ut. Om innehållet kommer nedanför, peka nedåt i hopfällt läge, om innehållet kommer till höger, peka till höger i hopfällt läge. Om flera expanderingsblock kommer efter varandra bör utfällning av ett block, i de flesta fall, inte fälla ihop övriga.

Tänk på att

• Elementet <button> bör användas för att styra det som visas och döljs.
• Hela ytan (bakgrund, ikon och text) ska vara klickbar.
• Ikonen är placerad till vänster om texten på samma sätt som ikoner för knappar.
• Knappen ska ha attributen aria-controls, med ID-referens till den utfällbara informationen, och aria-expanded som uppdateras beroende på om informationen visas eller är dold.
• Den utfällbara informationen ska helst placeras direkt efter knappen – både visuellt och i koden.