Skapa hjälpmedelsanpassat innehåll (WCAG 2.1-överensstämmelse) creating-accessible-content-wcag-conformance

Web Content Accessibility Guidelines (WCAG) 2.1 har upprättats av en arbetsgrupp inom World Wide Web Consortium. Det består av en uppsättning teknikoberoende riktlinjer och framgångskriterier som gör webbinnehåll tillgängligt för och användbart för personer med funktionshinder.

Som en introduktion tillhandahåller konsortiet en serie sektioner och styrkande dokument:

Se även:

Riktlinjerna är indelade i tre överensstämmelsenivåer: Nivå A (lägsta), Nivå AA och Nivå AAA (högsta). Nivåerna definieras kortfattat enligt följande:

När du skapar din webbplats bör du bestämma den övergripande nivån som du vill att din plats ska anpassas efter.

I följande avsnitt visas lager i WCAG 2.1-riktlinjerna med relaterade kriterier för lyckade resultat för överensstämmelsenivåerna Nivå A och Nivå AA 🔗.

Princip 1: Förutsägbar principle-perceivable

Princip 1: Perfekt - Information och användargränssnittskomponenter måste vara presenterbara för användarna på ett sätt som de kan uppfatta.

Textalternativ (1.1) text-alternatives

Riktlinje 1.1 Textalternativ: Ange textalternativ för allt icke-textinnehåll så att det kan ändras till andra formulär som användare behöver, till exempel stor utskrift, blindskrift, tal, symboler eller enklare språk.

Innehåll som inte är text (1.1.1) non-text-content

Syfte - Innehåll som inte är text (1.1.1) purpose-non-text-content

Information på en webbsida kan finnas i många olika format som inte är text, till exempel bilder, videor, animeringar, diagram och diagram. Personer som är blinda eller har allvarliga synskador kan inte se icke-textbaserat innehåll. De kan emellertid få åtkomst till textinnehåll genom att låta det läsas av en skärmläsare eller presenteras i taktil form av en blindskriftsvisningsenhet. Genom att tillhandahålla textalternativ för innehåll i grafiskt format kan alltså de som inte kan se att innehållet har tillgång till en motsvarande version av den information som innehållet innehåller.

En annan fördel är att textalternativ gör det möjligt att indexera icke-textinnehåll med sökmotorteknik.

Så här möts innehåll som inte är text (1.1.1) how-to-meet-non-text-content

För statisk grafik är det grundläggande kravet att tillhandahålla ett motsvarande textalternativ för grafiken. Den här metoden kan användas i fältet Alternativ text. Se till exempel kärnkomponenten Bild.

AEM kräver att fältet Alternativ text fylls i som standard. Om bilden är enbart dekorativ och alternativ text inte behövs kan alternativet Bilden är dekorativ kontrolleras.

Skapa bra textalternativ creating-good-text-alternatives

Det finns olika former av innehåll som inte är text, så textalternativets värde beror på vilken roll bilden spelar på webbsidan. Några allmänna regler som du tycker är bra kan vara:

Specifika typer av icke-textinnehåll som kräver textalternativ kan vara:

Mer information - Innehåll som inte är text (1.1.1) more-information-non-text-content

Tidsbaserade media (1.2) time-based-media

Riktlinje 1.2 Tidsbaserat media: Ange alternativ för tidsbaserade media.

Detta gäller webbinnehåll som är tidsbaserat. Detta omfattar innehåll som användaren kan spela upp (t.ex. video, ljud och animerat innehåll) och som kan spelas in i förväg eller i en liveström.

Endast ljud och endast video (inspelat i förväg) (1.2.1) audio-only-and-video-only-prerecorded

Syfte - Endast ljud och endast video (inspelat i förväg) (1.2.1) purpose-audio-only-and-video-only-prerecorded

Hjälpmedelsproblem för video och ljud kan uppstå om:

Video eller ljud kan också vara otillgängligt för personer som använder webbläsare eller enheter som inte har stöd för uppspelning av innehåll i vissa medieformat, till exempel Adobe Flash.

Om du anger den här informationen i ett annat format, till exempel text (eller ljud för video utan ljud), kan det göra den tillgänglig för personer som inte kan komma åt det ursprungliga innehållet.

Så här möts du - endast ljud och endast video (inspelat i förväg) (1.2.1) how-to-meet-audio-only-and-video-only-prerecorded

Att infoga multimedia i dina AEM webbsidor påminner om att infoga en bild. Men eftersom multimediainnehållet är mycket mer än en stillbild finns det olika inställningar och alternativ för att styra hur multimediainnehållet spelas upp.

Mer information - endast ljud och endast video (inspelat i förväg) (1.2.1) more-information-audio-only-and-video-only-prerecorded

Bildtexter (inspelade i förväg) (1.2.2) captions-prerecorded

Syfte - Textning (inspelad i förväg) (1.2.2) purpose-captions-prerecorded

Personer som är döva eller hörselskadade kan inte eller har stora svårigheter att komma åt ljudinnehållet. Bildtexter är textmotsvarigheter för tal och icke-tal ljud som visas på skärmen vid lämplig tidpunkt under videon. De gör det möjligt för personer som inte kan höra ljudet att förstå vad som händer.

Så här uppfyller du kraven - bildtexter (inspelade i förväg) (1.2.2) how-to-meet-captions-prerecorded

Bildtexter kan antingen vara:

Använd undertexter där det är möjligt, eftersom det ger användarna möjlighet att välja om de vill visa undertexter eller inte.

För undertexter måste du skapa och tillhandahålla en synkroniserad bildtextfil i ett lämpligt format (till exempel SMIL) tillsammans med videofilen (information om hur du gör detta ligger utanför den här handbokens räckvidd, men det finns länkar till vissa självstudier under Mer information - Bildtexter (inspelade i förväg) (1.2.2). Se till att du anger en anteckning, eller aktivera bildtextfunktionen i videospelaren, så att användarna vet att bildtexter är tillgängliga för videon.

Om du måste använda öppna bildtexter bäddar du in texten i videospåret. Detta kan du göra med videoredigeringsprogram som tillåter att titlar läggs över i videon.

Mer information - bildtexter (inspelade i förväg) (1.2.2) more-information-captions-prerecorded

c

Ljudbeskrivning eller mediaalternativ (inspelat i förväg) (1.2.3) audio-description-or-media-alternative-prerecorded

Syfte - Ljudbeskrivning eller mediealternativ (inspelat i förväg) (1.2.3) purpose-audio-description-or-media-alternative-prerecorded

Personer som är blinda eller har nedsatt syn upplever hinder för tillgänglighet om informationen i en video eller animering endast tillhandahålls visuellt, eller om ljudspåret inte ger tillräcklig information för att förstå vad som händer visuellt.

Så här möts - ljudbeskrivning eller mediaalternativ (inspelat i förväg) (1.2.3) how-to-meet-audio-description-or-media-alternative-prerecorded

Det finns två strategier som kan användas för att uppfylla detta kriterium. Båda är godtagbara:

Exakta detaljer om hur du skapar ljudbeskrivad video ligger utanför den här handbokens räckvidd. Det kan ta lång tid att skapa videoklipp och ljudbeskrivningar, men med andra Adobe-produkter kan du göra detta.

Mer information - Ljudbeskrivning eller mediealternativ (inspelat i förväg) (1.2.3) more-information-audio-description-or-media-alternative-prerecorded

Bildtexter (Live) (1.2.4) captions-live

Syfte - Textning (live) (1.2.4) purpose-captions-live

Detta kriterium är identiskt med Bildtexter (inspelade i förväg) eftersom det åtgärdar tillgänglighetshinder som upplevs av personer som är döva eller hörselskadade, förutom att detta kriterium gäller live-presentationer som webbsändningar.

Så här fungerar det - bildtexter (Live) (1.2.4) how-to-meet-captions-live

Följ anvisningarna för Bildtexter (inspelade i förväg) ovan. På grund av mediernas aktiva natur måste dock bildtexter skapas så snabbt som möjligt och som svar på vad som händer. Därför bör du överväga att använda bildtexter i realtid eller tal-till-text-verktyg.

Detaljerade instruktioner ligger utanför det här dokumentets räckvidd, men med följande resurser får du användbar information:

Mer information - Bildtexter (Live) (1.2.4) more-information-captions-live

Ljudbeskrivning (inspelad i förväg) (1.2.5) audio-description-prerecorded

Syfte - ljudbeskrivning (inspelad i förväg) (1.2.5) purpose-audio-description-prerecorded

Detta kriterium är identiskt med Ljudbeskrivning eller Mediealternativ (inspelat i förväg), förutom att författare måste ange en mycket mer detaljerad ljudbeskrivning för att uppfylla nivå AA.

Så här uppfyller du kraven - ljudbeskrivning (inspelad i förväg) (1.2.5) how-to-meet-audio-description-prerecorded

Följ anvisningarna för Ljudbeskrivning eller mediealternativ (inspelat i förväg).

Mer information - ljudbeskrivning (inspelad i förväg) (1.2.5) more-information-audio-description-prerecorded

Anpassningsbar (1.3) adaptable

Riktlinje 1.3 Anpassningsbar: Skapa innehåll som kan presenteras på olika sätt (till exempel enklare layout) utan att förlora information eller struktur.

Denna riktlinje omfattar de krav som är nödvändiga för att stödja personer som

Information och relationer (1.3.1) info-and-relationships

Syfte - Information och relationer (1.3.1) purpose-info-and-relationships

Många hjälpmedelstekniker som används av personer med funktionshinder använder strukturinformation för att effektivt visa eller förstå -innehåll. Den här strukturinformationen kan ha formen av sidrubriker, tabellrader, kolumnrubriker och listtyper. En skärmläsare kan till exempel tillåta användaren att navigera på en sida från rubrik till rubrik. Men när sidinnehåll bara verkar ha en struktur genom visuell formatering, snarare än underliggande HTML, finns det ingen strukturinformation tillgänglig för hjälpmedelstekniker, vilket begränsar deras möjligheter att hantera enklare surfning.

Detta kriterium gäller för att säkerställa att sådan strukturinformation tillhandahålls via HTML, eller andra kodningstekniker, så att webbläsare och hjälpmedelstekniker kan komma åt informationen och dra nytta av den.

Hur man möter - Information och relationer (1.3.1) how-to-meet-info-and-relationships

AEM gör det enkelt att skapa semantiskt meningsfullt webbinnehåll med lämpliga HTML-element. Öppna sidinnehållet i textredigeraren (en textkomponent) och använd menyn Paraformat (styckesymbol) för att ange lämpligt strukturelement (till exempel stycke, rubrik och så vidare).

Du kan se till att dina webbsidor får rätt struktur genom att använda följande element där det är tillämpligt:

Mer information - Info och relationer (1.3.1) more-information-info-and-relationships

Betydelsefull sekvens (1.3.2) meaningful-sequence

Syfte - meningsfull sekvens (1.3.2) purpose-meaningful-sequence

Syftet med detta villkor är att en användaragent ska kunna tillhandahålla en alternativ presentation av innehållet samtidigt som läsordningen som behövs för att förstå innebörden bevaras. Det är viktigt att det är möjligt att programmässigt avgöra minst en sekvens av innehållet som är lämplig. Innehåll som inte uppfyller detta villkor kan förvirra eller skada användare när hjälpmedelstekniken läser innehållet i fel ordning eller när alternativa formatmallar eller andra formateringsändringar tillämpas.

Så här möts du - meningsfull sekvens (1.3.2) how-to-meet-meaningful-sequence

Följ riktlinjerna under Så här uppfyller du kriterierna 1.3.2.

Mer information - meningsfull sekvens (1.3.2) more-information-meaningful-sequence

Sensoriska egenskaper (1.3.3) sensory-characteristics

Syfte - Sensoriska egenskaper (1.3.3) purpose-sensory-characteristics

Designers fokuserar ofta på visuella designfunktioner som färg, form, textstil eller innehållets absoluta eller relativa position när de presenterar information. Dessa kan vara kraftfulla designtekniker för att förmedla information (och kan förbättra den övergripande tillgängligheten för synskadade med behov av kognitiv tillgänglighet), men personer med nedsatt syn eller blindhet kanske inte kan komma åt information som kräver visuell identifiering av attribut som position, färg eller form.

På samma sätt innebär information som kräver att man skiljer mellan olika ljud (till exempel manligt eller kvinnligt talt innehåll) tillgänglighetshinder för personer med nedsatt hörsel, om den inte återspeglas i något textalternativ för ljudinnehållet.

Hur man uppfyller kraven - sensoriska egenskaper (1.3.3) how-to-meet-sensory-characteristics

Se till att all information som bygger på visuella egenskaper för sidinnehåll också presenteras i ett alternativt format.

Mer information - Sensoriska egenskaper (1.3.3) more-information-sensory-characteristics

Skiljbar (1.4) distinguishable

Riktlinje 1.4 Skiljbar: Gör det enklare för användare att se och höra innehåll, inklusive att separera förgrunden från bakgrunden.

Användning av färg (1.4.1) use-of-color

Syfte - Användning av färg (1.4.1) purpose-use-of-color

Färg är ett effektivt sätt att förbättra webbsidornas estetiska utseende och kan även användas för att förmedla information. Det finns dock en rad synstörningar, från blindhet till färgssynsbrist, vilket innebär att vissa personer inte kan skilja mellan olika färger. Detta gör färgkodning till ett otillförlitligt sätt att tillhandahålla information.

Till exempel kan ingen med rött-grönt-synfel skilja på grönt och rött. De kan se båda färgerna som en tredje färg (till exempel brunt), och då kan de inte skilja mellan rött, grönt och brunt.

Färgen kan inte heller uppfattas av personer som använder webbläsare som bara innehåller text, enheter för monokrom visning eller som visar en svartvit utskrift av sidan.

Ett annat övervägande är det valda-läget för ett gränssnittselement (t.ex. tabbar, växlingsknappar), som måste förmedlas på något annat sätt än bara med färg och utanför bara en visuell presentation. För sådana element är den extra användningen av mönster, former och programmatisk information användbar när du skapar en helomfattande användarupplevelse som inte är beroende av en viss innebörd.

Hur man klarar - Färganvändning (1.4.1) how-to-meet-use-of-color

Kontrollera att det finns information om färgen, oavsett var den används för att förmedla information, utan att du behöver se färgen.

Kontrollera till exempel att information som anges av färg också finns explicit i texten.

Om färg används som en referenspunkt för att ge information bör du ange en extra visuell referenspunkt, som att ändra formatet (till exempel fet, kursiv) eller teckensnitt. Detta hjälper personer med nedsatt syn eller som har nedsatt färgseende att identifiera informationen. Den kan dock inte användas helt eftersom den inte hjälper personer som inte kan se sidan alls. Det är därför praktiskt att tillhandahålla dold text eller att använda programmatiska lösningar, som exempelvis webbstandardsvit Accessible Rich Internet Applications (ARIA), för att förmedla informationen till icke-synkade användare.

Mer information - Färganvändning (1.4.1) more-information-use-of-color

Ljudkontroll (1.4.2) audio-control

Syfte - Ljudkontroll (1.4.2) purpose-audio-control

Personer som använder skärmläsarprogram kan uppleva att det är svårt att höra talresultatet om det finns annat ljud som spelas upp samtidigt. Svårigheten förvärras när skärmläsarens tal-utdata är programbaserade (som de flesta är idag) och styrs via samma volymkontroll som ljudet. Dessutom kan vissa personer med kognitiva funktionshinder och personer som är neuroavvikande ha ljuskänslighet. De här personerna upptäcker att de inte kan ändra volymnivån på ljudinnehållet störande.

Därför är det viktigt att användaren kan stänga av bakgrundsljudet.

Hur man klarar - ljudkontroll (1.4.2) how-to-meet-audio-control

Följ riktlinjerna under Så här uppfyller du kriterierna 1.4.2.

Mer information - Ljudkontroll (1.4.2) more-information-audio-control

Kontrast (minimal) (1.4.3) contrast-minimum

Syfte - Kontrast (minimum) (1.4.3) purpose-contrast-minimum

Personer med vissa nedsatt syn kanske inte kan skilja mellan vissa färgpar med låg kontrast. Tillgänglighetsproblem kan uppstå för dessa personer om något av följande:

Hur man klarar - Kontrast (minimum) (1.4.3) how-to-meet-contrast-minimum

Se till att texten kontrasterar tillräckligt med bakgrunden. Kontrastförhållanden beror på textens storlek och stil:

Om du vill kontrollera kontrastförhållanden använder du ett färgkontrastverktyg, till exempel Pacific Group Color Contrast Analyzer eller WebAIM-färgkontrastkontrollen. Med dessa verktyg kan du kontrollera färgpar och rapportera om eventuella kontrastproblem.

Om du inte är lika orolig för hur sidan ska se ut kan du välja att inte ange färg för bakgrunds- och förgrundstext. Ingen kontrastkontroll krävs eftersom användarens webbläsare bestämmer färgerna för texten och bakgrunden.

Om det inte går att följa de rekommenderade kontrastnivåerna måste du skapa en länk till en alternativ, likvärdig version av sidan (som inte har några färgkontrastproblem) eller låta användaren justera kontrasten i sidfärgschemat efter sina egna behov.

Mer information - Kontrast (minimum) (1.4.3) more-information-contrast-minimum

Ändra storlek på text (1.4.4) resize-text

Syfte - Ändra textstorlek (1.4.4) purpose-resize-text

Syftet med detta villkor är att säkerställa att visuellt återgiven text, inklusive textbaserade kontroller (texttecken som har visats så att de kan ses som [kontra texttecken som fortfarande är i dataformat som t.ex. ASCII]), kan skalas så att de kan läsas direkt av personer med lindriga visuella funktionshinder, utan att hjälpteknik som skärmförstorare behöver användas. Det kan vara bra för användaren att skalförändra allt innehåll på webbsidan, men texten är viktigast.

Så här uppfyller du kraven - ändra storlek på text (1.4.4) how-to-meet-resize-text

Förutom att följa riktlinjerna under Så här uppfyller du villkoren 1.4.4 kan du uppmuntra innehållsförfattare att använda flytande, flexibel bredd och höjd i sina siddesigner, och teckensnittsstorlekar (till exempel responsiv webbdesign) för att ge läsarna möjlighet att ändra storlek på text.

Mer information - Ändra textstorlek (1.4.4) more-information-resize-text

Bilder av text (1.4.5) images-of-text

Syfte - Textbilder (1.4.5) purpose-images-of-text

Bilder av text används ofta när ett visst textformat är att föredra, t.ex. en logotyp eller om text har genererats från en annan källa (t.ex. en skanning av ett pappersdokument). Jämfört med text som visas i HTML och är formaterad med CSS saknar dock bilder av text flexibiliteten att ändra storlek eller utseende som kan behövas för personer med nedsatt syn eller nedsatt läsförmåga.

Så här möts - bilder av text (1.4.5) how-to-meet-images-of-text

Om bilder av text måste användas, använder du CSS för att ersätta bilder av text med motsvarande text i HTML så att texten blir tillgänglig på ett anpassningsbart sätt. Ett exempel på hur detta kan uppnås finns i C30: Använda CSS för att ersätta text med bilder av text och tillhandahålla gränssnittskontroller för att växla.

Mer information - Textbilder (1.4.5) more-information-images-of-text

Princip 2: Användbar principle-operable

Princip 2: Operable - Användargränssnittskomponenter och navigering måste vara operabla.

Tangentbord tillgängligt (2.1) keyboard-accessible

Riktlinje 2.1-tangentbord tillgänglig: Gör alla funktioner tillgängliga från ett tangentbord.

Det handlar om att se till att användarna har tillgång till alla funktioner via ett tangentbord.

Tangentbord (2.1.1) keyboard

Syfte - Tangentbord (2.1.1) purpose-keyboard

Syftet med detta villkor är att se till att innehåll, när det är möjligt, kan köras via ett tangentbord eller tangentbordsgränssnitt (så att ett alternativt tangentbord kan användas). När innehåll kan användas via ett tangentbord eller alternativt tangentbord kan det hanteras av personer som inte har någon syn (som inte kan använda enheter som möss som kräver ögonkoordinering) och av personer som måste använda alternativa tangentbord eller inmatningsenheter som fungerar som tangentbordsemulatorer. Emulatorer för tangentbord omfattar talinmatningsprogram, klipp-och-släpp-program, tangentbord på skärmen, skanningsprogram samt olika hjälpmedelstekniker och alternativa tangentbord. Individer med nedsatt syn kan också ha problem med att spåra en pekare och upptäcka att programvaran är mycket enklare (eller endast möjligt) om de kan styra den via tangentbordet.

Så här möts du - tangentbord (2.1.1) how-to-meet-keyboard

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas 2.1.1.

Mer information - Tangentbord (2.1.1) more-information-keyboard

Ingen tangentbordssvällning (2.1.2) no-keyboard-trap

Syfte - Ingen tangentbordssvällning (2.1.2) purpose-no-keyboard-trap

Syftet med det här villkoret är att se till att innehållet inte fångar upp tangentbordsfokus inom underavsnitt av innehållet på en webbsida. Detta är ett vanligt problem när flera format kombineras på en sida och återges med plugin-program eller inbäddade program.

Det kan finnas tillfällen då webbsidans funktioner begränsar fokus till ett underavsnitt av innehållet (till exempel en modal dialogruta). I sådana fall bör du ange en metod som gör att en användare kan lämna det underavsnittet av innehållet (ESC-tangenten stänger den modala dialogrutan eller en stängningsknapp stänger den modala dialogrutan).

Så här möts - ingen tangentbordssvällning (2.1.2) how-to-meet-no-keyboard-trap

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas 2.1.2.

Mer information - Ingen tangentbordssvällning (2.1.2) more-information-no-keyboard-trap

Tillräcklig tid (2.2) enough-time

Riktlinje 2.2 Tillräcklig tid: Ge användarna tillräckligt med tid för att läsa och använda innehåll.

Det handlar om att se till att användarna har tillräckligt med tid att läsa och agera.

Tidsjustering (2.2.1) timing-adjustable

Syfte - Tidsjustering (2.2.1) purpose-timing-adjustable

Syftet med detta kriterium är att se till att användare med funktionshinder får tillräckligt med tid för att interagera med webbinnehållet när det är möjligt. Personer med funktionshinder som blindhet, nedsatt syn, försämrad rörlighet och kognitiva begränsningar kan behöva mer tid för att läsa innehåll eller utföra funktioner som att fylla i onlineformulär. Om webbfunktionerna är tidsberoende är det svårt för vissa användare att utföra den nödvändiga åtgärden innan en tidsgräns inträffar. Detta kan göra tjänsten oåtkomlig för dem. Att utforma funktioner som inte är tidsberoende hjälper personer med funktionshinder att slutföra dessa funktioner. Genom att tillhandahålla alternativ för att inaktivera tidsgränser, anpassa tidslängden eller begära mer tid innan en tidsgräns inträffar, kan de användare som behöver mer tid än förväntat sig kunna utföra sina uppgifter. Dessa alternativ listas i den ordning som är mest användbar för användaren. Det är bättre att inaktivera tidsgränser än att anpassa tidsgränslängden, vilket är bättre än att begära mer tid innan en tidsgräns inträffar.

Så här möts - Tidsjustering (2.2.1) how-to-meet-timing-adjustable

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas 2.2.1.

Mer information - Tidsjustering (2.2.1) more-information-timing-adjustable

Pausa, Stoppa, Dölj (2.2.2) pause-stop-hide

Poängen är:

Syfte - Pausa, stoppa, dölj (2.2.2) purpose-pause-stop-hide

Vissa användare kan finna att flyttningar är störande, eller till och med fysiskt besvärliga, vilket gör det svårt att koncentrera sig på andra delar av sidan. Dessutom kan sådant innehåll vara svårt att läsa för personer som har svårt att hänga med i rörlig text.

Så här möts du - Pausa, stoppa, dölj (2.2.2) how-to-meet-pause-stop-hide

Beroende på innehållets natur kan du använda ett eller flera av följande förslag när du skapar webbsidor som innehåller rörligt, blinkande eller blinkande innehåll:

Mer information - Pausa, Stoppa, Dölj (2.2.2) more-information-pause-stop-hide

Kramper och fysiska reaktioner (2.3) seizures-and-physcial-reactions

Riktlinje 2.3 Kramper: Utforma inte innehåll på ett sätt som är känt för att orsaka kramper eller fysiska reaktioner.

Tre Flashar eller under tröskelvärdet (2.3.1) three-flashes-or-below-threshold

Syfte - Tre Flashar eller under tröskelvärde (2.3.1) purpose-three-flashes-or-below-threshold

I vissa fall kan blinkande innehåll orsaka fotokänsliga anfall. Detta kriterium ger användarna möjlighet att få tillgång till och uppleva allt innehåll utan att behöva oroa sig för att innehållet blinkar.

Så här möts du - tre Flashar eller under tröskelvärde (2.3.1) how-to-meet-three-flashes-or-below-threshold

Se till att följande tekniker används:

Mer information - tre Flashar eller under tröskelvärde (2.3.1) more-information-three-flashes-or-below-threshold

Navigeringsbar (2.4) navigable

Riktlinje 2.4 Navigeringsbar: Tillhandahåller sätt att hjälpa användare navigera, hitta innehåll och avgöra var de är.

Det handlar om att se till att innehållet är enkelt och enkelt att navigera i.

Kringgå block (2.4.1) bypass-blocks

Syfte - Kringgå block (2.4.1) purpose-bypass-blocks

Syftet med detta villkor är att personer som navigerar sekventiellt genom innehållet ska kunna få mer direkt åtkomst till det primära innehållet på webbsidan. Webbsidor och program har ofta innehåll som visas på andra sidor eller skärmar. Exempel på upprepade innehållsblock är bland annat navigeringslänkar, rubrikgrafik, menyer och reklamramar, men är inte begränsade till dem. Små upprepade avsnitt, t.ex. enskilda ord, fraser eller enstaka länkar, anses inte utgöra block i denna bestämmelse.

Så här möts du - kringgå block (2.4.1) how-to-meet-bypass-blocks

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas {2.4.1.

Mer information - Kringgå block (2.4.1) more-information-bypass-blocks

Sida med rubriker (2.4.2) page-titled

Syfte - Sidtitlar (2.4.2) purpose-page-titled

Detta kriterium hjälper alla att snabbt identifiera innehållet på en webbsida utan att behöva läsa hela sidan, oavsett eventuella försämringar. Det här är användbart när flera webbsidor öppnas på webbläsarflikar, eftersom sidrubriken visas på fliken och därför kan hittas snabbt.

Så här möts du - sida titel (2.4.2) how-to-meet-page-titled

När en ny HTML-sida skapas i AEM kan du ange sidans namn. Se till att titeln på rätt sätt beskriver sidans innehåll och syfte, särskilt unika aspekter, så att besökarna snabbt kan identifiera om innehållet är relevant för deras behov.

Du kan också redigera sidans titel när du redigerar en sida, tillgänglig via Sidinformation – Egenskaper.

Mer information - sida titel (2.4.2) more-information-page-titled

Fokusordning (2.4.3) focus-order

Syfte - Fokusordning (2.4.3) purpose-focus-order

Syftet med detta villkor är att se till att användare som navigerar sekventiellt genom innehållet stöter på information i en ordning som överensstämmer med innehållets innebörd och kan användas från tangentbordet. Detta minskar förvirringen genom att användarna kan skapa en konsekvent mentalmodell av innehållet. Det kan finnas olika sorteringsordning som återspeglar logiska relationer i innehållet. Om du till exempel förflyttar dig mellan komponenter i ett onlineformulär som består av flera fält och/eller steg, återspeglas de logiska relationerna i innehållet.

Så här möts du - fokusordning (2.4.3) how-to-meet-focus-order

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas {2.4.3.

Mer information - Fokusordning (2.4.3) more-information-focus-order

Länksyfte (i sitt sammanhang) (2.4.4) link-purpose-in-context

Syfte - Länksyfte (i sammanhang) (2.4.4) purpose-link-purpose-in-context

För alla användare är det viktigt att tydligt ange riktningen på en länk genom lämplig länktext, oavsett om det finns någon försämring. Detta hjälper användarna att avgöra om de faktiskt vill följa en länk. För synkade användare är meningsfull länktext användbar när det finns flera länkar på en sida (särskilt om sidan är tjock), eftersom meningsfull länktext ger en tydligare indikation på målsidans funktion. Användare av vissa hjälpmedelstekniker, som kan generera en lista över alla länkar på en sida, kan enklare förstå länktexten ur sitt sammanhang om länktexten är både unik och informativ. Synkroniserade individer med kognitiva funktionshinder kan dock bli förvirrade om en länk inte ger tillräckligt med information för att korrekt beskriva var länken tar dem.

Så här möts - länksyfte (i sammanhang) (2.4.4) how-to-meet-link-purpose-in-context

Se framför allt till att länkens syfte tydligt beskrivs i länktexten.

Länkarna ska vara enhetliga på olika sidor, särskilt för navigeringsfält. Om till exempel en länk till en viss sida heter Publikationer på en sida kan du använda den texten på andra sidor för att säkerställa konsekvens.

Vid skrivtillfället finns det vissa problem som omger användningen av rubrikattribut för att säkerställa att liknande länkar som visas på en sida ger unik information om destinationen (t.ex."läs mer" avser ofta ett intervall av olika destinationer):

Titelattributet kan användas för att ge en länk extra kontext, men tänk på dess begränsningar och använd det inte som ett alternativ till lämplig länktext.

Där länken består av en bild kontrollerar du att den alternativa texten för bilden beskriver länkens mål. Om till exempel en bild av en bokhylla är inställd som en länk till en persons publikationer, ska den alternativa texten läsa John Smiths publikationer och inte Bookshelf.

Om länkankarpunkten innehåller text som beskriver länkens syfte förutom bildelementet (och därmed texten visas bredvid bilden) använder du ett tomt alt-attribut för bilden:

<a href="publications.html">
<img src = "bookshelf.jpg" alt = "" />
John Smith's publications
</a>

Vi rekommenderar att du anger länktext som identifierar länkens syfte utan att behöva ytterligare kontext, men det är inte alltid möjligt. Kontextfria länkar kan användas i följande fall. Exempel på sådana finns i Så här uppfyller du kriterium 2.4.4.

Ibland kan det vara lämpligt att tillhandahålla en alternativ version av webbsidan som visar exakt samma innehåll men där länktexten inte är så detaljerad, om det finns flera länkar på en sida (där var och en innehåller länkens riktning i komplex men nödvändig detalj).

Du kan också använda skript så att en liten del av texten anges i själva länken, men när du aktiverar en lämplig kontroll som placeras överst på sidan blir länktexten utökad mer detaljerad. Ett liknande sätt är att använda CSS för att dölja den fullständiga länken för identifierade användare, men ändå visa den i sin helhet för skärmläsaranvändare. Detta ligger utanför det här dokumentets omfång, men mer information om hur detta kan uppnås finns i avsnittet Mer information - länksyfte (i kontext) (2.4.4).

Mer information - Länksyfte (i sammanhang) (2.4.4) more-information-link-purpose-in-context

Flera sätt (2.4.5) multiple-ways

Syfte - Flera sätt (2.4.5) purpose-multiple-ways

Syftet med detta kriterium är att göra det möjligt för användare att hitta innehåll på det sätt som passar deras behov bäst. En teknik kan vara lättare att använda eller lättare att förstå än en annan.

Även små webbplatser bör ge användarna en viss orienteringsmetod. För en webbplats på tre eller fyra sidor, med alla sidor länkade från hemsidan, räcker det kanske bara att tillhandahålla länkar från och till hemsidan, där länkarna på hemsidan också kan fungera som en webbplatskarta.

Så här möts du - flera sätt (2.4.5) how-to-meet-multiple-ways

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas {2.4.5.

Mer information - Flera sätt (2.4.5) more-information-multiple-ways

Rubriker och etiketter (2.4.6) headings-and-labels

Syfte - Rubriker och etiketter (2.4.6) purpose-headings-and-labels

Syftet med detta kriterium är att hjälpa användarna att förstå vilken information som finns på webbsidorna och hur informationen är organiserad. När rubrikerna är tydliga och beskrivande kan användarna enklare hitta den information de söker, och de kan enklare förstå relationen mellan olika delar av innehållet. Beskrivande etiketter hjälper användarna att identifiera specifika komponenter i innehållet.

Hur man uppfyller kraven - rubriker och etiketter (2.4.6) how-to-meet-headings-and-labels

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas {2.4.6.

Mer information - Rubriker och etiketter (2.4.6) more-information-headings-and-labels

Synligt fokus (2.4.7) focus-visible

Syfte - Synligt fokus (2.4.7) purpose-focus-visible

Syftet med detta kriterium är att hjälpa en person att veta vilket element som har tangentbordsfokus.

Det måste vara möjligt för en person att veta vilket element bland flera element som har tangentbordsfokus. Om det bara finns en tangentbordskontroll på skärmen är det kriterium som är uppfyllt eftersom den visuella designen endast innehåller ett objekt som kan användas av tangentbordet.

Om resultatvillkoret är"driftssätt", ska detta beaktas för plattformar som kanske inte alltid visar en fokusindikator. Normalt finns det bara ett operationssätt, vilket innebär att detta kriterium gäller.

Hur man möter - Synligt fokus (2.4.7) how-to-meet-focus-visible

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas {2.4.7.

Mer information - Synligt fokus (2.4.7) more-information-focus-visible

Princip 3: Förstå principle-understandable

Princip 3: Förstå - Information och hur användargränssnittet fungerar måste vara begriplig.

Gör textinnehåll läsbart och begripligt (3.1) make-text-content-readable-and-understandable

Riktlinje 3.1 läsbar: Gör textinnehållet läsbart och begripligt.

Sidans språk (3.1.1) language-of-page

Syfte - Sidans språk (3.1.1) purpose-language-of-page

Syftet med detta kriterium är att säkerställa att text och annat språkligt innehåll återges korrekt. För skärmläsaranvändare säkerställer detta att innehållet uttalas korrekt, medan visuella webbläsare troligtvis visar vissa teckenuppsättningar korrekt.

Hur man uppfyller kraven - sidans språk (3.1.1) how-to-meet-language-of-page

För att uppfylla det här kriteriet kan standardspråket på en webbsida identifieras med attributet lang i elementet <html> överst på sidan. Till exempel:

I AEM anges sidans standardspråk när du skapar sidan, men det kan också ändras när du redigerar Sidegenskaper.

Mer information - Sidans språk (3.1.1) more-information-language-of-page

Delarnas språk (3.1.2) language-of-parts

Syfte - Språk för delar (3.1.2) purpose-language-of-parts

Syftet med det här kriteriet är att det fungerar på samma sätt som kriteriet Sidans språk, förutom att det gäller webbsidor som innehåller innehåll på flera språk på en sida (t.ex. på grund av offerter eller ovanliga låneord).

Sidor som använder det här framgångsvillkoret tillåter:

Hur man uppfyller kraven - Språk för delar (3.1.2) how-to-meet-language-of-parts

Attributet lang kan användas för att identifiera ändringar i innehållsspråket. En offert på tyska (ISO 639-1-kod "de") kan till exempel visas på följande sätt:

<blockquote cite = "John F. Kennedy" lang = "de">
     <p>Ich bin ein Berliner</p>
 </blockquote>

På samma sätt kan webbläsaren återge ett ovanligt låneord eller en ovanlig fras korrekt om elementet span används enligt följande:

<p>The only French phrase I know is <span lang = "fr">je ne sais quoi</code>.</p>

Om du vill lägga till intervallelementet med ett lämpligt språk kan du redigera HTML-koden manuellt i källredigeringsläget för textredigeraren så att den läses upp som ovan. Alternativt kan attributet lang inkluderas i textredigeringsfilen av en systemadministratör (se Lägga till stöd för ytterligare HTML-element och attribut).

Mer information - Språk för delar (3.1.2) more-information-language-of-parts

Förutsägbar (3.2) predictable

Riktlinje 3.2 Förutsägbar: Gör så att webbsidor visas och fungerar på förutsägbara sätt.

Det handlar om att säkerställa att webbsidorna ser likadana ut och fungerar som de ska.

Vid fokus (3.2.1) on-focus

Syfte - Vid fokus (3.2.1) purpose-on-focus

Syftet med detta kriterium är att säkerställa att funktionaliteten är förutsägbar när besökarna navigerar genom ett dokument. Komponenter som kan utlösa en händelse när de får fokus får inte ändra sammanhanget. Exempel på föränderliga sammanhang när en komponent får fokus är bland annat följande, men är inte begränsade till:

Fokus kan flyttas till en kontroll antingen via tangentbordet (t.ex. genom att tabba till en kontroll) eller med musen (t.ex. genom att markera ett textfält). Om du flyttar musen över en kontroll flyttas inte fokus om inte skriptet implementerar det här beteendet. För vissa typer av kontroller kan även kontrollen aktiveras när du väljer en kontroll (till exempel knapp), vilket i sin tur kan leda till en ändring i sammanhanget.

Så här möts du - i fokus (3.2.1) how-to-meet-on-focus

Följ riktlinjerna under Så här uppfyller du kriterierna för lyckat resultat 3.2.1.

Mer information - I fokus (3.2.1) more-information-on-focus

Indata (3.2.2) on-input

Syfte - Vid inmatning (3.2.2) purpose-on-input

Syftet med det här kriteriet är att säkerställa att det går att ange data eller välja en formulärkontroll. Om du ändrar inställningen för en användargränssnittskomponent ändras en del av kontrollen som kvarstår när användaren inte längre interagerar med den. Om du markerar en kryssruta, skriver text i ett textfält eller ändrar det markerade alternativet i en lista ändras inställningen, men om du aktiverar en länk eller en knapp ändras inte inställningen. Ändringar i sammanhanget kan förvirra användare som inte lätt uppfattar ändringen eller som lätt distraheras av ändringar. Kontextändringar är bara lämpliga när det är tydligt att en sådan ändring sker som svar på användarens åtgärd.

Så här möts - Vid inmatning (3.2.2) how-to-meet-on-input

Följ riktlinjerna under Så här uppfyller du kriterierna för lyckat resultat 3.2.2.

Mer information - Vid inmatning (3.2.2) more-information-on-input

Enhetlig navigering (3.2.3) consistent-navigation

Syfte - Enhetlig navigering (3.2.3) purpose-consistent-navigation

Syftet med detta kriterium är att uppmuntra till enhetlig presentation och layout för användare som interagerar med upprepat innehåll på en uppsättning webbsidor och behöver hitta specifik information eller funktionalitet mer än en gång. Personer med nedsatt syn som använder skärmförstoring för att visa en liten del av skärmen i taget använder ofta visuella ledtrådar och sidgränser för att snabbt hitta upprepat innehåll. Att presentera upprepat innehåll i samma ordning är också viktigt för visuella användare som använder rumsligt minne eller visuella ledtrådar i designen för att hitta upprepat innehåll.

Det är viktigt att komma ihåg att användningen av frasen"samma ordning" i detta avsnitt inte ska innebära att undernavigeringsmenyer inte kan användas eller att block av sekundär navigering eller sidstruktur inte kan användas. Istället är resultatvillkoret avsett att hjälpa användare som interagerar med upprepat innehåll på webbsidor att kunna förutse platsen för det innehåll de söker och hitta det snabbare när de stöter på det igen.

Användare kan initiera en ändring av ordningen med hjälp av adaptiva användaragenter eller genom att ange inställningar så att informationen presenteras på ett sätt som är mest användbart för dem.

Hur man möter - Enhetlig navigering (3.2.3) how-to-meet-consistent-navigation

Följ riktlinjerna under Så här uppfyller du kriterierna för lyckat resultat {3.2.3.

Mer information - Enhetlig navigering (3.2.3) more-information-consistent-navigation

Konsekvent identifiering (3.2.4) consistent-identification

Syfte - Konsekvent identifiering (3.2.4) purpose-consistent-identification

Syftet med detta kriterium är att säkerställa en konsekvent identifiering av funktionskomponenter som visas upprepade gånger i en uppsättning webbsidor. En strategi som användare av skärmläsare använder när de använder en webbplats är att förlita sig mycket på att de känner till funktioner som kan visas på olika webbsidor. Om identiska funktioner har olika etiketter (eller mer allmänt ett annat namn) på olika webbsidor är webbplatsen mycket svårare att använda. Den kan också vara förvirrande och öka den kognitiva belastningen för personer med kognitiva begränsningar. Därför är det lättare att använda konsekventa etiketter.

Den här konsekvensen omfattar även textalternativen. Om ikoner eller andra icke-textobjekt har samma funktioner bör deras textalternativ också vara konsekventa.

Om det finns två komponenter på en webbsida som båda har samma funktioner som en komponent på en annan sida i en uppsättning webbsidor, måste alla tre vara konsekventa. Därför är de två sidorna konsekventa.

Även om det är önskvärt och bästa praxis att alltid vara konsekvent på en enda webbsida, behandlar 3.2.4 endast enhetlighet inom en uppsättning webbsidor där något upprepas på mer än en sida i uppsättningen.

Hur man uppfyller kraven - konsekvent identifiering (3.2.4) how-to-meet-consistent-identification

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas.

Mer information - Konsekvent identifiering (3.2.4) more-information-consistent-identification

Ingångsstöd (3.3) input-assistance

Riktlinje 3.3 Hjälp med inmatning: Hjälp användarna att undvika och rätta till misstag.

Felidentifiering (3.3.1) error-identification

Syfte - Felidentifiering (3.3.1) purpose-error-identification

Syftet med detta villkor är att se till att användarna vet att ett fel har inträffat och kan avgöra vad som är fel. Felmeddelandet ska vara så specifikt som möjligt. Om det uppstår ett fel när du skickar in ett formulär, räcker det inte att visa formuläret igen och indikera felfälten för att vissa användare ska inse att ett fel har inträffat. Användare av skärmläsare vet till exempel inte om ett fel uppstod förrän de stöter på en av indikatorerna. De kan hoppa över hela formuläret innan felindikatorn påträffas, eftersom de tror att sidan helt enkelt inte fungerar. Enligt definitionen i WCAG är ett indatafel information som användaren anger och som inte accepteras. Detta omfattar följande:

information som krävs av webbsidan men utelämnas av användaren, eller information som tillhandahålls av användaren men som ligger utanför det obligatoriska dataformatet eller tillåtna värden.
Till exempel:

Så här möts du - Felidentifiering (3.3.1) how-to-meet-error-identification

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas 3.3.1.

Mer information - Felidentifiering (3.3.1) more-information-error-identification

Etiketter eller instruktioner (3.3.2) labels-or-instructions

Syfte - Etiketter eller instruktioner (3.3.2) purpose-labels-or-instructions

Att ge instruktioner som hjälper människor att fylla i formulär är en grundläggande del av god praxis när det gäller gränssnittsanvändning. Detta är användbart för personer med nedsatt syn eller kognitiva funktionshinder som annars kan ha svårt att förstå layouten i ett formulär och den typ av data som ska anges i ett visst formulärfält.

Forms

I AEM WKND-demoprojekt läggs en standardetikett till när du lägger till en formulärkomponent, till exempel ett textfält, på sidan. Den här standardtiteln beror på komponenttypen. Du kan lägga till din egen titel på fliken Titel och Text i redigeringsdialogrutan för det fältet. Det är viktigt att se till att etiketter hjälper användarna att förstå informationen som är kopplad till varje formulärkomponent.

Det här fältet Rubrik måste användas för fältelement eftersom det innehåller en etikett som är tillgänglig för hjälpmedelsteknik. Det räcker inte att bara skriva en etikett bredvid fältet.

För vissa formulärkomponenter går det även att dölja etiketter visuellt med kryssrutan Dölj rubrik . Etiketter som döljs på det här sättet är fortfarande tillgängliga för hjälpfunktioner, men de visas inte på skärmen. Detta kan vara en bra metod i vissa situationer, men det är bäst att ta med en visuell etikett där det är möjligt, eftersom vissa användare kanske tittar på ett litet avsnitt på skärmen (ett fält i taget) och behöver etiketterna för att kunna identifiera fältet på rätt sätt.

Bildknappar image-buttons

Där bildknappar används (till exempel komponenten Bildknapp i WKND-projektet) innehåller fältet Titel på fliken Titel och text i redigeringsdialogrutan den alternativa texten för bilden, i stället för etiketten. I exemplet nedan har bilden med texten Submit Alt-texten Submit, som lagts till med fältet Titel i redigeringsdialogrutan.

Grupper med formulärfält groups-of-form-fields

I WKND-projektet, där det finns en grupp med relaterade kontroller, till exempel Alternativgrupp, kan en rubrik behövas för gruppen och enskilda kontroller. När du lägger till en uppsättning med alternativknappar i AEM visas den här grupptiteln i fältet Titel, medan enskilda titlar anges när alternativknapparna (Objekt) skapas.

Det finns dock ingen programmatisk koppling mellan grupptiteln och alternativknapparna själva. Mallredigerare måste kapsla in titeln i de nödvändiga fieldset- och legend-taggarna för att skapa den här kopplingen. Detta kan bara göras genom att redigera sidans källkod. En systemadministratör kan också lägga till stöd för dessa element så att de visas i dialogrutan Fältegenskaper (se Lägga till stöd för ytterligare HTML-element och attribut).

Ytterligare överväganden för Forms additional-considerations-for-forms

Om data ska matas in i ett visst format bör du göra detta tydligt i etikettexten. Om till exempel ett datum måste anges i formatet DD-MM-YYYY anger du det här som en del av etiketten. Det innebär att när skärmläsaranvändare stöter på fältet visas etiketten automatiskt tillsammans med ytterligare information om formatet.

Om indata för ett formulärfält är obligatoriska klargör du detta genom att använda ordet ”required” som en del av etiketten. AEM lägger till en asterisk när ett fält är obligatoriskt, men det är bra att inkludera ordet required i själva etiketten (i fältet Titel i redigeringsdialogrutan).

Placeringen av etiketter är också viktig eftersom den hjälper dem att hitta rätt fält. Detta är särskilt viktigt när användaren har ett komplext formulär. Följ konventionen nedan:

I enkla formulär med begränsad funktionalitet kan etikettering av en Submit-knapp fungera som etikett för det intilliggande fältet (till exempel Search). Detta är användbart när det kan vara svårt att hitta plats för etikettexten.

Mer information - etiketter eller instruktioner (3.3.2) more-information-labels-or-instructions

Felförslag (3.3.3) error-suggestion

Syfte - Felförslag (3.3.3) purpose-error-suggestion

Syftet med detta villkor är att se till att användarna får lämpliga förslag på hur ett indatafel kan korrigeras om det är möjligt. WCAG-definitionen för indatafel anger att det är "information som användaren anger som inte accepteras" av systemet. Några exempel på information som inte accepteras är information som är obligatorisk men utelämnad av användaren och information som tillhandahålls av användaren men som ligger utanför det obligatoriska dataformatet eller tillåtna värden.

Success Criterion 3.3.1 innehåller meddelanden om fel. Personer med kognitiva begränsningar kan dock finna det svårt att förstå hur felen ska korrigeras. Personer med visuella funktionshinder kanske inte kan komma på exakt hur felet ska korrigeras. Om det inte går att skicka in ett formulär kan användaren överge formuläret eftersom han/hon kanske inte vet hur felet ska åtgärdas trots att han/hon vet att det har inträffat.

Innehållsförfattaren kan ge en beskrivning av felet eller så kan användaragenten ge en beskrivning av felet baserat på teknikspecifik, programmässigt bestämd information.

Så här möts du - Felförslag (3.3.3) how-to-meet-error-suggestion

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas 3.3.3.

Mer information - Felförslag (3.3.3) more-information-error-suggestion

Förebygga fel (juridisk, finansiell, data) (3.3.4) error-prevention-legal-financial-data

Syfte - Förebyggande av fel (rättsliga, finansiella, uppgifter) (3.3.4) purpose-error-prevention-legal-financial-data

Syftet med detta kriterium är att hjälpa användare med funktionshinder att undvika allvarliga konsekvenser till följd av ett misstag när de utför en åtgärd som inte kan ångras. Exempel: köp av icke-återbetalningsbara flygbiljetter eller inlämning av en order om att köpa aktier på ett mäklarkonto är finansiella transaktioner med allvarliga följder. Om en användare har gjort ett misstag på flygresedagen kan det resultera i en biljett för fel dag som inte kan bytas ut. Om användaren begick ett misstag i fråga om antalet aktier som skulle köpas kan det resultera i att användaren köper mer aktier än vad han/hon hade tänkt sig. Båda dessa typer av misstag innebär transaktioner som utförs omedelbart och inte kan ändras efteråt, och som kan vara kostsamma. På samma sätt kan det vara ett oåterkalleligt fel om användare oavsiktligt ändrar eller tar bort data som lagras i en databas som de senare behöver ha tillgång till, till exempel hela reseprofilen på en webbplats för resetjänster. När det gäller ändring eller borttagning av användarkontrollerbara data är avsikten att förhindra massförlust av data som att ta bort en fil eller post. Det är inte avsikten att kräva en bekräftelse för varje Spara-kommando eller att enkelt skapa eller redigera dokument, poster eller andra data.

Användare med funktionshinder kan vara mer benägna att göra misstag. Personer med lässvårigheter kan transponera siffror och bokstäver, och personer med motoriska funktionshinder kan råka ut för nycklar av misstag. Om användaren kan ångra åtgärder kan användaren rätta till ett misstag som kan få allvarliga konsekvenser. Möjligheten att granska och korrigera information gör att man kan upptäcka ett misstag innan man vidtar en åtgärd med allvarliga följder.

Användarstyrda data är användaranpassade data som användaren kan ändra och/eller ta bort genom en avsiktlig åtgärd. Exempel på användare som kontrollerar sådana data är att uppdatera telefonnumret och adressen för användarens konto eller att ta bort en post med tidigare fakturor från en webbplats. Det refererar inte till sådant som Internet-loggar och data för sökmotorövervakning som användaren inte kan visa eller interagera med direkt.

Hur man ska uppfylla kraven - Förebyggande av fel (rättsliga, finansiella, uppgifter) (3.3.4) how-to-meet-error-prevention-legal-financial-data

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas {3.3.4.

Mer information - Felförebyggande (Juridik, Finans, Data) (3.3.4) more-information-error-prevention-legal-financial-data

Princip 4: Robust principle-robust

Princip 4: Robust - Innehållet måste vara tillräckligt robust så att det kan tolkas av ett stort antal användaragenter, inklusive hjälpmedelstekniker.

Kompatibel (4.1) compatible

Riktlinje 4.1 Kompatibel: Maximera kompatibiliteten med nuvarande och framtida användaragenter, inklusive hjälpmedelstekniker.

Maximera kompatibiliteten med nuvarande och framtida användaragenter, inklusive hjälpmedelstekniker.

Analys (4.1.1) parsing

Syfte - Analys (4.1.1) purpose-parsing

Syftet med detta kriterium är att se till att användaragenter, inklusive hjälpmedelstekniker, kan tolka och tolka innehåll korrekt. Om innehållet inte kan tolkas i en datastruktur kan olika användaragenter presentera det annorlunda eller inte kunna tolka det. Vissa användaragenter använder"reparationstekniker" för att återge dåligt kodat innehåll.

Eftersom reparationstekniken varierar mellan olika användaragenter kan man inte anta att innehållet tolkas korrekt i en datastruktur eller att det återges korrekt av specialiserade användaragenter, inklusive hjälpmedelstekniker, såvida inte innehållet skapas enligt reglerna som definieras i den formella grammatiken för den tekniken. I kodspråk leder fel i elementsyntax och attributsyntax samt misslyckande med att tillhandahålla korrekt kapslade start-/sluttaggar till fel som förhindrar att användaragenter tolkar innehållet på ett tillförlitligt sätt. Därför kräver resultatvillkoret att innehållet kan tolkas med enbart reglerna för den formella grammatiken.

Hur man möter - parsing (4.1.1) how-to-meet-parsing

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas 4.1.1.

Mer information - Analys (4.1.1) more-information-parsing

Namn, roll, värde (4.1.2) name-role-value

Syfte - Namn, roll, värde (4.1.2) purpose-ame-role-value

Syftet med detta villkor är att se till att hjälpfunktioner kan samla in information om, aktivera (eller ställa in) och hålla sig uppdaterade om statusen för användargränssnittskontrollerna i innehållet.

När standardkontroller från hjälpmedelstekniker används är den här processen enkel. Om användargränssnittets element används enligt specifikationen är villkoren i denna bestämmelse uppfyllda. (Se exempel på villkor för att lyckas 4.1.2 nedan)

Om anpassade kontroller skapas, eller gränssnittselement programmeras (i kod eller skript) för att ha en annan roll och/eller funktion än vanligt, måste ytterligare åtgärder vidtas för att säkerställa att kontrollerna tillhandahåller viktig information för hjälpmedelstekniker och gör att de kan styras av hjälpmedelstekniker.

Ett viktigt läge för en användargränssnittskontroll är om den har fokus eller inte. Fokusläget för en kontroll kan fastställas programmatiskt och meddelanden om fokusändring skickas till användaragenter och hjälpmedelsteknik. Andra exempel på kontrollstatus för användargränssnittet är om en kryssruta eller alternativknapp har markerats eller om ett fällbart träd eller en listnod är expanderad eller komprimerad.

Så här möts du - namn, roll, värde (4.1.2) how-to-meet-ame-role-value

Följ riktlinjerna under Så här uppfyller du kriterierna för att lyckas 4.1.2.

Mer information - namn, roll, värde (4.1.2 more-information-ame-role-value