Expanderbart innehåll
Kärt barn har många namn: Dragspelsmeny, expanderbar panel, collapse, discolosure. Att kunna visa och dölja innehåll kan ha stora fördelar. Framför allt kan det underlätta för användare som navigerar med tangentbord då det blir enklare att navigera om det går att fälla ihop innehåll som inte är intressant.
Expanderbart innehåll kan i dag till stor del lösas med HTML:s Details-element. Genom att använda detta standardelement skapas en utfällbar sektion som fälls ut när användaren trycker på elementets ”rubriktext”, som skapas med Summary-elementet. Detta utan en enda rad JavaScript-kod. Dessutom får vi alla nödvändiga tillgänglighetsfunktioner på köpet: Det fungerar med tangentbordsnavigation, existerande fokusmarkering, roll och tillstånd som kan förmedlas av hjälpmedel. En skärmläsare kan förklara för användare som inte ser gränssnittet att innehållet går att fälla ut samt om det är utfällt eller ej för tillfället.
En ytterligare fördel är att det går att söka i det hopfällda innehållet med webbläsarens sökfunktion och innehållet fälls då ut.
