WCAG

WCAG (Web Content Accessibility Guidelines) är en samling riktlinjer avseende tillgänglighet för webbaserat innehåll. Den senaste revisionen, WCAG 2.1, innehåller följande grundläggande principer gällande tillgänglighet (tagna från DIGG, Myndigheten för digital förvaltning):

• En webbplats ska vara möjlig att uppfatta.

• Komponenterna i användargränssnittet ska vara hanterbara.

• Information och hantering av användargränssnitt ska vara begriplig.

• En webbplats ska vara robust.

För mer information om WCAG, se följande:

• DIGG (Myndigheten för digital förvaltning)

• W3C

WCAG och flexite

Rent tekniskt validerar flexite som programvara till stor del mot WCAG 2.1. Detta betyder att det generella gränssnittet i flexiteWEB, inkluderat SmoothForms, till stor del följer WCAG.

För arbete med registrering och handläggning av ärenden finns ett omfattande stöd för tillgänglighetslösningar medan det i mer specialiserade sök- och statistikapplikationer finns ett mer begränsat stöd.

Stöd för WCAG i formulär

flexite som programvara har ett omfattande stöd för WCAG i formulär, men är helt beroende av att dessa lösningar faktiskt tillämpas i konstruktionen av dessa formulär.

Exempel

• WCAG säger att rubriker skall vara förklarande.
  För att uppfylla detta behöver Rubrikkomponenter skapas och placeras på ett tydligt vis i formulären.
  För information om Rubrikkomponenten, se avsnitt Rubrik.

• WCAG säger att rubriker ska vara klassificerade i enlighet med hierarkisk nivå (H1, H2, H3, etcetera).
  För att uppfylla detta behöver det utredas och beslutas vilka rubriker som ska utgöra dessa olika rubriknivåer. Därefter behöver Rubrikkomponenter skapas och konfigureras i enlighet med beslut.
  För information om rubriknivåer, se avsnitt Rubriknivå — HTML Header.

• WCAG säger att tooltips ska finnas och att de ska vara tydliga och förklarande.
  För att uppfylla detta behöver tooltips som stämmer överens med formulärens och komponenternas syften skapas för aktuella komponenter i formulären.
  För information om tooltips, se avsnitt Inforuta.

• WCAG säger att tabbordning mellan fält ska vara noga genomtänkt och i en logisk följd.
  För att uppfylla detta behöver tabbordningen i de individuella formulären konfigureras i enlighet med behov.
  För information om tabbordning, se avsnitt Tabbordning.

• WCAG säger att färger ska uppfylla viss kontrast.
  För att uppfylla detta behöver de färger som nyttjas i formulären utredas och konfigureras i enlighet med behov.

Stöd för skärmläsare

flexiteWEB och SmoothForms har stöd för skärmläsare, ett hjälpverktyg som läser upp webbinnehållet med konstgjort tal. En skärmläsare fungerar i korthet på så vis att den läser upp information om det element som är fokuserat; en navigationsknapp, en komponent på ett formulär, en dialogruta etcetera.

För att skärmläsare ska fungera optimalt i formuläret är det viktigt att Tabbordningen motsvarar det visuella gränssnittet i flexiteWEB samt att den Seriella ordningen för SmoothForms följer ett logiskt flöde. Det är därtill rekommenderat att nyttja funktionen Koppla till Rubrikkomponent för att ge komponenter beskrivande namn utan att påverka själva komponentnamnet.

För information om dessa funktioner, se följande kapitel:

Tabbordning

Seriell ordning

Koppla till Rubrikkomponent

Bra att veta

Vilken information som läses upp, och hur den läses upp, kan variera mellan olika webbläsare och skärmläsare.

Uppläsning av formulärinformation — Standard

För komponenter som INTE kopplats till Rubrikkomponent är den grundläggande ordningen enligt nedan. Avvikelser kan förekomma beroende på komponenttyp och konfiguration av komponent.

flexiteWEB

1. Rubrik i flervärdeskomponent — Den Rubrik som angivits i komponenter av typerna Kryssrutelista, Radiogrupp, Radiokryssrutelista.

2. Namn på komponent — Det Namn som angivits på komponenten.

3. Inforuta på komponent — Den information som angivits under fliken Inforuta i komponenten.
   Läses enbart upp för komponenter som INTE är av typen Sträng, Text, Nummer, Datum, Rullgardin, Användare, Avdelning, Fysisk plats, Rättighetslista (med Tillåt endast val av en användare aktiv), Ursprunglig rapportör, Rapportmottagare eller Feedbackmottagare.

4. Typ av komponent — Huruvida aktuell komponent är ett textfält, ett datumfält, en kryssruta, etcetera.

5. Innehåll i komponent — Exempelvis innehållet i en Strängkomponent eller värdet i en flervärdeskomponent.

SmoothForms

1. Rubrik i flervärdeskomponent ELLER Namn på komponent
   Enligt följande prioritetsordning:

   1. Rubrik i flervärdeskomponent — Den Rubrik som angivits i komponenter av typerna Kryssrutelista, Radiogrupp, Radiokryssrutelista.

   2. Namn på komponent — Det Namn som angivits på komponenten.

2. Typ av komponent — Huruvida aktuell komponent är ett textfält, ett datumfält, en kryssruta, etcetera.

3. Inforuta på komponent — Den information som angivits under fliken Inforuta i komponenten.

4. Innehåll i komponent — Exempelvis innehållet i en Strängkomponent eller värdet i en flervärdeskomponent.

Uppläsning av formulärinformation — Koppla till Rubrikkomponent

För komponenter kopplats till Rubrikkomponent är den grundläggande ordningen enligt nedan. Avvikelser kan förekomma beroende på komponenttyp och konfiguration av komponent.

flexiteWEB

1. Rubrik i flervärdeskomponent — Den Rubrik som angivits i komponenter av typerna Kryssrutelista, Radiogrupp, Radiokryssrutelista.

2. Kopplad Rubrikkomponent — Den Text som angivits på den kopplade Rubrikkomponenten.

3. Inforuta på komponent — Den information som angivits under fliken Inforuta i komponenten.
   Läses enbart upp för komponenter som INTE är av typen Sträng, Text, Nummer, Datum, Rullgardin, Användare, Avdelning, Fysisk plats, Rättighetslista (med Tillåt endast val av en användare aktiv), Ursprunglig rapportör, Rapportmottagare eller Feedbackmottagare.

4. Typ av komponent — Huruvida aktuell komponent är ett textfält, ett datumfält, en kryssruta, etcetera.

5. Innehåll i komponent — Exempelvis innehållet i en Strängkomponent eller värdet i en flervärdeskomponent.

SmoothForms

1. Rubrik i flervärdeskomponent ELLER Kopplad Rubrikkomponent
   Enligt följande prioritetsordning:

   1. Rubrik i flervärdeskomponent — Den Rubrik som angivits i komponenter av typerna Kryssrutelista, Radiogrupp, Radiokryssrutelista.

   2. Kopplad Rubrikkomponent — Den Text som angivits på den kopplade Rubrikkomponenten.

2. Typ av komponent — Huruvida aktuell komponent är ett textfält, ett datumfält, en kryssruta, etcetera.

3. Inforuta på komponent — Den information som angivits under fliken Inforuta i komponenten.

4. Innehåll i komponent — Exempelvis innehållet i en Strängkomponent eller värdet i en flervärdeskomponent.

Best practice för flervärdeskomponent

Flervärdeskomponenter av typerna Kryssrutelista, Radiogrupp och Radiokryssrutelista har stöd för att visa en Rubrik inuti komponenten.

För bästa tydlighet och kompatibilitet med skärmläsare är det starkt rekommenderat att på dessa komponenter INTE kombinera Rubrik och koppling till en Rubrikkomponent.

Stöd för automatisk ifyllning

flexiteWEB och SmoothForms har stöd för automatisk ifyllning av inmatningsfält, vilket möjliggör för användare att välja bland historisk och sparad information för att underlätta vid inmatning i formulär.

flexite har stöd för följande metoder av automatisk ifyllning:

• flexite historik — Med denna metod nyttjas flexites historik. Förslag hämtas från information i aktuella registreringar för den aktuella komponenten.
  Denna metod stödjer ifyllnad av en komponent åt gången.

• Webbläsare — Generell — Med denna metod nyttjas webbläsarens historik. Förslag hämtas från webbläsarens historik för det aktuella inmatningsfältet på det aktuella formuläret.
  Denna metod stödjer ifyllnad av en komponent åt gången.
  Denna metod är aktiverad som standard.

• Webbläsare — Typspecifik — Med denna metod nyttjas sparad information i webbläsaren. På komponenten anges vilken specifik typ av information som den ska innehålla. Detta kan röra sig om exempelvis adressuppgifter eller betalningsmetoder. Förslag för denna typ av information hämtas från strukturerad data som sparats till webbläsaren.
  Denna metod stödjer ifyllnad av flera komponenter på en och samma gång.

För information om konfiguration av automatisk ifyllning, se avsnitt Autokomplettering.

Komponentstöd

Följande komponenter stödjer automatisk ifyllning:

• Sträng — Fullt stöd för samtliga metoder av autokomplettering.

• Text — Stödjer autokompletteringsmetoden Webbläsare — Generell.

• Nummer — Stödjer autokompletteringsmetoderna Webbläsare — Generell samt typspecifika attribut av typen nummer.

• Datum — Stödjer autokompletteringsmetoderna Webbläsare — Generell samt typspecifika attribut av typen datum.

• Rapportmottagare — Stödjer autokompletteringsmetoderna Webbläsare — Generell samt typspecifika attribut av typen e-post.

• Feedbackmottagare — Stödjer autokompletteringsmetoderna Webbläsare — Generell samt typspecifika attribut av typen e-post.

Stöd för inmatningstyp

flexiteWEB och SmoothForms har stöd för att per komponent påverka vilken typ av virtuellt tangentbord som presenteras när komponenten fokuseras. Detta kan underlätta för användare vid inmatning av information i komponenten.

Ett virtuellt tangentbord är ett tangentbord som presenteras på skärmen och används primärt på mobila enheter som saknar fysiskt tangentbord. Denna funktion har ingen effekt på enheter som inte presenterar ett virtuellt tangentbord.

För information om konfiguration av inmatningstyp, se avsnitt Inmatningstyp.

Komponentstöd

Följande komponenter stödjer Inmatningstyp:

• Sträng

• Text

• Nummer

• Datum

• Rapportmottagare

• Feedbackmottagare

Krav på webbläsare och enhet

Utseendet på tangentbordet dikteras utav den webbläsare samt den enhet som nyttjas. Både webbläsaren och enheten måste stödja olika typer av inmatning för att denna inställning ska ha någon effekt.