Utforma hjälpmedelsförberedda formulär

När du utformar formulär för en bred kundkrets bör du beakta att vissa användare kan ha funktionshinder som påverkar hur de kan använda formuläret. Vissa användare kan vara synskadade, rörelsehindrade eller ha andra funktionshinder. Därför kan det vara en god idé att ta med vissa praktiska designfunktioner i formulären och att testa formulären med hjälp av olika former av hjälpteknik, för att öka antalet möjliga användare.

Tips för utformning av hjälpmedelsförberedda formulär

Nedan följer några tips om hur du utformar hjälpmedelsförberedda formulär:

  • Ett formulär är tillgängligt om det är enkelt att använda. Du bör sträva efter att utforma formulär som är enkla och lättillgängliga. En enkel layout med kontroller och fält med tydliga bildtexter och funktionsbeskrivningar gör att användaren har lättare att fylla i formuläret.

  • Formulär som är tydliga och logiskt utformade, och med klara och enkla anvisningar, förenklar för användaren att fylla i formulären. Navigeringsfunktioner, t ex tabbordning och kortkommandon, ska fungera i den logiska ordningen för objekt i formuläret. Bildtexten för ett fält ska finnas på samma rad som fältets ifyllningsbara område. Placera bildtexterna konsekvent på samma sida av fälten.

  • Det är enklare att arbeta med formulär där det är svårt att göra misstag. Tydliga och kortfattade felmeddelanden hjälper användaren att korrigera eventuella fel.

  • Välj objekt som gör formuläret lätt att använda. Tabeller kan t ex vara ett effektiva för att ordna och presentera information. Undvik alltför komplicerade tabeller, t ex sådan med kapslade tabeller och avsnitt.

  • Det ska gå att fylla i formuläret helt och hållet enbart med hjälp av tangentbordet eller ett hjälpmedel som ersätter det. Många användare med rörelsehinder eller synnedsättning har inget val utan måste använda tangentbordet, medan andra som kan använda musen helt enkelt föredrar tangentbordet. Genom att tillåta olika inmatningsmetoder får du inte bara formulär som kan användas med kompenserande hjälpmedel, du får också formulär som bättre passar olika användares skilda arbetssätt.

  • Utforma formulären så att de fungerar normalt tillsammans med andra program och systemstandarder. Det bör t ex finnas stöd för standardinställningarna för färg i Windows Kontrollpanelen, och tangentbordets funktion bör inte avvika från det förväntade.

  • Ett väl utformat formulär ska gå att använda med olika hjälpmedelstekniker. Du bör göra dig bekant med hur dessa tekniker fungerar och använda designtekniker och gränssnittselement som är kompatibla med flera olika hjälpmedelstekniker.

  • Med färger kan man avsevärt förhöja intrycket av ett formulär, men bara om de används på rätt sätt. Färgerna kan lyfta fram och förstärka delar av ett formulär, men du bör aldrig förmedla information enbart med hjälp av färgen. Stora mängder färg kan göra att man får ont i ögonen. För mycket färg kan skymma texten i förgrunden. Färger med hög kontrast rekommenderas, t ex standardinställningen svart på vit bakgrund.

  • Bilder förbättrar förståelsen för användare med vissa typer av funktionshinder, men många skärmläsare läser inte grafik, vilket minskar tillgängligheten till formuläret för synskadade användare. Om du använder bilder bör du ge textbeskrivningar till objektet och dess syfte i formuläret.

  • Du bör vara medveten om att klientskript kan störa skärmläsare och tangentbord om skriptet ändrar fokus för klientprogrammet. Händelserna change och mouseEnter kan leda till olämpliga åtgärder om de används tillsammans med nedrullningsbara listor eller listrutor. Klientskript bör skrivas så att problem med skärmläsare och tangentbord kan undvikas. På liknande sätt bör du undvika skripthändelser som orsakar visuella effekter, t ex blinkande text, som kan öka problemen att läsa för användarna.

  • Alternativknappar kan ofta feltolkas eller vara svårtillgängliga i HTML-formulär för användare med funktionshinder eftersom webbläsare och skärmläsare behandlar dem på olika sätt. Undvik att använda alternativknappar för HTML-formulär om du kan använda en listruta i stället.