Dialogkontroll

Dialogkontroll är en användargränssnittskomponent som visar ett tillfälligt fönster ovanför innehållet och kräver användarens åtgärd. Dialoger används för att bekräfta handlingar, samla in uppgifter eller förmedla viktig information utan att navigera till en ny sida eller vy. De kan vara modala, vilket blockerar interaktionen med resten av gränssnittet, eller modeless, där bakgrunden förblir aktiv.

Vanliga typer är aviseringar (alert), bekräftelsedialoger (confirm), inmatningsdialoger (prompt) och anpassade dialoger. En dialog innehåller oftast en rubrik, innehåll och en uppsättning åtgärdsknappar. Vissa dialoger kan också innehålla formulärfält eller valmöjligheter.

Användbarhet och tillgänglighet är centrala. När dialogen öppnas bör fokus flyttas dit och hållas där tills den stängs. Dialogen ska ha tydlig rubrik och innehåll, vara märkt för skärmläsare, och varje åtgärd ska vara tangentbordsnavigerbar. ESC bör vanligtvis stänga dialogen, och när den stängs återgår fokuset till öppnaren. Om bakgrunden är interaktiv bör det finnas en tydlig indikation och korrekt fokusbeteende.

På webben implementeras dialogkontroller ofta med HTML-elementet dialog eller genom UI-bibliotek som erbjuder modala komponenter. På skrivbords- och mobila plattformar används oftast lösningar som följer respektive plattformens designriktlinjer. Oavsett kontext bör dialogen vara väldimensionerad, responsiv och förutsägbar.

Rekommendationer inkluderar att använda dialoger sparsamt och konsekvent, ge tydlig rubrik och åtgärder, erbjuda alternativ för användare utan skript, samt testa tillgänglighet och tangentbordsnavigering i olika enheter och skärmläsare.