Vad är nytt i riktlinjer för tillgänglighet för webbinnehåll (WCAG) 2.1 - Nya AA- och AAA-kriterier förklarade
WCAG 2.1

Introduktion

Riktlinjer för tillgänglighet för webbinnehåll utvecklades genom W3C-processen med samarbete från individer, organisationer globalt med målet att tillhandahålla en centraliserad standard för tillgänglighet för webbinnehåll i ett försök att tillgodose behoven hos individer, organisationer och regeringar internationellt.

Webbinnehåll förklaras som information på en webbsida eller en webbapplikation. Detta skulle inkludera naturlig information som text, bilder och ljud samt bakgrundssammansättning som kod eller markering som definierar struktur, presentation etc.

Alla framgångskriterier från 2.0 har inkluderats i 2.1 (ord för ord). WCAG 2.1 tillhandahåller nu ytterligare 17 framgångskriterier:

·        Mobil tillgänglighet

·        Människor med nedsatt syn

·        Människor med kognitiva och inlärningssvårigheter

Riktlinje 1.3 – Anpassbar

Addresses – Skapa innehåll som kan presenteras utan att förlora information eller struktur. Ett bra exempel skulle vara att skapa en enklare layout som fungerar för både stående och liggande läge.

1.3.4 Orientering (AA) – Innehållet begränsar inte dess syn om skärmens orientering inte kan ändras om inte en specifik skärm är ett väsentligt krav.

1.3.5 Identifiera inmatningsändamål (AA) – Varje inmatningsfält som samlar information om användaren kan programmeras i förväg.

Innehållet implementeras med stöd för att identifiera den förväntade innebörden av formulärdatafältet. Kort sagt, varje fält kan fyllas i med användarens information i förväg för att hjälpa till med inmatning av information om användaren inte kan eller har stora svårigheter att skriva informationen.

1.3.6 Identifiera syfte (AAA) – Användningen av markeringsspråk som är programmatiskt bestämd för att adressera ikoner, regioner etc. Till exempel programvara som ändrar ord i navigering till symboler på webbplatser.


Riktlinje 1.4 Kännbar

Adresser – vilket gör det lättare för användare att se och höra innehåll inklusive separering av förgrunden från bakgrundsljud. Till exempel en synskadad person som har svårt att läsa text på grund av ständig rullning åt höger till vänster för att läsa varje rad.

1.4.10 Flyt igen (AA) – Innehållet kommer att presenteras utan förlust av information, funktionalitet och utan att du behöver rulla i två dimensioner. Detta inkluderar:

·        Vertikalt rullningsinnehåll – bredd motsvarande 320 CSSS-pixlar

·        Horisontellt rullningsinnehåll - höjd motsvarande 256 CSSS-pixlar

1.4.11 Icke-text kontrast (AA) – Införande av ett kontrastförhållande för presentationer på minst 3:1 mot intilliggande färger. En synskadad person kan ha svårt att skilja mellan textrutor i en form som ska fyllas i. Konturerna i textrutan (eller ikonerna också) måste vara kontrasterade nog för att ange var exakt dess gränser är.

·        Komponenter för användargränssnitt: Visuell information som används för att indikera gränserna för användarbaserade komponenter. Detta inkluderar också gränsernas tillstånd utom för inaktiva komponenter eller de som inte har modifierats av användaren.

·        Grafiska objekt: Delar av en grafik som används för att förstå innehållet förutom när en viss grafik är väsentlig för den information som visas.

1.4.12 Textavstånd (AA) – Implementerad i innehåll med markeringsspråk som stöder textstilsegenskaper utan förlust av innehåll eller funktionalitet. Tänk i det här fallet på att läsa text och stycken som ligger mycket nära varandra. Följande gäller:
 

·        Radavstånd – till minst 1,5 gånger teckenstorleken.

·        Teckenavstånd – Minst 0,12 gånger teckenstorleken.

·        Mellanrum – stycken till minst två gånger teckenstorleken

·        Ordavstånd – Minst 0,16 gånger teckenstorleken.

Undantaget från denna standard gäller de textstilar (språk) som inte kan uppfylla alla krav ovan.

1.4.13 Innehåll på Hover eller Focus (AA) – Innehåll som visas på muspekaren eller tangentbordets fokus som utlöser ytterligare innehåll så att det blir synligt och dolt. Om du till exempel flyttar musen till ett annat område på webbsidan bara för att hitta musen som aktiverar en popup-skärm som blockerar innehållet du försöker läsa och det försvinner inte.

·        Avvisningsbar: En mekanism på plats för att avvisa innehåll utan att flytta musen eller tangentbordet.


·        Svängbar: om din muspekare utlöser ytterligare innehåll kan pekaren flytta över det extra innehållet utan att det försvinner.


·        Beständig: Ytterligare innehåll förblir synligt tills svävaren eller fokusutlösaren tas bort eller användaren avvisar det. I vissa fall försvinner den också om informationen inte längre är giltig.

Riktlinje 2.2 Tillräcklig tid

Adresser – Ger användarna tillräckligt med tid för att läsa och använda innehåll. Ett exempel här skulle kunna vara att flytta från ett formulär till ett annat till en annan webbsida för att hämta information som behövs på formuläret. När du återvänder till formuläret upptäcker du att det slutade automatiskt och all information du hade lagt in förlorades och måste matas in igen.


2.2.6 Tidsgränser (AAA) – Användarna varnas nu för inaktivitet som kan leda till dataförlust om inte data bevaras i mer än 20 timmar när användaren inte vidtar några åtgärder.


Riktlinje 2.3 Beslag och fysiska reaktioner

Adresser – Innehållet bör inte utformas på något sätt som kan utlösa kramper eller fysiska reaktioner. I det här fallet kan vi titta på formulär till exempel där när du flyttar musen, visas en popup-bubbla eller ett fönster med varje rad i formuläret du rör dig över. Detta kan orsaka illamående i vissa fall.


2.3.3 Animering från interaktioner (AAA) –Rörelsesanimering utlöst av interaktion kan stängas av, såvida inte animationen är väsentlig för funktionaliteten eller för den information som överförs.


Riktlinje 2.5 Ingångsmetoder

Adresser – Gör det lättare för användarna att använda funktioner via olika ingångar bortom ett tangentbord. Till exempel, zooma in på en karta mina nuvarande problem för de med motoriska färdigheter som inte lätt kan kontrolleras. Inkludering av knappar på kartan för att klicka för att zooma in eller ut är alternativet som ska användas. Dessa knappar måste också ha en viss storlek och relativt avstånd för att inte bli felaktigt klickade (dvs. avbryt-knappen klickad istället för skicka-knappen)

2.5.5 Målstorlek (AAA) - Storleken på målet för pekaringångar är minst 44 gånger 44 CSS-pixlar i alla fall utom:

·        Likvärdig: Target är tillgängligt via en motsvarande länk eller kontroll på samma sida och att den är minst 44 x 44 CSS-pixlar.

·        I kö: När målet är i en mening eller ett textblock

·        Användaragentkontroll: Målets storlek ändras av författaren men bestäms av användaragenten.

·        Grundläggande: En specifik presentation av målet är avgörande för den information som överförs.

2.5.6 Samtidiga ingångsmekanismer (AAA) – webbinnehåll begränsar inte användningen av samtidiga enhetsingångar (tangentbord, mus, penna, röstigenkänning) såvida det inte anses nödvändigt och krävs för att säkerställa innehållets säkerhet.


Riktlinje 4.1 Kompatibel

Adresser – Behovet av att maximera kompatibiliteten med nuvarande och framtida användaragenter för att inkludera hjälptekniker. Till exempel, en visuell användare slutför ett urval av en klass för en konferens och efter valet är användaren omedveten om valet har slutförts framgångsrikt. Denna riktlinje gör det möjligt att spela ett bekräftelseljud som indikerar att klassen har lagts till i användarens schema / kalender.


4.1.3 Statusmeddelanden (AA) –I innehåll som använder markeringsspråk kan statusmeddelanden programmeras genom en roll eller egenskaper på ett sådant sätt att de kan presenteras för användaren av deras hjälptekniker utan att få fokus.