CINXE.COM

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Riktlinjer för tillgängligt webbinnehåll (WCAG) 2.0</title> <link media="print" type="text/css" rel="stylesheet" href="https://www.w3.org/TR/WCAG20/print.css" /> <link rel="stylesheet" type="text/css" href="https://www.w3.org/TR/WCAG20/additional.css" /> <link rel="stylesheet" type="text/css" href="https://www.w3.org/StyleSheets/TR/W3C-REC" /> <style type="text/css"> div.transheader { display: block; border: solid #CCB; padding: 2%; background: #EED; } .transtitle { color: #555; background: #EED; font-weight: bolder; } </style> </head> <body> <p align="center">[<a href="#contents">innehåll</a>] </p> <div class="head"> <p><a href="https://www.w3.org/" xml:lang="en" lang="en"><img src="https://www.w3.org/Icons/w3c_home" alt="W3C" height="48" width="72" /></a> </p> <div class="transheader"> <h1 class="transtitle">Web Content Accessibility Guidelines (WCAG) 2.0</h1> <p><strong>Lead translating organization:</strong> Funka Nu AB (Web Site: <a href="http://www.funkanu.se" target="_blank">http://www.funkanu.se</a>)<br /> <strong>Coordinator of the translation: </strong> Susanna Laurin (<a href="mailto:susanna.laurin@funkanu.se">susanna.laurin@funkanu.se</a>)<br /> <strong>Translators: </strong>Sara Bryde (<a href="mailto:sara.bryde@funkanu.se">sara.bryde@funkanu.se</a>), Andreas Cederbom (<a href="mailto:andreas.cederbom@funkanu.se">andreas.cederbom@funkanu.se</a>), Stefan Johansson (<a href="mailto:stefan.johansson@funkanu.se">stefan.johansson@funkanu.se</a>) and Johan Kling (<a href="mailto:johan.kling@funkanu.se">johan.kling@funkanu.se</a>) </p> <h1 class="transtitle">Auktoriserad Svensk Översättning</h1> <h2 class="transtitle">Datum för offentliggörande: 23 oktober 2012</h2> <dl> <dt><strong>Denna version:</strong></dt> <dd><a href="https://www.w3.org/Translations/WCAG20-sv/">http://www.w3.org/Translations/WCAG20-sv/</a></dd> <dt><strong>Senaste version:</strong></dt> <dd><a href="https://www.w3.org/Translations/WCAG20-sv/WCAG20-sv-20121023/">http://www.w3.org/Translations/WCAG20-sv/WCAG20-sv-20121023/</a></dd> <dt><strong>Originalversion:</strong></dt> <dd><a href="https://www.w3.org/TR/WCAG20/">http://www.w3.org/TR/WCAG20/</a></dd> <dt><strong>Errata:</strong></dt> <dd><a href="http://www.funkanu.se/WCAG2-Errata">http://www.funkanu.se/WCAG2-Errata</a></dd> <dt><strong>Organisation ansvarig för översättningen:</strong></dt> <dd>Funka Nu AB (Web Site: <a href="http://www.funkanu.se" target="_blank">http://www.funkanu.se</a>)<br /> <strong>Koordinator för översättningen: </strong> Susanna Laurin (<a href="mailto:susanna.laurin@funkanu.se">susanna.laurin@funkanu.se</a>)<br /> <strong>Översättare: </strong>Sara Bryde (<a href="mailto:sara.bryde@funkanu.se">sara.bryde@funkanu.se</a>), Andreas Cederbom (<a href="mailto:andreas.cederbom@funkanu.se">andreas.cederbom@funkanu.se</a>), Stefan Johansson (<a href="mailto:stefan.johansson@funkanu.se">stefan.johansson@funkanu.se</a>) and Johan Kling (<a href="mailto:johan.kling@funkanu.se">johan.kling@funkanu.se</a>)</dd> <dt><strong>Referensgrupp i översättningsarbetet: </strong></dt> <dd><a href="http://lists.w3.org/Archives/Public/w3c-translators/2009OctDec/0225.html">http://lists.w3.org/Archives/Public/w3c-translators/2009OctDec/0225.html</a></dd> <dt><strong>Sammanfattning av publika kommentarer från översättningsarbetet:</strong></dt> <dd><a href="http://lists.w3.org/Archives/Public/w3c-translators/2012OctDec/0009.html">http://lists.w3.org/Archives/Public/w3c-translators/2012OctDec/0009.html</a></dd> <dd><a href="http://www.funkanu.se/WCAG2-Comments">http://www.funkanu.se/WCAG2-Comments</a></dd> </dl> <p>Detta är en auktoriserad översättning av ett W3C-dokument. Offentliggörandet av denna översättning har följt stegen som beskrivs i <a href="https://www.w3.org/2005/02/TranslationPolicy.html" xml:lang="en" lang="en">Policy for W3C Authorized Translations</a>. I händelse av tvister, är den auktoritativa versionen av produktspecifikationen det ursprungliga, engelska dokument. </p> </div> <h1><a name="title" id="title"></a>Riktlinjer för tillgängligt webbinnehåll (WCAG) 2.0</h1> <h2><a name="w3c-doctype" id="w3c-doctype"></a>W3C Recommendation 11 December 2008</h2> <dl> <dt>Denna version:</dt> <dd><a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a></dd> <dt>Senaste version:</dt> <dd><a href="https://www.w3.org/TR/WCAG20/">http://www.w3.org/TR/WCAG20/</a></dd> <dt>Föregående version:</dt> <dd><a href="https://www.w3.org/TR/2008/PR-WCAG20-20081103/">http://www.w3.org/TR/2008/PR-WCAG20-20081103/</a></dd> <dt>Redaktörer:</dt> <dd>Ben Caldwell, Trace R&D Center, University of Wisconsin-Madison</dd> <dd>Michael Cooper, W3C</dd> <dd>Loretta Guarino Reid, Google, Inc.</dd> <dd>Gregg Vanderheiden, Trace R&D Center, University of Wisconsin-Madison</dd> <dt>Tidigare redaktörer:</dt> <dd>Wendy Chisholm (fram till Juli 2006 vid W3C)</dd> <dd>John Slatin (fram till Juni 2006 vid Accessibility Institute, University of Texas at Austin)</dd> <dd>Jason White (fram till Juni 2005 vid University of Melbourne)</dd> </dl> <p>Se <a href="https://www.w3.org/WAI/WCAG20/errata/"><strong>errata</strong></a>n för detta dokument. Den kan innehålla normativa rättelser.</p> <p>Se också översättningar <a href="https://www.w3.org/2003/03/Translations/byTechnology?technology=WCAG20" xml:lang="en" lang="en"><strong>translations</strong></a>.</p> <p>Detta dokument finns också tillgängligt i icke-normativa format via: <a href="/WAI/WCAG20/versions/guidelines/" xml:lang="en" lang="en">Alternate Versions of Web Content Accessibility Guidelines 2.0</a></p> <p class="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright" xml:lang="en" lang="en">Copyright</a> © 2008 <a href="https://www.w3.org/" xml:lang="en" lang="en"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/" xml:lang="en" lang="en"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>, <a href="http://www.ercim.org/" xml:lang="en" lang="en"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/" xml:lang="ja" lang="ja">Keio</a>), All Rights Reserved. W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer" xml:lang="en" lang="en">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks" xml:lang="en" lang="en">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/copyright-documents" xml:lang="en" lang="en">document use</a> rules apply.</p> <p class="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright" xml:lang="en" lang="en">Copyright</a> © 2008 <a href="https://www.w3.org/"><acronym title="World Wide Web Consortium" xml:lang="en" lang="en">W3C</acronym></a> <sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology" xml:lang="en" lang="en">MIT</acronym></a>, <a href="http://www.ercim.org/" xml:lang="en" lang="en"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/" xml:lang="ja" lang="ja">Keio</a>), Eftertryck förbjudes. W3C:s <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">ansvar</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">varumärke</a> och <a href="https://www.w3.org/Consortium/Legal/copyright-documents">dokumentanvändningsregler</a> gäller.</p> </div> <hr /> <div> <h2><a name="abstract" id="abstract"></a>Sammanfattning</h2> <p>Web Content Accessibility Guidelines (WCAG) 2.0 innehåller ett stort antal rekommendationer för att göra webbinnehåll mer tillgängligt. Genom att följa dessa rekommendationer görs innehållet tillgängligt för en bredare skara människor med olika typer av funktionsnedsättningar såsom synnedsättningar, hörselnedsättning, inlärningssvårigheter, kognitiva funktionsnedsättningar, begränsad rörlighet, talsvårigheter, ljuskänslighet och kombinationer av dessa. Genom att följa dessa riktlinjer kommer ditt webbinnehåll för det mesta även att bli mer användbart för alla användare.</p> <p>Framgångskriterierna i WCAG 2.0 är skrivna som teknikoberoende, mätbara påståenden. I separata dokument finns vägledning om hur du bäst uppfyller framgångskriterierna med specifika tekniker, samt generell information om hur du tolkar dem. Se <a href="https://www.w3.org/WAI/intro/wcag.php" xml:lang="en" lang="en">Web Content Accessibility Guidelines (WCAG) Overview</a> för en introduktion och länkar till WCAG:s tekniska material och utbildningsmaterial. </p> <p>WCAG 2.0 ersätter <a href="https://www.w3.org/TR/WCAG10/" xml:lang="en" lang="en">Web Content Accessibility Guidelines 1.0</a> <a href="#WCAG10">[WCAG10]</a> som publicerades som W3C:s rekommendation i maj 1999. Även om det är möjligt att följa antingen WCAG 1.0 eller WCAG 2.0 (eller båda) rekommenderar W3C att nytt och uppdaterat innehåll följer WCAG 2.0. W3C rekommenderar även att policyer för webbtillgänglighet refererar till WCAG 2.0.</p> </div> <div> <h2><a name="status" id="status"></a>Status för dokumentet</h2> <p><em>Denna sektion beskriver status för detta dokument vid tiden för dess publicering. Andra dokument kan ersätta detta. En lista över aktuella W3C-publikationer och den senast reviderade versionen av denna tekniska rapport finns i <a href="https://www.w3.org/TR/" xml:lang="en" lang="en">W3C technical reports index</a> på <a href="https://www.w3.org/TR/">http://www.w3.org/TR/</a>.</em></p> <p>Detta är Web Content Accessibility Guidelines (WCAG) 2.0 <a href="https://www.w3.org/2004/02/Process-20040205/tr.html#RecsW3C" xml:lang="en" lang="en">W3C Recommendation</a> från <a href="https://www.w3.org/WAI/GL/" xml:lang="en" lang="en">Web Content Accessibility Guidelines Working Group</a>.</p> <p>Detta dokument har granskats av medlemmar i W3C, av mjukvaruutvecklare, av andra W3C-grupper och intressenter, och är godkänt av W3C:s ledning som W3C Recommendation. Det är ett stabilt dokument som kan användas som referensmaterial eller citeras i andra dokument. W3C:s roll i framtagandet av denna Recommendation är att dra uppmärksamhet till specifikationen och att främja dess breda tillämpning. Detta förstärker och förbättrar funktionaliteten och interoperabiliteten på webben.</p> <p>Som stöd för WCAG 2.0 finns de tillhörande, icke-normativa dokumenten <a href="https://www.w3.org/TR/Understanding-WCAG20/" xml:lang="en" lang="en">Understanding WCAG 2.0</a> och <a href="https://www.w3.org/TR/WCAG20-TECHS/" xml:lang="en" lang="en">Techniques for WCAG 2.0</a>. Även om dessa dokument saknar den formella status som WCAG 2.0 har så bidrar de med information som är viktig för att förstå och implementera WCAG.</p> <p>Arbetsgruppen hänvisar alla som vill lämna kommentarer till att göra det via <a href="https://www.w3.org/WAI/WCAG20/comments/">speciellt webbformulär</a>. Om det inte är möjligt kan kommentarer även skickas till <a href="mailto:public-comments-wcag20@w3.org">public-comments-wcag20@w3.org</a>. <a href="http://lists.w3.org/Archives/Public/public-comments-wcag20/">Arkivet för epostlistan med offentliga kommentarer</a> är öppet för alla. Mottagna kommentarer rörande WCAG 2.0:s rekommendation kan inte resultera i ändringar i denna version av riktlinjerna, men kan komma att adresseras i errata eller i framtida versioner av WCAG. Arbetsgruppen har inga planer på att ge formella svar på kommentarer. Arkiven med <a href="http://lists.w3.org/Archives/Public/w3c-wai-gl/">epostlistan med diskussioner om WCAG WG</a> är öppna för allmänheten och framtida arbete i arbetsgruppen kan komma att behandla kommentarer rörande detta dokument.</p> <p>Detta dokument har tagits fram som en del av W3C:s <a href="https://www.w3.org/WAI/">Web Accessibility Initiative</a> (WAI). WCAG-arbetsgruppens mål behandlas i <a href="https://www.w3.org/2004/04/wcag-charter" xml:lang="en" lang="en">WCAG Working Group charter</a>. WCAG-arbetsgruppen är en del av <a href="https://www.w3.org/WAI/Technical/Activity" xml:lang="en" lang="en">WAI Technical Activity</a>.</p> <p>Detta dokument skapades av en grupp som verkar under <a href="https://www.w3.org/Consortium/Patent-Policy-20040205/" xml:lang="en" lang="en">5 February 2004 W3C Patent Policy</a>. W3C tillhandahåller en <a href="https://www.w3.org/2004/01/pp-impl/35422/status" rel="disclosure" shape="rect">offentlig lista med patentupplysningar</a> kopplade till resultatet av gruppens arbete. Sidan innehåller även instruktioner för hur man informerar om relevanta patent. Individer med specifik kunskap om ett patent som samma individ tror innehåller <a href="https://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">väsentliga anspråk</a> måste delge information om detta i enlighet med <a href="https://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">sektion 6 av W3C Patent Policy</a>. </p> </div> <div class="toc"> <hr /> <h2><a name="contents" id="contents"></a>Innehållsförteckning</h2> <ul class="toc"> <li><a href="#intro">Introduktion </a> <ul class="toc"> <li><a href="#intro-layers-guidance">WCAG 2.0 Nivåer av vägledning</a></li> <li><a href="#intro-related-docs">WCAG 2.0 Stöddokument</a></li> <li><a href="#new-terms">Viktiga termer i WCAG 2.0</a></li> </ul> </li> <li><a href="#guidelines">WCAG 2.0 Riktlinjer </a> <ul class="toc"> <li><a href="#perceivable">1 Möjlig att uppfatta</a> <ul class="toc"> <li>1.1 <a href="#text-equiv">Tillhandahåll alternativ i form av text till all icke-textbaserad information så att det kan konverteras till format som användarna behöver, till exempel stor stil, punktskrift, tal, symboler eller enklare språk.</a></li> <li>1.2 <a href="#media-equiv">Tillhandahåll alternativ till tidsberoende media.</a></li> <li>1.3 <a href="#content-structure-separation">Skapa innehåll som kan presenteras på olika sätt (exempelvis med enklare layout) utan att information eller struktur går förlorad.</a></li> <li>1.4 <a href="#visual-audio-contrast">Gör det enklare för användare att se och höra innehåll, bland annat genom att skilja förgrund från bakgrund.</a></li> </ul> </li> <li><a href="#operable">2 Hanterbar </a> <ul class="toc"> <li>2.1 <a href="#keyboard-operation">All funktionalitet ska vara åtkomlig med ett tangentbord.</a></li> <li>2.2 <a href="#time-limits">Ge användaren tillräckligt med tid för att läsa och använda innehållet.</a></li> <li>2.3 <a href="#seizure">Designa inte innehåll på ett sätt som kan orsaka krampanfall.</a></li> <li>2.4 <a href="#navigation-mechanisms">Tillhandahåll sätt att hjälpa användarna att navigera, hitta innehåll och avgöra var de är.</a></li> </ul> </li> <li><a href="#understandable">3 Begriplig</a> <ul class="toc"> <li>3.1 <a href="#meaning">Gör textinnehåll läsbart och begripligt. </a></li> <li>3.2 <a href="#consistent-behavior">Säkerställ att webbsidor presenteras och fungerar på ett förutsägbart sätt. </a></li> <li>3.3 <a href="#minimize-error">Hjälp användare att undvika misstag och rätta till misstag. </a></li> </ul> </li> <li><a href="#robust">4 Robust</a> <ul class="toc"> <li>4.1 <a href="#ensure-compat">Maximera kompatibiliteten med nuvarande och framtida användarprogram, inklusive hjälpmedel.</a></li> </ul> </li> </ul> </li> <li><a href="#conformance">Uppfyllande</a> <ul class="toc"> <li><a href="#conformance-reqs">Uppfyllnadskrav</a></li> <li><a href="#conformance-claims">Deklaration av uppfyllande (frivilligt) </a></li> <li><a href="#conformance-partial">Rapport gällande partiellt uppfyllande - Tredjepartsinnehåll</a></li> <li><a href="#conformance-partial-lang">Rapport gällande partiellt uppfyllande - Språk</a></li> </ul> </li> </ul> <h3><a name="appendices" id="appendices"></a>Bilagor</h3> <ul class="toc"> <li>Bilaga A: <a href="#glossary">Ordlista</a> (Normativ)</li> <li>Bilaga B: <a href="#acknowledgments">Tillkännagivande</a></li> <li>Bilaga C: <a href="#references">Referenser</a></li> </ul> </div> <hr /> <div class="front"> <div class="div1"> <h2><a name="intro" id="intro"></a>Introduktion </h2> <p>Denna sektion är <a title="definition: informativ" href="#informativedef" class="termref">informativ</a>. </p> <p>Web Content Accessibility Guidelines (WCAG) 2.0 definierar hur man gör webbinnehåll mer tillgängligt för människor med funktionsnedsättning. Tillgänglighet omfattar ett brett spektrum av funktionsnedsättningar, inklusive visuella, auditiva, fysiska, verbala, kognitiva, språkliga, inlärningsmässiga samt neurologiska nedsättningar. Även om dessa riktlinjer täcker ett brett spektra av aspekter så kan de inte hantera behoven för alla människor med alla olika typer, grader och kombinationer av funktionsnedsättningar. Dessa riktlinjer gör även webbinnehåll mer användbart för äldre individer med förändrade förmågor på grund av åldrande, och ofta även mer användbart för användare i allmänhet. </p> <p>WCAG 2.0 är utvecklat genom <a href="https://www.w3.org/WAI/intro/w3c-process.php" shape="rect">W3C arbetsprocess</a> i samarbete med enskilda individer och organisationer över hela världen, med målet att tillhandahålla en gemensam standard för webbtillgänglighet som uppfyller enskilda individers, organisationers och myndigheters behov på internationell nivå. WCAG 2.0 baseras på WCAG 1.0 <a href="#WCAG10">[WCAG10]</a> och är avsedd att kunna tillämpas med olika webbteknologier, nu såväl som i framtiden, och även för att vara mätbar genom en kombination av automatiska tester och manuella utvärderingar. För en introduktion till WCAG, se <a href="https://www.w3.org/WAI/intro/wcag.php" xml:lang="en" lang="en">Web Content Accessibility Guidelines (WCAG) Overview</a>.</p> <p>Webbtillgänglighet är inte bara beroende av ett tillgängligt innehåll utan även av tillgängliga webbläsare och andra användarprogram. Publiceringsverktyg spelar också en viktig roll för webbtillgängligheten. För en överblick över hur dessa delar av webbutveckling och interaktion fungerar tillsammans, se:</p> <ul> <li><p><strong><a href="https://www.w3.org/WAI/intro/components" xml:lang="en" lang="en">Essential Components of Web Accessibility</a> </strong> </p> </li> <li><p><strong><a href="https://www.w3.org/WAI/intro/uaag.php" xml:lang="en" lang="en">User Agent Accessibility Guidelines (UAAG) Overview</a> </strong> </p> </li> <li><p><strong><a href="https://www.w3.org/WAI/intro/atag.php" xml:lang="en" lang="en">Authoring Tool Accessibility Guidelines (ATAG) Overview</a> </strong> </p> </li> </ul> <div class="div2"> <h3><a name="intro-layers-guidance" id="intro-layers-guidance"></a>WCAG 2.0 Nivåer av vägledning</h3> <p>Det är en stor variation på de enskilda individer och organisationer som använder WCAG. Det inbegriper såväl webbdesigners som webbutvecklare, beslutsfattare, inköpare, lärare och studenter. För att tillgodose gruppernas olika behov erbjuds flera nivåer av vägledning; övergripande <em>principer</em>, generella <em>riktlinjer</em>, mätbara <em>framgångskriterier</em> och en omfattande samling med <em>tillräckliga tekniker, rekommenderade tekniker</em>, och <em>dokumenterade, vanliga misstag</em> med exempel, källor och kod.</p> <ul> <li><p><strong>Principer</strong> - Högst upp finns fyra principer som utgör själva grunden för webbtillgänglighet: <em>möjlig att uppfatta, hanterbar, begriplig</em> och <em>robust</em>. Se även <a href="https://www.w3.org/TR/Understanding-WCAG20/intro.html#introduction-fourprincs-head" xml:lang="en" lang="en">Understanding the Four Principles of Accessibility</a>.</p> </li> <li><p><strong>Riktlinjer</strong> - Under principerna finns riktlinjer. De 12 riktlinjerna representerar de grundläggande målen som utvecklare ska jobba mot för att göra innehåll mer tillgängligt för användare med olika funktionsnedsättningar. Riktlinjerna är inte mätbara, men tillhandahåller det ramverk och övergripande stöd som behövs för att utvecklarna ska förstå framgångskriterierna och bättre implementera teknikerna.</p> </li> <li><p><strong>Framgångskriterier</strong> - Till varje riktlinje finns mätbara framgångskriterier. Dessa gör det möjligt att använda WCAG 2.0 när krav- och tester för överensstämmelse är nödvändiga, till exempel inom designspecificering, inköp, lagstiftning och upprättande av kontrakt. För att tillgodose behoven hos olika grupper och i olika situationer så finns det tre nivåer att förhålla sig till: A (lägsta nivån), AA och AAA (högsta nivån). Ytterligare information om nivåerna i WCAG finns i <a href="https://www.w3.org/TR/Understanding-WCAG20/conformance.html#uc-levels-head" xml:lang="en" lang="en">Understanding Levels of Conformance</a>.</p> </li> <li><p><strong>Tillräckliga och rekommenderade tekniker</strong> - För varje <em>riktlinje</em> och <em>framgångskriterium</em> i själva WCAG-dokumentet har arbetsgruppen även dokumenterat ett brett spektrum av <em>tekniker</em>. Teknikerna är informativa och indelade i två kategorier: de som anses <em>tillräckliga</em> för att uppfylla framgångskriterierna och de som <em>rekommenderas</em>. De rekommenderade teknikerna går utöver vad som krävs för att uppfylla respektive framgångskriterium och ger utvecklare möjlighet att uppfylla riktlinjerna bättre. Vissa rekommenderade tekniker hanterar tillgänglighetsproblem som inte täcks av de mätbara framgångskriterierna. Där vanliga misstag är kända finns de också dokumenterade. Se även <a href="https://www.w3.org/TR/Understanding-WCAG20/intro.html#introduction-layers-techs-head" xml:lang="en" lang="en">Sufficient and Advisory Techniques in Understanding WCAG 2.0</a>.</p> </li> </ul> <p>Alla dessa nivåer (principer, riktlinjer, framgångskriterier samt tillräckliga och rekommenderade tekniker) samverkar för att ge stöd i hur man gör innehåll mer tillgängligt. Utvecklare uppmuntras att beakta och tillämpa alla nivåer som de kan, inklusive rekommenderade tekniker, för att på bästa möjliga sätt möta behoven hos en så bred grupp användare som möjligt.</p> <p>Observera att inte ens innehåll som möter den högsta nivån (AAA) kommer att vara tillgängligt för alla individer med olika typer, grader, eller kombinationer av funktionsnedsättningar, speciellt inom områden som rör kognition, språk och inlärning. Utvecklare uppmuntras att överväga samtliga tekniker, inklusive de rekommenderade, såväl som att söka relevanta råd gällande bästa praxis för att säkerställa att webbinnehåll är tillgängligt, så långt det är möjligt, för dessa grupper. <a href="https://www.w3.org/TR/Understanding-WCAG20/appendixC.html#Understanding-metadata">Metadata</a> kan hjälpa användare att hitta innehåll som bäst passar deras behov. </p> </div> <div class="div2"> <h3><a name="intro-related-docs" id="intro-related-docs"></a> WCAG 2.0 Stöddokument </h3> <p>WCAG 2.0-dokumentet är skapat för att tillgodose behoven hos de som behöver en stabil och refererbar teknisk standard. Andra dokument, så kallade stöddokument, baseras på WCAG 2.0 och uppfyller andra viktiga ändamål, inklusive möjligheten att uppdateras för att beskriva hur WCAG kan appliceras på nya teknologier. Stöddokument inkluderar: </p> <ol class="enumar"> <li><p><strong><a href="https://www.w3.org/WAI/WCAG20/quickref/" xml:lang="en" lang="en">How to Meet WCAG 2.0</a></strong> - En anpassningsbar och snabb hänvisning till WCAG 2.0 som inkluderar samtliga riktlinjer, framgångskriterier och tekniker som kan användas av utvecklare då de utvecklar och utvärderar webbinnehåll. </p> </li> <li><p><strong><a href="https://www.w3.org/TR/Understanding-WCAG20/" xml:lang="en" lang="en">Understanding WCAG 2.0</a> </strong> - En guide till att förstå och implementera WCAG 2.0. Det finns ett kortfattat förståelsedokument för varje enskild riktlinje och framgångskriterium i WCAG 2.0, och för nyckelområden.</p> </li> <li><p><strong><a href="https://www.w3.org/TR/WCAG20-TECHS/" xml:lang="en" lang="en">Techniques for WCAG 2.0</a> </strong> - En samling tekniker och vanliga misstag, vart och ett i separata dokument som inkluderar beskrivningar, exempel, koder och tester.</p> </li> <li><p><strong><a href="https://www.w3.org/WAI/intro/wcag20" xml:lang="en" lang="en">The WCAG 2.0 Documents</a></strong> - Ett diagram och en beskrivning av hur de tekniska dokumenten är relaterade och sammanlänkade.</p> </li> </ol> <p>Se <a href="https://www.w3.org/WAI/intro/wcag.php" xml:lang="en" lang="en">Web Content Accessibility Guidelines (WCAG) Overview</a> för en beskrivning av stödmaterial för WCAG 2.0, bl.a. undervisningsmaterial relaterat till WCAG 2.0. <span>Ytterligare resurser som täcker områden såsom verksamhetsnyttan av webbtillgänglighet, planering av implementation för att öka webbplatsers tillgänglighet, och policyer för tillgänglighet är listade i <a href="https://www.w3.org/WAI/Resources/Overview" xml:lang="en" lang="en">WAI Resources</a>.</span></p> </div> <div class="div2"> <h3><a name="new-terms" id="new-terms"></a>Viktiga termer i WCAG 2.0</h3> <p>WCAG 2.0 innehåller tre viktiga termer som skiljer sig från WCAG 1.0. Var och en av dessa introduceras kortfattat nedan och definieras i sin helhet i ordlistan. </p> <dl> <dt class="label">Webbsida</dt> <dd><p>Det är viktigt att förstå att i denna standard så inkluderar termen "<a title="definition: Webbsida" href="#webpagedef" class="termref">Webbsida</a>" mycket mer än statiska HTML-sidor. Termen inkluderar också de allt mer dynamiska webbsidor som börjat dyka upp på internet, inklusive "sidor" som kan presentera interaktiva sociala medier. Exempelvis inkluderar termen "webbsida" även interaktiva, filmliknande gränssnitt som återfinns i en enskild URI. För mer information se <a href="https://www.w3.org/TR/Understanding-WCAG20/conformance.html#uc-web-page-head" xml:lang="en" lang="en">Understanding "Web Page"</a>.</p> </dd> <dt class="label">Automatiskt tydliggjord</dt> <dd><p>Ett flertal framgångskriterier kräver att innehåll (eller vissa aspekter av innehållet) ska vara "<a title="definition: automatiskt tydliggjort" href="#programmaticallydetermineddef" class="termref">automatiskt tydliggjort</a>." Det betyder att innehållet levereras på ett sätt så att <a title="definition: användarprogram" href="#useragentdef" class="termref">användarprogram</a>, även <a title="definition: hjälpmedel (som det används i detta dokument)" href="#atdef" class="termref">hjälpmedel</a>, kan extrahera och presentera denna information i olika former för användare. För mer information om detta, se <a href="https://www.w3.org/TR/Understanding-WCAG20/conformance.html#uc-programmatically-determined-head" xml:lang="en" lang="en">Understanding Programmatically Determined</a>. </p> </dd> <dt class="label">Stöd för tillgänglighet</dt> <dd><p>Att använda teknik på ett sätt som har stöd för tillgänglighet betyder att tekniken fungerar med hjälpmedel och tillgänglighetsfunktioner i operativsystem, webbläsare och andra användarprogram. Webbtekniker kan endast <a title="definition: förlitas på" href="#reliedupondef" class="termref">förlitas på</a> att uppfylla framgångskriterierna i WCAG 2.0 om de används på ett sätt så att de får " <a title="definition: stöd för tillgänglighet" href="#accessibility-supporteddef" class="termref">stöd för tillgänglighet</a>". Webbteknikerna kan användas på ett sätt som inte har stöd för tillgänglighet (som inte fungerar med hjälpmedel och så vidare) så länge man inte förlitar sig på att de ska uppfylla några framgångskriterier (det vill säga, att samma information eller funktionalitet finns tillgänglig på annat sätt som uppfyller framgångskriterierna).</p> <p>Definitionen av "Stöd för tillgänglighet" finns under sektionen <a href="#glossary">Bilaga A: Ordlista</a> i dessa riktlinjer. För mer information, se <a href="https://www.w3.org/TR/Understanding-WCAG20/conformance.html#uc-accessibility-support-head" xml:lang="en" lang="en">Understanding Accessibility Support</a>. </p> </dd> </dl> </div> </div> </div> <div class="body"> <div class="div1"> <h2><a name="guidelines" id="guidelines"></a> WCAG 2.0 Riktlinjer</h2> <p>Denna sektion är <a title="definition: normativ" href="#normativedef" class="termref">normativ</a>.</p> <div class="div2"> <h2 class="principle"><a name="perceivable" id="perceivable"></a> Princip 1: Möjlig att uppfatta – Information och komponenter i ett användargränssnitt måste presenteras för användare på sätt som de kan uppfatta. </h2> <div class="div3"> <div class="guideline"> <h3><a name="text-equiv" id="text-equiv"></a> Riktlinje 1.1 Textalternativ: Tillhandahåll alternativ i form av text till allt icke-textbaserat innehåll så att det kan konverteras till format som användarna behöver, till exempel stor stil, punktskrift, tal, symboler eller enklare språk.</h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/Understanding-WCAG20/text-equiv.html">Förstå riktlinje 1.1</a> </p> </div> <div class="req"> <div class="sc" id="text-equiv-all"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.1.1 Innehåll som inte är text:</strong> Allt <a title="definition: innehåll som inte är text" href="#non-text-contentdef" class="termref">innehåll som inte är text</a>, som presenteras för användaren har ett <a title="definition: textalternativ" href="#text-altdef" class="termref">textalternativ</a> med samma syfte, utom i de situationer som anges nedan. (Nivå A) </p> <ul> <li><p><strong class="sc-handle">Navigeringsmetod/funktion, inmatning: </strong> Om innehåll som inte är text är en navigeringsmetod/funktion eller accepterar inmatning från användare så ska den ha ett <a title="definition: namn" href="#namedef" class="termref">namn</a> som beskriver dess syfte. (Se <a href="#ensure-compat">Riktlinje 4.1</a> för ytterligare krav på navigeringsmetod/funktion och innehåll som accepterar inmatning från användare). </p> </li> <li><p><strong class="sc-handle">Tidsberoende media: </strong> Om innehåll som inte är text är tidsberoende media så ger ett textalternativ åtminstone en beskrivning av det innehåll som inte är text. (Se <a href="#media-equiv">Riktlinje 1.2</a> för ytterligare krav på media). </p> </li> <li><p><strong class="sc-handle">Test: </strong>Om innehåll som inte är text är ett test eller en övning som inte skulle fungera om det visades som <a title="definition: text" href="#textdef" class="termref">text</a>, så ger ett textalternativ åtminstone en beskrivning av det innehåll som inte är text. </p> </li> <li><p><strong class="sc-handle">Sensorisk: </strong> Om innehåll som inte är text främst är avsett för att ge en <a title="definition: specifik sensorisk upplevelse" href="#sensoryexpdef" class="termref">specifik sensorisk upplevelse</a> så ger ett textalternativ åtminstone en beskrivning av det innehåll som inte är text. </p> </li> <li><p><strong class="sc-handle"><a title="definition: CAPTCHA" href="#CAPTCHAdef" class="termref">CAPTCHA</a>: </strong>Om syftet med innehållet som inte är text är att bekräfta att en människa, snarare än en dator, försöker komma åt informationen så ska textalternativ som identifierar och beskriver syftet av innehållet tillhandahållas. Alternativa former av CAPTCHA, som använder sig av utmatningsmetoder för olika typer av sensorisk upplevelse, tillhandahålls för att tillgodose olika funktionsnedsättningar.</p> </li> <li><p><strong class="sc-handle">Dekoration, formatering, osynlig: </strong>Om innehåll som inte är text är <a title="definition: rent dekorativt" href="#puredecdef" class="termref">rent dekorativt</a>, bara används för visuell formatering eller inte presenteras för användare, så implementeras det på ett sätt så att det kan ignoreras av <a title="definition: hjälpmedel (som det används i detta dokument)" href="#atdef" class="termref">hjälpmedel</a>.</p> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-text-equiv-all" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.1.1">Hur man uppfyller 1.1.1</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/text-equiv-all.html" class="HTMlink" title="Förstå framgångskriterier 1.1.1">Förstå 1.1.1</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="media-equiv" id="media-equiv"></a> Riktlinje 1.2 Tidsberoende media: Tillhandahåll alternativ till tidsberoende media.</h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/Understanding-WCAG20/media-equiv.html">Förstå riktlinje 1.2</a></p> </div> <div class="req"> <div class="sc" id="media-equiv-av-only-alt"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.1 Enbart ljud och enbart video (Förinspelad):</strong> För <a title="definition: förinspelat" href="#prerecordeddef" class="termref">förinspelat</a> <a title="definition: ljud (enbart)" href="#audio-onlydef" class="termref">ljud (enbart)</a> och förinspelad <a title="definition: video-only" href="#video-onlydef" class="termref">video (enbart)</a> gäller följande, utom när ljudet eller videon är ett <a title="definition: mediealternativ till text" href="#multimedia-alt-textdef" class="termref">mediealternativ till text</a> och tydligt märkt som sådant: (Nivå A) </p> <ul> <li><p><strong class="sc-handle">Förinspelat ljud (enbart): </strong>Det finns ett <a title="definition: alternativ till tidsberoende media" href="#alt-time-based-mediadef" class="termref">alternativ till tidsberoende media</a> som presenterar information motsvarande det förinspelade ljudinnehållet.</p> </li> <li><p><strong class="sc-handle">Förinspelad video (enbart): </strong>Det finns antingen ett alternativ till tidsberoende media eller ett ljudspår som presenterar information motsvarande det förinspelade videoinnehållet.</p> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-av-only-alt" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.2.1">Hur man uppfyller 1.2.1</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/media-equiv-av-only-alt.html" class="HTMlink" title="Förstå framgångskriterier 1.2.1">Förstå 1.2.1</a></p> </div> </div> <div class="sc" id="media-equiv-captions"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.2 Textbeskrivningar (Förinspelade):</strong> Det finns <a title="definition: textbeskrivningar" href="#captionsdef" class="termref">textbeskrivningar</a> till allt <a title="definition: förinspelat" href="#prerecordeddef" class="termref">förinspelat</a> <a title="definition: ljud" href="#audiodef" class="termref">ljud</a> innehåll i <a title="definition: synkroniserad media" href="#synchronizedmediadef" class="termref">synkroniserad media</a>, utom när mediet är ett <a title="definition: mediealternativ till text" href="#multimedia-alt-textdef" class="termref">mediealternativ till text</a> och tydligt är märkt som sådant. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-captions" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.2.2">Hur man uppfyller 1.2.2</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/media-equiv-captions.html" class="HTMlink" title="Förstå framgångskriterier 1.2.2">Förstå 1.2.2</a></p> </div> </div> <div class="sc" id="media-equiv-audio-desc"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.3 Ljudbeskrivning eller mediealternativ (Förinspelat):</strong> Det finns ett <a title="definition: alternativ till tidsberoende media" href="#alt-time-based-mediadef" class="termref">alternativ till tidsberoende media</a> eller en <a title="definition: ljudbeskrivning" href="#audiodescdef" class="termref">ljudbeskrivning</a> av det <a title="definition: förinspelade" href="#prerecordeddef" class="termref">förinspelade</a> <a title="definition: video" href="#videodef" class="termref">video</a> innehållet i <a title="definition: synkroniserad media" href="#synchronizedmediadef" class="termref">synkroniserad media</a>, utom när mediet är ett <a title="definition: mediealternativ till text" href="#multimedia-alt-textdef" class="termref">mediealternativ till text</a> och tydligt är märkt som sådant. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-audio-desc" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.2.3">Hur man uppfyller 1.2.3</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/media-equiv-audio-desc.html" class="HTMlink" title="Förstå framgångskriterier 1.2.3">Förstå 1.2.3</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="media-equiv-real-time-captions"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.4 Textbeskrivningar (direktsända):</strong> Det finns <a title="definition: textbeskrivningar" href="#captionsdef" class="termref">textbeskrivningar</a> av allt <a title="definition: direktsänt" href="#livedef" class="termref">direktsänt</a> <a title="definition: ljud" href="#audiodef" class="termref">ljud</a>innehåll i <a title="definition: synkroniserad media" href="#synchronizedmediadef" class="termref">synkroniserad media</a>. (Nivå AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-real-time-captions" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.2.4">Hur man uppfyller 1.2.4</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/media-equiv-real-time-captions.html" class="HTMlink" title="Förstå framgångskriterier 1.2.4">Förstå 1.2.4</a></p> </div> </div> <div class="sc" id="media-equiv-audio-desc-only"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.5 Ljudbeskrivning (förinspelad):</strong> Det finns <a title="definition: ljudbeskrivningar" href="#audiodescdef" class="termref">ljudbeskrivningar</a> av allt <a title="definition: förinspelat" href="#prerecordeddef" class="termref">förinspelat</a> <a title="definition: video" href="#videodef" class="termref">video</a>innehåll i <a title="definition: synkroniserad media" href="#synchronizedmediadef" class="termref">synkroniserad media</a>. (Nivå AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-audio-desc-only" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.2.5">Hur man uppfyller 1.2.5</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/media-equiv-audio-desc-only.html" class="HTMlink" title="Förstå framgångskriterier 1.2.5">Förstå 1.2.5</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="media-equiv-sign"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.6 Teckenspråk (förinspelat):</strong> Det finns <a title="definition: teckenspråksöversättningar" href="#sign-languageinterpdef" class="termref">teckenspråksöversättningar</a> av allt <a title="definition: förinspelat" href="#prerecordeddef" class="termref">förinspelat</a> <a title="definition: ljud" href="#audiodef" class="termref">ljud</a> innehåll i <a title="definition: synkroniserad media" href="#synchronizedmediadef" class="termref">synkroniserad media</a>. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-sign" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.2.6">Hur man uppfyller 1.2.6</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/media-equiv-sign.html" class="HTMlink" title="Förstå framgångskriterier 1.2.6">Förstå 1.2.6</a></p> </div> </div> <div class="sc" id="media-equiv-extended-ad"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.7 Utökad ljudbeskrivning (förinspelad):</strong> Där pauser i förgrundsljudet inte räcker för att skapa en <a title="definition: ljudbeskrivning" href="#audiodescdef" class="termref">ljudbeskrivning</a> som förmedlar meningen med videon, så finns en <a title="definition: utökad ljudbeskrivning" href="#extended-addef" class="termref">utökad ljudbeskrivning</a> av allt <a title="definition: förinspelat" href="#prerecordeddef" class="termref">förinspelat</a> <a title="definition: video" href="#videodef" class="termref">video</a>innehåll i <a title="definition: synkroniserad media" href="#synchronizedmediadef" class="termref">synkroniserad media</a>. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-extended-ad" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.2.7">Hur man uppfyller 1.2.7</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/media-equiv-extended-ad.html" class="HTMlink" title="Förstå framgångskriterier 1.2.7">Förstå 1.2.7</a></p> </div> </div> <div class="sc" id="media-equiv-text-doc"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.8 Mediealternativ (förinspelat):</strong> Det finns ett <a title="definition: alternativ till tidsberoende media" href="#alt-time-based-mediadef" class="termref">alternativ till tidsberoende media</a> av all <a title="definition: förinspelad" href="#prerecordeddef" class="termref">förinspelad</a> <a title="definition: synkroniserad media" href="#synchronizedmediadef" class="termref">synkroniserad media</a> och för alla förinspelade <a title="definition: videos (enbart)" href="#video-onlydef" class="termref">videos (enbart)</a>. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-text-doc" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.2.8">Hur man uppfyller 1.2.8</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/media-equiv-text-doc.html" class="HTMlink" title="Förstå framgångskriterier 1.2.8">Förstå 1.2.8</a></p> </div> </div> <div class="sc" id="media-equiv-live-audio-only"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.2.9 Enbart ljud (direktsänt):</strong> Det finns ett <a title="definition: alternativ till tidsberoende media" href="#alt-time-based-mediadef" class="termref">alternativ till tidsberoende media</a> som presenterar information motsvarande <a title="definition: direktsänt" href="#livedef" class="termref">direktsänt</a> <a title="definition: ljudinnehåll (enbart)" href="#audio-onlydef" class="termref">ljudinnehåll (enbart)</a>. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-live-audio-only" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.2.9">Hur man uppfyller 1.2.9</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/media-equiv-live-audio-only.html" class="HTMlink" title="Förstå framgångskriterier 1.2.9">Förstå 1.2.9</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="content-structure-separation" id="content-structure-separation"></a> Riktlinje 1.3 Anpassningsbart: Skapa innehåll som kan presenteras på olika sätt (exempelvis med enklare layout) utan att information eller struktur går förlorad.</h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/Understanding-WCAG20/content-structure-separation.html">Förstå riktlinje 1.3</a></p> </div> <div class="req"> <div class="sc" id="content-structure-separation-programmatic"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.3.1 Information och relationer:</strong> Information, <a title="definition: struktur" href="#structuredef" class="termref">struktur</a>, och <a title="definition: relationer" href="#relationshipsdef" class="termref">relationer</a> som förmedlas genom <a title="definition: presentation" href="#presentationdef" class="termref">presentation</a> kan bli <a title="definition: automatiskt tydliggjord (kan automatiskt tydliggöras)" href="#programmaticallydetermineddef" class="termref">automatiskt tydliggjord</a> eller finnas som text. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-programmatic" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.3.1">Hur man uppfyller 1.3.1</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/content-structure-separation-programmatic.html" class="HTMlink" title="Förstå framgångskriterier 1.3.1">Förstå 1.3.1</a></p> </div> </div> <div class="sc" id="content-structure-separation-sequence"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.3.2 Meningsfull ordning:</strong> När meningen med innehållet påverkas av ordningen det presenteras i, kan en <a title="definition: logisk läsordning" href="#correct-reading-sequencedef" class="termref">logisk läsordning</a> bli <a title="definition: automatiskt tydliggjord (kan automatiskt tydliggöras)" href="#programmaticallydetermineddef" class="termref">automatiskt tydliggjord</a>. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-sequence" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.3.2">Hur man uppfyller 1.3.2</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/content-structure-separation-sequence.html" class="HTMlink" title="Förstå framgångskriterier 1.3.2">Förstå 1.3.2</a></p> </div> </div> <div class="sc" id="content-structure-separation-understanding"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.3.3 Sensoriska kännetecken:</strong> Instruktioner för att förstå och styra innehåll är inte enbart beroende av sensoriska kännetecken såsom form, storlek, visuell placering, orientering eller ljud. (Nivå A) </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>För krav som har med färg att göra, se <a href="#visual-audio-contrast">Riktlinje 1.4</a>.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-understanding" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.3.3">Hur man uppfyller 1.3.3</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/content-structure-separation-understanding.html" class="HTMlink" title="Förstå framgångskriterier 1.3.3">Förstå 1.3.3</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="visual-audio-contrast" id="visual-audio-contrast"></a> Riktlinje 1.4 Urskiljbart: Gör det enklare för användare att se och höra innehåll, bland annat genom att skilja förgrund från bakgrund.</h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/Understanding-WCAG20/visual-audio-contrast.html">Förstå riktlinje 1.4</a></p> </div> <div class="req"> <div class="sc" id="visual-audio-contrast-without-color"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.1 Användning av färger:</strong> Färg används inte som det enda visuella sättet att förmedla information, indikera en handling, fråga om återkoppling eller särskilja ett visuellt element. (Nivå A) </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Detta framgångskriterium tar specifikt upp färgperception. Andra typer av perception behandlas i <a href="#content-structure-separation">Riktlinje 1.3</a> inklusive automatisk åtkomst av kod för färg och annan visuell presentation.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-without-color" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.4.1">Hur man uppfyller 1.4.1</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/visual-audio-contrast-without-color.html" class="HTMlink" title="Förstå framgångskriterier 1.4.1">Förstå 1.4.1</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-dis-audio"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.2 Kontroll av ljud:</strong> Om något ljud på en webbsida automatiskt spelas i mer än tre sekunder så ska det antingen finnas en <a title="definition: metod/funktion" href="#mechanismdef" class="termref">metod/funktion</a> för att pausa eller stoppa ljudet, eller en metod/funktion för att ändra ljudnivån. Denna kontroll ska vara oberoende av systemets ordinarie volymkontroll. (Nivå A) </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Eftersom innehåll som inte uppfyller detta framgångskriterium kan hindra en användares möjlighet att använda hela sidan, så måste allt innehåll på webbsidan uppfylla detta framgångskriterium (oavsett om innehållet används för att uppfylla andra framgångskriterier eller inte). Se <a href="#cc5">Uppfyllnadskrav 5: inte störande</a>.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-dis-audio" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.4.2">Hur man uppfyller 1.4.2</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/visual-audio-contrast-dis-audio.html" class="HTMlink" title="Förstå framgångskriterier 1.4.2">Förstå 1.4.2</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="visual-audio-contrast-contrast"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.3 Kontrast (minimum):</strong> <span>Den visuella presentationen av </span><a title="definition: text" href="#textdef" class="termref">text</a> och <a title="definition: text i form av bild" href="#images-of-textdef" class="termref">text i form av bild</a> har ett <a title="definition: contrast ratio" href="#contrast-ratiodef" class="termref">kontrastvärde</a> på minst 4,5:1 med följande undantag: (Nivå AA) </p> <ul> <li><p><strong class="sc-handle">Stor text: </strong> <a title="definition: Stor text/ Stor stil" href="#larger-scaledef" class="termref">Text i stor stil</a> och bilder av text i stor stil har ett kontrastvärde på minst 3:1.</p> </li> <li><p><strong class="sc-handle">Oväsentlig: </strong> Text eller text i form av bild som är en del av en inaktiv <a title="definition: komponent i ett användargränssnitt" href="#user-interface-componentdef" class="termref">komponent i ett användargränssnitt</a> är <a title="definition: rent dekorativ" href="#puredecdef" class="termref">rent dekorativ</a>, inte är synlig för någon, eller är en del av en bild som innehåller annat viktigt visuellt innehåll, har inga krav vad gäller kontrast.</p> </li> <li><p><strong class="sc-handle">Logotyper: </strong> Text som är en del av en logotyp eller ett varumärke har inget minimikrav vad gäller kontrast.</p> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-contrast" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.4.3">Hur man uppfyller 1.4.3</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/visual-audio-contrast-contrast.html" class="HTMlink" title="Förstå framgångskriterier 1.4.3">Förstå 1.4.3</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-scale"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.4 Förändring av textstorlek: </strong> Förutom för <a title="definition: textbeskrivningar" href="#captionsdef" class="termref">textbeskrivningar</a> och <a title="definition: text i form av bild" href="#images-of-textdef" class="termref">text i form av bild</a>, så kan <a title="definition: text" href="#textdef" class="termref">text</a> förstoras utan <a title="definition: hjälpmedel (på det sätt som det används i detta dokument)" href="#atdef" class="termref">hjälpmedel</a> upp till 200 procent utan att användaren förlorar innehåll eller funktionalitet. (Nivå AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-scale" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.4.4">Hur man uppfyller 1.4.4</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/visual-audio-contrast-scale.html" class="HTMlink" title="Förstå framgångskriterier 1.4.4">Förstå 1.4.4</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-text-presentation"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.5 Text i form av bild:</strong> Om den teknik som används kan skapa den visuella presentationen så ska <a title="definition: text" href="#textdef" class="termref">text</a> användas för att förmedla information hellre än <a title="definition: text i form av bild" href="#images-of-textdef" class="termref">text i form av bild</a>, med följande undantag: (Nivå AA) </p> <ul> <li><p><strong>Anpassningsbar:</strong> Texten i form av bild kan bli <a title="definition: visuellt anpassad" href="#visually-customizeddef" class="termref">visuellt anpassad</a> efter användarens krav.</p> </li> <li><p><strong>Avgörande betydelse:</strong> En utförlig presentation i form av text har <a title="definition: avgörande betydelse" href="#essentialdef" class="termref">avgörande betydelse</a> för att förmedla informationen.</p> </li> </ul> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Logotyper (text som är en del av en logotyp eller ett varunamn) anses ha avgörande betydelse.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-text-presentation" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.4.5">Hur man uppfyller 1.4.5</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/visual-audio-contrast-text-presentation.html" class="HTMlink" title="Förstå framgångskriterier 1.4.5">Förstå 1.4.5</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="visual-audio-contrast7"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.6 Kontrast (utökad):</strong> <span>Den visuella presentationen av </span><a title="definition: text" href="#textdef" class="termref">text</a> och <a title="definition: text i form av bild" href="#images-of-textdef" class="termref">text i form av bild</a> har ett <a title="definition: kontrastvärde" href="#contrast-ratiodef" class="termref">kontrastvärde</a> på minst 7:1, med följande undantag: (Nivå AAA) </p> <ul> <li><p><strong class="sc-handle">Stor Text/ Stor stil: </strong> <a title="definition: Stor text/ Stor stil" href="#larger-scaledef" class="termref">Stor text/ Stor stil</a> och stor text i form av bilder har ett kontrastvärde på minst 4,5:1.</p> </li> <li><p><strong class="sc-handle">Oväsentlig: </strong> Text eller text i form av bild som är en del av en inaktiv <a title="definition: komponent i ett användargränssnitt" href="#user-interface-componentdef" class="termref">komponent i ett användargränssnitt</a>, är <a title="definition: rent dekorativ" href="#puredecdef" class="termref">rent dekorativ</a>, inte är synlig för någon, eller är en del av en bild som innehåller annat viktigt visuellt innehåll, har inga krav vad gäller kontrast.</p> </li> <li><p><strong class="sc-handle">Logotyper: </strong> Text som är en del av en logotyp eller ett varumärke har inget minimikrav vad gäller kontrast.</p> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast7" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.4.6">Hur man uppfyller 1.4.6</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/visual-audio-contrast7.html" class="HTMlink" title="Förstå framgångskriterier 1.4.6">Förstå 1.4.6</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-noaudio"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.7 Lågt eller inget bakgrundsljud:</strong> För <a title="definition: förinspelat" href="#prerecordeddef" class="termref">förinspelat</a> <a title="definition: ljud" href="#audio-onlydef" class="termref">ljud</a> innehåll (1) som i första hand innehåller tal i förgrunden, (2) som inte är en ljud-<a title="definition: CAPTCHA" href="#CAPTCHAdef" class="termref">CAPTCHA</a> eller en ljudlogotyp och (3) som inte i första hand är ett musikaliskt uttryck såsom sång eller rapp, gäller minst ett av följande: (Nivå AAA) </p> <ul> <li><p><strong class="sc-handle">Inget bakgrundsljud: </strong>Ljudet innehåller inget bakgrundsljud.</p> </li> <li><p><strong class="sc-handle">Stänga av: </strong>Bakgrundsljudet går att stänga av.</p> </li> <li><p><strong class="sc-handle">20 dB: </strong> Bakgrundsljudet är minst 20 decibel lägre än det talade förgrundsljudet med undantag för enstaka ljud som varar i endast en eller två sekunder.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Enligt definition av "decibel" så är bakgrundsljudet som uppfyller detta krav ungefär fyra gånger lägre än det talade förgrundsljudet. </p> </div> </li> </ul> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-noaudio" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.4.7">Hur man uppfyller 1.4.7</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/visual-audio-contrast-noaudio.html" class="HTMlink" title="Förstå framgångskriterier 1.4.7">Förstå 1.4.7</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-visual-presentation"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.8 Visuell Presentation:</strong> För den visuella presentationen av <a title="definition: textblock" href="#blockstextdef" class="termref">textblock</a>, finns en <a title="definition: metod/funktion" href="#mechanismdef" class="termref">metod/funktion</a> för att uppnå följande: (Nivå AAA) </p> <ol class="enumar"> <li><p>Förgrunds- och bakgrundsfärger kan väljas av användaren.</p> </li> <li><p>Spaltbredden överstiger inte 80 tecken eller glyfer (40 om <acronym title="kinesiska, japanska eller koreanska">CJK</acronym>).</p> </li> <li><p>Texten har inte marginaljusterats (det får inte vara både rak vänster- och rak högermarginal).</p> </li> <li><p>Radavstånd är minst 1,5 inom stycken och avståndet mellan stycken är minst 1,5 gånger större än radavståndet.</p> </li> <li><p>Textstorlek kan förändras utan hjälpmedel upp till 200 procent på ett sätt som inte kräver att användaren behöver scrolla horisontellt för att läsa en textrad i <a title="definition: ett helskärmsfönster" href="#fullscreenwindowdef" class="termref">ett helskärmsfönster</a>.</p> </li> </ol> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-visual-presentation" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.4.8">Hur man uppfyller 1.4.8</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/visual-audio-contrast-visual-presentation.html" class="HTMlink" title="Förstå framgångskriterier 1.4.8">Förstå 1.4.8</a></p> </div> </div> <div class="sc" id="visual-audio-contrast-text-images"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">1.4.9 Text i form av bild (utan undantag):</strong> <a title="definition: text i form av bild" href="#images-of-textdef" class="termref">Text i form av bild</a> används enbart <a title="definition: rent dekorativt" href="#puredecdef" class="termref">rent dekorativt</a> eller när en särskild presentation av <a title="definition: text" href="#textdef" class="termref">text</a> är av <a title="definition: avgörande betydelse" href="#essentialdef" class="termref">avgörande betydelse</a> för informationen som förmedlas. (Nivå AAA) </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Logotyper (text som är en del av en logotyp eller ett varumärke) anses vara av avgörande betydelse.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-text-images" class="HTMlink" title="Hur man uppfyller framgångskriterier 1.4.9">Hur man uppfyller 1.4.9</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/visual-audio-contrast-text-images.html" class="HTMlink" title="Förstå framgångskriterier 1.4.9">Förstå 1.4.9</a></p> </div> </div> </div> </div> </div> <div class="div2"> <h2 class="principle"><a name="operable" id="operable"></a>Princip 2: Hanterbar - Komponenter i ett användargränssnitt och navigering måste vara hanterbara.</h2> <div class="div3"> <div class="guideline"> <h3><a name="keyboard-operation" id="keyboard-operation"></a> Riktlinje 2.1 Tillgängligt via tangentbord: All funktionalitet ska vara åtkomlig med ett tangentbord. </h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/Understanding-WCAG20/keyboard-operation.html">Förstå riktlinje 2.1</a></p> </div> <div class="req"> <div class="sc" id="keyboard-operation-keyboard-operable"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.1.1 Tangentbord:</strong> All <a title="definition: funktionalitet" href="#functiondef" class="termref">funktionalitet</a> är hanterbar via ett <a title="definition: gränssnitt för tangentbord interface" href="#keybrd-interfacedef" class="termref">gränssnitt för tangentbord</a> utan att det krävs särskild timing för varje enskild tangenttryckning. Detta gäller med undantag för när den underliggande funktionaliteten kräver inmatning som är beroende av mönstret som skapas av användarens rörelser och inte bara slutpunkterna. (Nivå A) </p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Detta undantag gäller den underliggande funktionaliteten, inte sättet man matar in information. Om man exempelvis använder handskrift för att mata in text så kräver inmatningstekniken (handskrivning) mönsterberoende inmatning, men den underliggande funktionaliteten (textinmatning) kräver inte det.</p> <p class="prefix"><em>Anmärkning 2: </em>Detta förbjuder inte, och ska inte avskräcka från, att också använda styrning via mus eller andra inmatningsmetoder utöver tangentbordsstyrning.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-keyboard-operable" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.1.1">Hur man uppfyller 2.1.1</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/keyboard-operation-keyboard-operable.html" class="HTMlink" title="Förstå framgångskriterier 2.1.1">Förstå 2.1.1</a></p> </div> </div> <div class="sc" id="keyboard-operation-trapping"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.1.2 Ingen tangentbordsfälla:</strong> Om tangentbordsfokus kan flyttas till en komponent på webbsidan via ett <a title="definition: gränssnitt för tangentbord" href="#keybrd-interfacedef" class="termref">gränssnitt för tangentbord</a> så kan också fokus flyttas bort från samma komponent med hjälp av ett gränssnitt för tangentbord. Om det krävs något mer än vanliga piltangenter, tabbtangenter eller andra standardiserade avslutningsmetoder för att flytta bort fokus så ska användaren informeras om hur det går till. (Nivå A) </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Eftersom innehåll som inte uppfyller detta framgångskriterium kan hindra en användares möjlighet att använda hela sidan, så måste allt innehåll på webbsidan uppfylla detta framgångskriterium (oavsett om innehållet används för att uppfylla andra framgångskriterier eller inte). Se <a href="#cc5">Uppfyllnadskrav 5: inte störande</a>.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-trapping" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.1.2">Hur man uppfyller 2.1.2</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/keyboard-operation-trapping.html" class="HTMlink" title="Förstå framgångskriterier 2.1.2">Förstå 2.1.2</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="keyboard-operation-all-funcs"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.1.3 Tangentbord (utan undantag):</strong> All <a title="definition: funktionalitet" href="#functiondef" class="termref">funktionalitet</a> kan styras via ett <a title="definition: gränssnitt för tangentbord" href="#keybrd-interfacedef" class="termref">gränssnitt för tangentbord</a> utan att det krävs särskild timing för varje tangenttryckning. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-all-funcs" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.1.3">Hur man uppfyller 2.1.3</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/keyboard-operation-all-funcs.html" class="HTMlink" title="Förstå framgångskriterier 2.1.3">Förstå 2.1.3</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="time-limits" id="time-limits"></a> Riktlinje 2.2 Tillräckligt med tid: Ge användaren tillräckligt med tid för att läsa och använda innehållet. </h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/Understanding-WCAG20/time-limits.html">Förstå riktlinje 2.2</a></p> </div> <div class="req"> <div class="sc" id="time-limits-required-behaviors"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.1 Justerbar tidsgräns:</strong> För varje satt tidsgräns gäller minst ett av följande: (Nivå A) </p> <ul> <li><p><strong class="sc-handle">Stänga av: </strong>Användaren tillåts stänga av tidsgränsen i förväg, eller </p> </li> <li><p><strong class="sc-handle">Anpassa: </strong>Användaren tillåts justera tidsgränsen i förväg över ett brett intervall som är minst 10 gånger längden på den ursprungliga inställningen, eller</p> </li> <li><p><strong class="sc-handle">Utöka: </strong>Användaren varnas innan tiden går ut och ges minst 20 sekunder för att förlänga tidsgränsen genom en enkel handling (t ex "tryck ner mellanslagstangenten"). Användaren tillåts förlänga tidsgränsen åtminstone 10 gånger, eller</p> </li> <li><p><strong class="sc-handle">Undantag: realtid: </strong>Tidsgränsen är nödvändig för händelser i realtid (t ex auktioner), och inga alternativ till tidsgränsen är möjliga, eller</p> </li> <li><p><strong class="sc-handle">Undantag: avgörande betydelse: </strong>: Tidsgränsen har <a title="definition: avgörande betydelse" href="#essentialdef" class="termref">avgörande betydelse</a> och att förlänga den skulle göra hela aktiviteten ogiltig, eller </p> </li> <li><p><strong class="sc-handle">Undantag: 20 timmar: </strong>Tidsgränsen är längre än 20 timmar. </p> </li> </ul> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Detta framgångskriterium säkerställer att användarna kan fullfölja uppgifter utan oväntade förändringar av innehåll eller sammanhang som är resultatet av en tidsgräns. Detta framgångskriterium ska beaktas i samband med <a href="#consistent-behavior-receive-focus">framgångskriterium 3.2.1</a>, vilket sätter gränser för förändringar av innehåll eller sammanhang som är resultatet av användarnas agerande.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-required-behaviors" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.2.1">Hur man uppfyller 2.2.1</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/time-limits-required-behaviors.html" class="HTMlink" title="Förstå framgångskriterier 2.2.1">Förstå 2.2.1</a></p> </div> </div> <div class="sc" id="time-limits-pause"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.2 Paus, Stopp, Dölj:</strong> För information som rör sig, <a title="definition: blinkar" href="#blinksdef" class="termref">blinkar</a>, rullar eller uppdateras automatiskt gäller samtliga punkter: (Nivå A) </p> <ul> <li><p><strong class="sc-handle">Rörelse, blinkning, rullning (scrolling): </strong> För varje rörelse, blinkning eller rullning som (1) startar automatiskt, (2) pågår i mer än 5 sekunder, och (3) presenteras tillsammans med annat innehåll, finns det en metod/funktion för att <a title="definition: pausa" href="#pauseddef" class="termref">pausa</a>, stoppa eller dölja dessa, så länge inte rörelsen, blinkningen eller rullningen har en <a title="definition: avgörande betydelse" href="#essentialdef" class="termref">avgörande betydelse</a> för en aktivitet, och </p> </li> <li><p><strong class="sc-handle">Automatisk uppdatering: </strong>För automatiskt uppdaterad information som (1) startar automatiskt och (2) presenteras tillsammans med annat innehåll finns det en metod/funktion för att pausa, stoppa eller dölja den eller en metod/funktion för att kontrollera uppdateringsfrekvensen. Detta gäller förutom om den automatiska uppdateringen har en avgörande betydelse för en aktivitet.</p> </li> </ul> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>För krav som rör flimmer, se <a href="#seizure">Riktlinje 2.3</a>.</p> <p class="prefix"><em>Anmärkning 2: </em>Eftersom innehåll som inte uppfyller detta framgångskriterium kan hindra en användares möjlighet att använda hela sidan, så måste allt innehåll på webbsidan uppfylla detta framgångskriterium (oavsett om innehållet används för att uppfylla andra framgångskriterier eller inte). Se <a href="#cc5">Uppfyllnadskrav 5: inte störande</a>.</p> <p class="prefix"><em>Anmärkning 3: </em>I innehåll som uppdateras av mjukvara inom vissa intervall eller som strömmas till användarprogrammet behöver inte informationen som genererats eller tagits emot under pausen sparas eller presenteras, då detta kan vara tekniskt omöjligt och i många situationer missvisande. </p> <p class="prefix"><em>Anmärkning 4: </em>En animation som är en del av en inladdningsfas eller liknande, kan betraktas ha avgörande betydelse om användarna inte kan interagera under den fasen och om utebliven visualisering av processen skulle kunna förvirra användarna eller få dem att tro att innehållet har "frusit" eller att koppningen mot innehållet har brutits.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-pause" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.2.2">Hur man uppfyller 2.2.2</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/time-limits-pause.html" class="HTMlink" title="Förstå framgångskriterier 2.2.2">Förstå 2.2.2</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="time-limits-no-exceptions"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.3 Inga tidsgränser:</strong> Tidsgränsen är inte en <a title="definition: avgörande" href="#essentialdef" class="termref">avgörande</a> del av den händelse eller aktivitet som presenterats via innehållet, med undantag för icke-interaktiva <a title="definition: synkroniserade medier" href="#synchronizedmediadef" class="termref">synkroniserade medier</a> och <a title="definition: händelser i realtid" href="#real-time-eventsdef" class="termref">händelser i realtid</a>. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-no-exceptions" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.2.3">Hur man uppfyller 2.2.3</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/time-limits-no-exceptions.html" class="HTMlink" title="Förstå framgångskriterier 2.2.3">Förstå 2.2.3</a></p> </div> </div> <div class="sc" id="time-limits-postponed"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.4 Avbrott:</strong> Avbrott kan skjutas upp eller förhindras av användaren med undantag för avbrott på grund av <a title="definition: nödfall" href="#emergencydef" class="termref">nödfall</a>. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-postponed" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.2.4">Hur man uppfyller 2.2.4</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/time-limits-postponed.html" class="HTMlink" title="Förstå framgångskriterier 2.2.4">Förstå 2.2.4</a></p> </div> </div> <div class="sc" id="time-limits-server-timeout"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.2.5 Återautentisering:</strong> När en session som kräver autentisering löper ut, kan användaren fortsätta aktiviteten utan att förlora data, efter återautentiseringen. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-server-timeout" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.2.5">Hur man uppfyller 2.2.5</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/time-limits-server-timeout.html" class="HTMlink" title="Förstå framgångskriterier 2.2.5">Förstå 2.2.5</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="seizure" id="seizure"></a> Riktlinje 2.3 Krampanfall: Designa inte innehåll på ett sätt som kan orsaka krampanfall.</h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/Understanding-WCAG20/seizure.html">Förstå riktlinje 2.3</a></p> </div> <div class="req"> <div class="sc" id="seizure-does-not-violate"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.3.1 Tre flimmer eller under tröskelvärde:</strong> <a title="definition: Webbsidor" href="#webpagedef" class="termref">Webbsidor</a> innehåller inget som flimrar mer än tre gånger under en ensekundsperiod, eller så ligger <a title="definition: flimret" href="#flash-def" class="termref">flimret</a> under de <a title="definition: generella tröskelvärdena för flimmer och rött flimmer" href="#general-thresholddef" class="termref">generella tröskelvärdena för flimmer och rött flimmer</a>. (Nivå A) </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>: Eftersom innehåll som inte uppfyller detta framgångskriterium kan hindra en användares möjlighet att använda hela sidan, så måste allt innehåll på webbsidan uppfylla detta framgångskriterium (oavsett om innehållet används för att uppfylla andra framgångskriterier eller inte). Se <a href="#cc5">Uppfyllnadskrav 5: inte störande</a>.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-seizure-does-not-violate" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.3.1">Hur man uppfyller 2.3.1</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/seizure-does-not-violate.html" class="HTMlink" title="Förstå framgångskriterier 2.3.1">Förstå 2.3.1</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="seizure-three-times"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.3.2 Tre flimmer:</strong> <a title="definition: Webbsidor" href="#webpagedef" class="termref">Webbsidor</a> innehåller inget som <a title="definition: flimrar" href="#flash-def" class="termref">flimrar</a> mer än tre gånger under en ensekundsperiod. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-seizure-three-times" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.3.2">Hur man uppfyller 2.3.2</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/seizure-three-times.html" class="HTMlink" title="Förstå framgångskriterier 2.3.2">Förstå 2.3.2</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="navigation-mechanisms" id="navigation-mechanisms"></a> Riktlinje 2.4 Navigerbart: Tillhandahåll sätt att hjälpa användarna att navigera, hitta innehåll och avgöra var de är. </h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/Understanding-WCAG20/navigation-mechanisms.html">Förstå riktlinje 2.4</a></p> </div> <div class="req"> <div class="sc" id="navigation-mechanisms-skip"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.1 Hoppa över grupperat innehåll:</strong> En <a title="definition: metod/funktion" href="#mechanismdef" class="termref">metod/funktion</a> finns tillgänglig för att hoppa över grupperat innehåll som upprepas på flera <a title="definition: webbsidor" href="#webpagedef" class="termref">webbsidor</a>. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-skip" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.4.1">Hur man uppfyller 2.4.1</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/navigation-mechanisms-skip.html" class="HTMlink" title="Förstå framgångskriterier 2.4.1">Förstå 2.4.1</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-title"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.2 Sidans titel:</strong> <a title="definition: Webbsidor" href="#webpagedef" class="termref">Webbsidor</a> har titlar som beskriver ämne eller syfte. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-title" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.4.2">Hur man uppfyller 2.4.2</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/navigation-mechanisms-title.html" class="HTMlink" title="Förstå framgångskriterier 2.4.2">Förstå 2.4.2</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-focus-order"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.3 Fokusordning:</strong>: Om man kan <a title="definition: navigera sekventiellt" href="#nav-seqdef" class="termref" shape="rect">navigera stegvis</a> på en <a title="definition: webbsida" href="#webpagedef" class="termref">webbsida</a> och navigeringsordningen påverkar betydelse eller användning, så ska fokuserbara komponenter få fokus i en ordning som bevarar betydelse och användning. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-focus-order" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.4.3">Hur man uppfyller 2.4.3</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/navigation-mechanisms-focus-order.html" class="HTMlink" title="Förstå framgångskriterier 2.4.3">Förstå 2.4.3</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-refs"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.4 Syftet med en länk (i sammanhanget):</strong> <a title="definition: Syftet med varje länk" href="#linkpurposedef" class="termref">Syftet med varje länk</a> framgår av länktexten i sig själv eller av länktexten tillsammans med sitt <a title="definition: automatiskt tydliggjorda länksammanhang" href="#pdlinkcontextdef" class="termref">automatiskt tydliggjorda länksammanhang</a>, utom då syftet med länken skulle vara <a title="definition: tvetydigt för användare i allmänhet" href="#ambiguouslinkdef" class="termref" shape="rect">tvetydigt för användare i allmänhet</a>. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-refs" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.4.4">Hur man uppfyller 2.4.4</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/navigation-mechanisms-refs.html" class="HTMlink" title="Förstå framgångskriterier 2.4.4">Förstå 2.4.4</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="navigation-mechanisms-mult-loc"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.5 Flera olika sätt:</strong> Det finns mer är ett sätt att hitta en <a title="definition: webbsida" href="#webpagedef" class="termref">webbsida</a> inom en <a title="definition: uppsättning av webbsidor" href="#set-of-web-pagesdef" class="termref">uppsättning av webbsidor</a>, utom när webbsidan är ett resultat av eller ett steg i en <a title="definition: process" href="#processdef" class="termref">process</a>. (Nivå AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-mult-loc" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.4.5">Hur man uppfyller 2.4.5</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/navigation-mechanisms-mult-loc.html" class="HTMlink" title="Förstå framgångskriterier 2.4.5">Förstå 2.4.5</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-descriptive"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.6 Rubriker och ledtexter/etiketter:</strong> Rubriker och <a title="definition: ledtexter/etiketter" href="#labeldef" class="termref">ledtexter/etiketter</a> beskriver ämne eller syfte. (Nivå AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-descriptive" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.4.6">Hur man uppfyller 2.4.6</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/navigation-mechanisms-descriptive.html" class="HTMlink" title="Förstå framgångskriterier 2.4.6">Förstå 2.4.6</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-focus-visible"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.7 Synligt fokus:</strong> Användargränssnitt som styrs via tangentbord har ett sätt att visa var fokus är vid tangentbordsnavigering. (Nivå AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-focus-visible" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.4.7">Hur man uppfyller 2.4.7</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/navigation-mechanisms-focus-visible.html" class="HTMlink" title="Förstå framgångskriterier 2.4.7">Förstå 2.4.7</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="navigation-mechanisms-location"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.8 Var användaren är:</strong> Det finns information om var användaren är inom en <a title="definition: uppsättning av webbsidor" href="#set-of-web-pagesdef" class="termref">uppsättning av webbsidor</a>. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-location" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.4.8">Hur man uppfyller 2.4.8</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/navigation-mechanisms-location.html" class="HTMlink" title="Förstå framgångskriterier 2.4.8">Förstå 2.4.8</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-link"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.9 Syftet med en länk (enbart länk):</strong> Det finns en <a title="definition: metod/funktion" href="#mechanismdef" class="termref">metod/funktion</a> som gör att varje länks syfte framgår av länktexten i sig själv, utom då syftet med länken skulle vara <a title="definition: tvetydigt för användare i allmänhet" href="#ambiguouslinkdef" class="termref" shape="rect">tvetydigt för användare i allmänhet</a>. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-link" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.4.9">Hur man uppfyller 2.4.9</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/navigation-mechanisms-link.html" class="HTMlink" title="Förstå framgångskriterier 2.4.9">Förstå 2.4.9</a></p> </div> </div> <div class="sc" id="navigation-mechanisms-headings"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">2.4.10 Avdelningsrubriker:</strong> <a title="definition: Avdelning" href="#sectiondef" class="termref">Avdelning</a>srubriker används för att strukturera innehållet. (Nivå AAA) </p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>"Rubrik" används här i sin generella betydelse och innefattar titlar och andra sätt att lägga till en rubrik för olika typer av innehåll. </p> <p class="prefix"><em>Anmärkning 2: </em>Detta framgångskriterium behandlar redaktionellt innehåll, inte <a title="definition: komponenter i ett användargränssnitt" href="#user-interface-componentdef" class="termref">komponenter i ett användargränssnitt</a>. Komponenter i ett användargränssnitt behandlas under <a href=".#ensure-compat-rsv">framgångskriterier 4.1.2</a>.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-headings" class="HTMlink" title="Hur man uppfyller framgångskriterier 2.4.10">Hur man uppfyller 2.4.10</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/navigation-mechanisms-headings.html" class="HTMlink" title="Förstå framgångskriterier 2.4.10">Förstå 2.4.10</a></p> </div> </div> </div> </div> </div> <div class="div2"> <h2 class="principle"><a name="understandable" id="understandable"></a>Princip 3: Begriplig - Information och hantering av användargränssnitt måste vara begriplig.</h2> <div class="div3"> <div class="guideline"> <h3><a name="meaning" id="meaning"></a> Riktlinje 3.1 Läsbart: Gör textinnehåll läsbart och begripligt. </h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/Understanding-WCAG20/meaning.html">Förstå riktlinje 3.1</a></p> </div> <div class="req"> <div class="sc" id="meaning-doc-lang-id"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.1 Sidans språk:</strong> Det huvudsakliga <a title="definition: mänskliga språket" href="#human-langdef" class="termref">mänskliga språket</a> på varje <a title="definition: webbsida " href="#webpagedef" class="termref">webbsida</a> kan <a title="definition: tydliggöras automatiskt" href="#programmaticallydetermineddef" class="termref">tydliggöras automatiskt</a>. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-doc-lang-id" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.1.1">Hur man uppfyller 3.1.1</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/meaning-doc-lang-id.html" class="HTMlink" title="Förstå framgångskriterier 3.1.1">Förstå 3.1.1</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="meaning-other-lang-id"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.2 Språk för del av sida:</strong> Det <a title="definition: mänskliga språket" href="#human-langdef" class="termref">mänskliga språket</a> för varje avsnitt eller fras i innehållet kan <a title="definition: automatiskt tydliggöras" href="#programmaticallydetermineddef" class="termref">automatiskt tydliggöras</a> utom för egennamn, tekniska termer, ord av obestämbart språk och ord eller fraser som blivit en naturlig del av språket i den omgivande texten. (Nivå AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-other-lang-id" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.1.2">Hur man uppfyller 3.1.2</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/meaning-other-lang-id.html" class="HTMlink" title="Förstå framgångskriterier 3.1.2">Förstå 3.1.2</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="meaning-idioms"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.3 Ovanliga ord:</strong> Det finns en <a title="definition: metod/funktion" href="#mechanismdef" class="termref">metod/funktion</a> som visar specifika definitioner av ord och fraser som <a title="definition: används på ett ovanligt eller begränsat sätt" href="#unusual-restricteddef" class="termref">används på ett ovanligt eller begränsat sätt</a>. Detta gäller även <a title="definition: bildspråk" href="#idiomsdef" class="termref">bildspråk</a> och <a title="definition: jargong" href="#jargondef" class="termref">jargong</a>. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-idioms" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.1.3">Hur man uppfyller 3.1.3</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/meaning-idioms.html" class="HTMlink" title="Förstå framgångskriterier 3.1.3">Förstå 3.1.3</a></p> </div> </div> <div class="sc" id="meaning-located"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.4 Förkortningar:</strong> Det finns en <a title="definition: metod/funktion" href="#mechanismdef" class="termref">metod/funktion</a> som visar hela ordet/orden eller betydelsen av <a title="definition: förkortning" href="#abbreviationsdef" class="termref">förkortningar</a>. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-located" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.1.4">Hur man uppfyller 3.1.4</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/meaning-located.html" class="HTMlink" title="Förstå framgångskriterier 3.1.4">Förstå 3.1.4</a></p> </div> </div> <div class="sc" id="meaning-supplements"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.5 Läsförmåga:</strong> När text kräver högre läsförmåga än <a title="definition: högstadienivå" href="#lowseceddef" class="termref">högstadienivå</a> efter att man avlägsnat egennamn och titlar, så finns det <a title="definition: kompletterande innehåll" href="#suppcontentdef" class="termref">kompletterande innehåll</a> eller en version som inte kräver högre läsförmåga än högstadienivå. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-supplements" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.1.5">Hur man uppfyller 3.1.5</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/meaning-supplements.html" class="HTMlink" title="Förstå framgångskriterier 3.1.5">Förstå 3.1.5</a></p> </div> </div> <div class="sc" id="meaning-pronunciation"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.1.6 Uttal:</strong> Det finns en <a title="definition: metod/funktion" href="#mechanismdef" class="termref">metod/funktion</a> som anger hur ord uttalas, när betydelsen av ordet, i sitt sammanhang, är tvetydigt om man inte vet hur det uttalas. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-pronunciation" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.1.6">Hur man uppfyller 3.1.6</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/meaning-pronunciation.html" class="HTMlink" title="Förstå framgångskriterier 3.1.6">Förstå 3.1.6</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="consistent-behavior" id="consistent-behavior"></a> Riktlinje 3.2 Förutsägbart: Säkerställ att webbsidor presenteras och fungerar på ett förutsägbart sätt. </h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/Understanding-WCAG20/consistent-behavior.html">Förstå riktlinje 3.2</a></p> </div> <div class="req"> <div class="sc" id="consistent-behavior-receive-focus"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.1 Vid fokus:</strong> Att en komponent får fokus leder inte till en <a title="definition: förändring av sammanhanget" href="#context-changedef" class="termref">förändring av sammanhanget</a>. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-receive-focus" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.2.1">Hur man uppfyller 3.2.1</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/consistent-behavior-receive-focus.html" class="HTMlink" title="Förstå framgångskriterier 3.2.1">Förstå 3.2.1</a></p> </div> </div> <div class="sc" id="consistent-behavior-unpredictable-change"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.2 Vid inmatning:</strong> Att ändra inställningarna för en <a title="definition: komponent i ett användargränssnitt" href="#user-interface-componentdef" class="termref">komponent i ett användargränssnitt</a> orsakar inte automatiskt en <a title="definition: förändring av sammanhanget" href="#context-changedef" class="termref">förändring av sammanhanget</a>, om inte användaren förvarnats om detta innan komponenten används. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-unpredictable-change" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.2.2">Hur man uppfyller 3.2.2</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/consistent-behavior-unpredictable-change.html" class="HTMlink" title="Förstå framgångskriterier 3.2.2">Förstå 3.2.2</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="consistent-behavior-consistent-locations"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.3 Konsekvent navigering:</strong> Navigeringsmetoder/funktioner som upprepas på flera <a title="definition: webbsidor" href="#webpagedef" class="termref">webbsidor</a> inom en <a title="definition: uppsättning av webbsidor" href="#set-of-web-pagesdef" class="termref">uppsättning av webbsidor</a> presenteras i <a title="definition: samma inbördes ordning" href="#samerelorderdef" class="termref">samma inbördes ordning</a> varje gång de upprepas, om inte användaren initierar en ändring. (Nivå AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-consistent-locations" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.2.3">Hur man uppfyller 3.2.3</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/consistent-behavior-consistent-locations.html" class="HTMlink" title="Förstå framgångskriterier 3.2.3">Förstå 3.2.3</a></p> </div> </div> <div class="sc" id="consistent-behavior-consistent-functionality"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.4 Konsekvent identifiering:</strong> : Komponenter som har <a title="definition: samma funktionalitet" href="#samefunctionalitydef" class="termref">samma funktionalitet</a> inom en uppsättning av <a title="definition: webbsidor" href="#webpagedef" class="termref">webbsidor</a> identifieras konsekvent. (Nivå AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-consistent-functionality" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.2.4">Hur man uppfyller 3.2.4</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/consistent-behavior-consistent-functionality.html" class="HTMlink" title="Förstå framgångskriterier 3.2.4">Förstå 3.2.4</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="consistent-behavior-no-extreme-changes-context"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.2.5 Förändring på begäran:</strong> <a title="definition: Förändring av sammanhang" href="#context-changedef" class="termref">Förändring av sammanhang</a> initieras enbart på användarens begäran eller så finns en <a title="definition: metod/funktion" href="#mechanismdef" class="termref">metod/funktion</a> för att stänga av sådana förändringar. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-no-extreme-changes-context" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.2.5">Hur man uppfyller 3.2.5</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/consistent-behavior-no-extreme-changes-context.html" class="HTMlink" title="Förstå framgångskriterier 3.2.5">Förstå 3.2.5</a></p> </div> </div> </div> </div> <div class="div3"> <div class="guideline"> <h3><a name="minimize-error" id="minimize-error"></a> Riktlinje 3.3 Inmatningsstöd: Hjälp användare att undvika misstag och rätta till misstag. </h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/Understanding-WCAG20/minimize-error.html">Förstå riktlinje 3.3</a></p> </div> <div class="req"> <div class="sc" id="minimize-error-identified"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.1 Identifiering av fel:</strong> Om ett <a title="definition: inmatningsfel" href="#input-errordef" class="termref">inmatningsfel</a> upptäcks automatiskt så ska det som är fel markeras och felet beskrivas för användaren med text. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-identified" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.3.1">Hur man uppfyller 3.3.1</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/minimize-error-identified.html" class="HTMlink" title="Förstå framgångskriterier 3.3.1">Förstå 3.3.1</a></p> </div> </div> <div class="sc" id="minimize-error-cues"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.2 Ledtexter/etiketter eller instruktioner:</strong> Det finns <a title="definition: Ledtexter/etiketter " href="#labeldef" class="termref">Ledtexter/etiketter</a> eller instruktioner när innehåll kräver inmatning från användaren. (Nivå A) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-cues" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.3.2">Hur man uppfyller 3.3.2</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/minimize-error-cues.html" class="HTMlink" title="Förstå framgångskriterier 3.3.2">Förstå 3.3.2</a></p> </div> </div> </div> <div class="bp"> <div class="sc" id="minimize-error-suggestions"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.3 Förslag vid felhantering:</strong> Om ett <a title="definition: inmatningsfel" href="#input-errordef" class="termref">inmatningsfel</a> upptäcks automatiskt och det finns kända korrigeringsförslag så ges förslagen till användaren, utom om det skulle äventyra säkerheten eller syftet med innehållet. (Nivå AA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-suggestions" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.3.3">Hur man uppfyller 3.3.3</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/minimize-error-suggestions.html" class="HTMlink" title="Förstå framgångskriterier 3.3.3">Förstå 3.3.3</a></p> </div> </div> <div class="sc" id="minimize-error-reversible"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.4 Förebyggande av fel (juridiskt, ekonomiskt, data):</strong> För <a title="definition: webbsidor" href="#webpagedef" class="termref">webbsidor</a> som leder till att användare ingår <a title="definition: rättsliga åtaganden" href="#legalcommitmentsdef" class="termref">rättsliga åtaganden</a> eller utför ekonomiska transaktioner, eller som ändrar eller raderar <a title="definition: användarstyrd" href="#user-controllabledef" class="termref">användarstyrd</a> data i datalagringssystem eller tar emot användarens provsvar, så ska minst en av följande punkter gälla: (Nivå AA) </p> <ol class="enumar"> <li><p><strong class="sc-handle">Möjlig att ångra: </strong> Åtgärder kan ångras.</p> </li> <li><p><strong class="sc-handle">Kontrollerad: </strong> Data som matats in av användaren kontrolleras, och om <a title="definition: inmatningsfel" href="#input-errordef" class="termref">inmatningsfel</a> hittas ges användaren möjlighet att rätta till dem.</p> </li> <li><p><strong class="sc-handle">Bekräftad: </strong> Det finns en <a title="definition: metod/funktion" href="#mechanismdef" class="termref">metod/funktion</a> för att förhandsgranska, bekräfta och rätta till information innan åtgärden slutförs.</p> </li> </ol> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-reversible" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.3.4">Hur man uppfyller 3.3.4</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/minimize-error-reversible.html" class="HTMlink" title="Förstå framgångskriterier 3.3.4">Förstå 3.3.4</a></p> </div> </div> </div> <div class="additional"> <div class="sc" id="minimize-error-context-help"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.5 Hjälp:</strong> Det finns <a title="definition: sammanhangsberoende hjälp" href="#context-sensitivehelpdef" class="termref">sammanhangsberoende hjälp</a>. (Nivå AAA) </p> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-context-help" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.3.5">Hur man uppfyller 3.3.5</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/minimize-error-context-help.html" class="HTMlink" title="Förstå framgångskriterier 3.3.5">Förstå 3.3.5</a></p> </div> </div> <div class="sc" id="minimize-error-reversible-all"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">3.3.6 Förebyggande av fel (Alla):</strong> För <a title="definition: webbsidor" href="#webpagedef" class="termref">webbsidor</a> som kräver att användaren matar in information så ska minst en av följande punkter gälla: (Nivå AAA) </p> <ol class="enumar"> <li><p><strong class="sc-handle">Möjlig att ångra: </strong> Åtgärder kan ångras.</p> </li> <li><p><strong class="sc-handle">Kontrollerad: </strong> Data som matats in av användaren kontrolleras, och om <a title="definition: inmatningsfel" href="#input-errordef" class="termref">inmatningsfel</a> hittas ges användaren möjlighet att rätta till dem.</p> </li> <li><p><strong class="sc-handle">Bekräftad: </strong> Det finns en <a title="definition: metod/funktion" href="#mechanismdef" class="termref">metod/funktion</a> funktion för att förhandsgranska, bekräfta och rätta till information innan åtgärden slutförs.</p> </li> </ol> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-reversible-all" class="HTMlink" title="Hur man uppfyller framgångskriterier 3.3.6">Hur man uppfyller 3.3.6</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/minimize-error-reversible-all.html" class="HTMlink" title="Förstå framgångskriterier 3.3.6">Förstå 3.3.6</a></p> </div> </div> </div> </div> </div> <div class="div2"> <h2 class="principle"><a name="robust" id="robust"></a>Princip 4: Robust - Innehåll måste vara robust nog för att kunna tolkas på ett pålitligt sätt av ett brett spektrum av olika användarprogram, inklusive hjälpmedel.</h2> <div class="div3"> <div class="guideline"> <h3><a name="ensure-compat" id="ensure-compat"></a> Riktlinje 4.1 Kompatibelt: Maximera kompatibiliteten med nuvarande och framtida användarprogram, inklusive hjälpmedel.</h3> <p class="und-gl-link"><a href="https://www.w3.org/TR/Understanding-WCAG20/ensure-compat.html">Förstå riktlinje 4.1</a></p> </div> <div class="req"> <div class="sc" id="ensure-compat-parses"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">4.1.1 Parsing:</strong> Innehåll som skapats med kodspråk (markup language) har element med kompletta start- och sluttaggar. Elementen är nästlade enligt deras specifikationer. De innehåller inte dubbla attributangivelser och har unika ID:n - förutom då specifikationerna tillåter detta. (Nivå A) </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Start- och sluttaggar som saknar ett obligatoriskt tecken såsom ett avslutande "större än"-tecken eller ett attributvärde med citattecken som inte matchar, är inte komplett.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-ensure-compat-parses" class="HTMlink" title="Hur man uppfyller framgångskriterier 4.1.1">Hur man uppfyller 4.1.1</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/ensure-compat-parses.html" class="HTMlink" title="Förstå framgångskriterier 4.1.1">Förstå 4.1.1</a></p> </div> </div> <div class="sc" id="ensure-compat-rsv"> <div class="scinner"> <p class="sctxt"><strong class="sc-handle">4.1.2 Namn, roll, värde:</strong> För alla <a title="definition: komponenter i ett användargränssnitt" href="#user-interface-componentdef" class="termref">komponenter i ett användargränssnitt</a> (inklusive, men inte begränsat till formulärelement, länkar och komponenter skapade med script), kan <a title="definition: namnet" href="#namedef" class="termref">namnet</a> och <a title="definition: rollen" href="#roledef" class="termref">rollen</a> <a title="definition: automatiskt tydliggöras" href="#programmaticallydetermineddef" class="termref">automatiskt tydliggöras</a>. Status, egenskaper och värden som kan anges av användaren kan bli <a title="definition: automatiskt tydliggjord" href="#programmaticallysetdef" class="termref">automatiskt tydliggjord</a>, och meddelande om ändringar i dessa komponenter finns åtkomliga för <a title="definition: användarprogrammen" href="#useragentdef" class="termref">användarprogram</a>, inklusive <a title="definition: hjälpmedel (som det används i detta dokument)" href="#atdef" class="termref">hjälpmedel</a>. (Nivå A) </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Detta framgångskriterium är främst till för utvecklare som utvecklar egna komponenter eller skapar egna script för komponenterna i användargränssnittet. Exempelvis uppfyller redan standardkontroller i HTML detta framgångskriterium när de används enligt specifikation.</p> </div> </div> <div class="doclinks"> <p class="supportlinks"><a href="https://www.w3.org/WAI/WCAG20/quickref/#qr-ensure-compat-rsv" class="HTMlink" title="Hur man uppfyller framgångskriterier 4.1.2">Hur man uppfyller 4.1.2</a> <span class="screenreader">|</span> <a href="https://www.w3.org/TR/Understanding-WCAG20/ensure-compat-rsv.html" class="HTMlink" title="Förstå framgångskriterier 4.1.2">Förstå 4.1.2</a></p> </div> </div> </div> </div> </div> </div> <div class="div1"> <h2><a name="conformance" id="conformance"></a>Uppfyllande</h2> <p>Denna sektion är <a title="definition: normative" href="#normativedef" class="termref">normativ</a>. </p> <p>Denna sektion listar vad som krävs för att <a title="definition: uppfylla" href="#conformancedef" class="termref">uppfylla</a> WCAG 2.0. Den ger även information om hur man gör en deklaration av uppfyllande, vilket är frivilligt. Avslutningsvis beskrivs vad stöd för tillgänglighet innebär, eftersom endast tekniker som används på ett sätt som har <a title="definition: stöd för tillgänglighet" href="#accessibility-supporteddef" class="termref">stöd för tillgänglighet</a> kan <a title="definition: förlitas på" href="#reliedupondef" class="termref">förlitas på</a> att uppfylla riktlinjerna. <a href="https://www.w3.org/TR/Understanding-WCAG20/conformance.html" xml:lang="en" lang="en">Understanding Conformance</a> innehåller ytterligare förklaring kring konceptet "stöd för tillgänglighet".</p> <div class="div2"> <h3><a name="conformance-reqs" id="conformance-reqs"></a>Uppfyllnadskrav</h3> <p>För att en webbsida ska kunna anses uppfylla WCAG 2.0 så måste samtliga uppfyllnadskrav tillgodoses:</p> <div class="div3"> <a name="cc1" id="cc1"></a> <p class="sctxt"><strong class="sc-handle">1. Nivå av uppfyllande:</strong> En av följande nivåer för uppfyllande måste mötas till fullo. </p> <ul> <li><p><strong class="sc-handle">Nivå A: </strong>För uppfyllande av nivå A (den lägsta nivån av uppfyllande) krävs det att <a title="definition: webbsidan" href="#webpagedef" class="termref">webbsidan</a> <a title="definition: tillgodoser samtliga framgångskriterier" href="#satisfiesdef" class="termref">tillgodoser samtliga framgångskriterier</a> på nivå A eller att en <a title="definition: alternativ version som uppfyller tillgänglighetskraven" href="#conforming-alternate-versiondef" class="termref">alternativ version som uppfyller tillgänglighetskraven</a> tillhandahålls. </p> </li> <li><p><strong class="sc-handle">Nivå AA: </strong> För uppfyllande av nivå AA krävs det att webbsidan tillgodoser samtliga framgångskriterier på både nivå A och nivå AA, eller att en alternativ version som uppfyller tillgänglighetskraven för nivå AA tillhandahålls. </p> </li> <li><p><strong class="sc-handle">Nivå AAA: </strong>För uppfyllande av nivå AAA krävs att webbsidan tillgodoser samtliga framgångskriterier på nivå A, nivå AA och nivå AAA, eller att en alternativ version som uppfyller tillgänglighetskraven för nivå AAA tillhandahålls. </p> </li> </ul> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Även om uppfyllande endast kan uppnås vid angivna nivåer så uppmuntras utvecklare att rapportera (i anspråken) allt arbete för att möta framgångskriterier på de nivåer som går längre än den uppnådda nivån av uppfyllande.</p> <p class="prefix"><em>Anmärkning 2: </em>Det är inte rekommenderat att kräva uppfyllande av nivå AAA i generella policyer för hela webbplatser eftersom det inte är möjligt att tillgodose samtliga framgångskriterier på nivå AAA för vissa typer av innehåll.</p> </div> </div> <div class="div3"> <a name="cc2" id="cc2"></a> <p class="sctxt"><strong class="sc-handle">2. Fullständiga sidor:</strong> <a title="definition: uppfyllande" href="#conformancedef" class="termref">Uppfyllande</a> (och nivå av uppfyllande) gäller endast för en fullständig <a title="definition: webbsida" href="#webpagedef" class="termref">webbsida</a>(-or), och kan inte uppnås om delar av webbsidan undantas. </p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>I syfte att fastställa uppfyllande så kan alternativa delar av en webbsidas innehåll anses vara en del av webbsidan när alternativet kan erhållas direkt från webbsidan, som exempelvis en lång beskrivning eller ett alternativ till en video.</p> <p class="prefix"><em>Anmärkning 2: </em>Utvecklare av webbsidor som inte kan uppnå uppfyllande på grund av innehåll utanför utvecklarens kontroll kan överväga en <a href=".#conformance-partial">rapport gällande partiellt uppfyllande</a>.</p> </div> </div> <div class="div3"> <a name="cc3" id="cc3"></a> <p class="sctxt"><strong class="sc-handle">3. Fullständiga processer:</strong> När en <a title="definition: Webbsida" href="#webpagedef" class="termref">webbsida</a> är en av flera webbsidor som presenterar en <a title="definition: process" href="#processdef" class="termref">process</a> (exempelvis en sekvens av steg som måste slutföras för att fullfölja en aktivitet) så uppfyller samtliga webbsidor i processen varje specificerad nivå eller högre. (Uppfyllande av en viss nivå är inte möjlig om någon webbsida i processen inte uppfyller just den nivån eller högre).</p> <div class="example"> <p class="prefix"><em>Exempel: </em> En online-butik har en rad sidor som används för att välja och köpa produkter. Samtliga sidor från start till mål (kassan) måste vara uppfyllda för att en specifik sida i processen ska anses uppfylld.</p> </div> </div> <div class="div3"> <a name="cc4" id="cc4"></a> <p class="sctxt"><strong class="sc-handle">4. Tekniker används bara på ett sätt som har stöd för tillgänglighet:</strong> Endast när <a title="definition: tekniker (Webbinnehåll)" href="#technologydef" class="termref">tekniker </a> används på ett sätt som har <a title="definition: stöd för tillgänglighet" href="#accessibility-supporteddef" class="termref">stöd för tillgänglighet</a> kan man <a title="definition: förlitas på" href="#reliedupondef" class="termref">förlitas sig på</a> dem för att uppfylla framgångskriterierna. Information och funktionalitet som tillhandahålls på ett sätt som inte har stöd för tillgänglighet finns också nåbar på ett sätt som har stöd för tillgänglighet. Se <a href="https://www.w3.org/TR/Understanding-WCAG20/conformance.html#uc-accessibility-support-head" xml:lang="en" lang="en">Understanding accessibility support</a>.) </p> </div> <div class="div3"> <a name="cc5" id="cc5"></a> <p class="sctxt"><strong class="sc-handle">5. Inte hindrande:</strong> Om <a title="definition: tekniker (Webbinnehåll)" href="#technologydef" class="termref">tekniker</a> används på ett sätt som inte har <a title="definition: stöd för tillgänglighet" href="#accessibility-supporteddef" class="termref">stöd för tillgänglighet</a>, eller om de används på ett sätt som inte uppfyller kraven så blockerar de åtminstone inte användarnas möjlighet att få tillgång till resten av sidan. Dessutom ska <a title="definition: Webbsida" href="#webpagedef" class="termref">webbsida</a>n som helhet även fortsättningsvis möta kraven i riktlinjerna under vart och ett av följande villkor: </p> <ol class="enumar"> <li><p>när en teknik som man inte <a title="definition: förlitar sig på" href="#reliedupondef" class="termref">förlitar sig på</a> slås på i ett användarprogram,</p> </li> <li><p>när en teknik som man inte förlitar sig på slås av i ett användarprogram, och</p> </li> <li><p>när en teknik som man inte förlitar sig på inte stöds av ett användarprogram.</p> </li> </ol> <p class="sctxt">Dessutom gäller följande framgångskriterier allt innehåll på sidan, inklusive innehåll som i andra avseenden inte uppfyller riktlinjerna eftersom brister i att möta dessa skulle kunna störa användande av sidan: </p> <ul> <li><p><strong>1.4.2 - Kontroll av ljud</strong>,</p> </li> <li><p><strong>2.1.2 - Ingen tangentbordsfälla,</strong>,</p> </li> <li><p><strong>2.3.1 - Tre flimmer eller under tröskelvärde</strong>, och</p> </li> <li><p><strong>2.2.2 - Paus, Stopp, Dölj.</strong>.</p> </li> </ul> </div> <div class="div3"> <div class="note"> <p class="prefix"><em>Anmärkning: </em> Om en sida inte klarar att uppfylla riktlinjerna (exempelvis en sida för test av uppfyllande eller en exempelsida) kan den inte inkluderas i anspråket på uppfyllande.</p> </div> <p class="sctxt">För mer information inklusive exempel, se <a href="https://www.w3.org/TR/Understanding-WCAG20/conformance.html#uc-conformance-requirements-head" xml:lang="en" lang="en">Understanding Conformance Requirements</a>. </p> </div> </div> <div class="div2"> <h3><a name="conformance-claims" id="conformance-claims"></a>Deklaration av uppfyllande (frivillig) </h3> <p>Deklarationer av uppfyllande är endast definierade för <a title="definition: Webbsida" href="#webpagedef" class="termref">webbsidor</a>. Dock kan en deklaration av uppfyllande omfatta en sida, en serie med sidor eller flera relaterade webbsidor.</p> <div class="div3"> <h4><a name="conformance-required" id="conformance-required"></a>Komponenter som krävs i en deklaration av uppfyllande</h4> <p class="sctxt">Deklaration av uppfyllande är <strong>inte ett krav</strong>. Utvecklare kan uppfylla WCAG 2.0 utan att göra en deklaration. Dock, om en deklaration av uppfyllande görs så <strong>måste</strong> den också inkludera följande information:</p> <ol class="enumar"> <li><p><strong>Datum</strong> då deklarationen gjorts</p> </li> <li><p><strong>Titel på riktlinjerna, version och URI </strong> "Web Content Accessibility Guidelines 2.0 på <a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a>" </p> </li> <li><p><strong>Uppfylld nivå</strong>: (Nivå A, AA or AAA) </p> </li> <li><p><strong>En kortfattad beskrivning av webbsidorna</strong>, såsom en lista över vilka URI:er deklarationen gäller, samt huruvida subdomäner är inkluderade i deklarationen.</p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Webbsidorna kan beskrivas med en lista, eller som en förklaring där samtliga URI:er som är inkluderade i deklarationen framgår.</p> <p class="prefix"><em>Anmärkning 2: </em>Webbaserade produkter som saknar URI på kundens webbplats innan installation kan ha en förklaring som säger att produkten kommer att uppfylla vald nivå när den är installerad.</p> </div> </li> <li><p>En lista över de <a title="definition: teknik (Webbinnehåll)" href="#technologydef" class="termref"><strong>webbinnehållstekniker</strong></a> som webbplatsen är <a title="definition: beroende" href="#reliedupondef" class="termref" shape="rect"><strong>förlitar sig på</strong></a>. .</p> </li> </ol> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Om en uppfyllande-logotyp används räknas det som en deklaration och måste därför åtföljas av de komponenter vilka nämns ovan, som krävs vid deklaration av uppfyllande.</p> </div> </div> <div class="div3"> <h4><a name="conformance-optional" id="conformance-optional"></a>Valfria komponenter i en deklaration av uppfyllande</h4> <p class="sctxt">Utöver de komponenter som krävs i en deklaration av uppfyllande bör man överväga att ge ytterligare information som kan hjälpa användare. Ytterligare rekommenderad information inkluderar:</p> <ul> <li><p>En lista över uppfyllda framgångskriterier över den nivå som deklarationen omfattar. Denna information bör ges på ett sätt som användare kan använda, gärna som maskinellt läsbar metadata.</p> </li> <li><p>En lista över specifika tekniker som "<em>används men som man inte <a title="definition: förlitar sig på" href="#reliedupondef" class="termref">förlitar sig på</a></em>."</p> </li> <li><p>En lista över användarprogram, inklusive hjälpmedel, som har använts för att testa innehållet.</p> </li> <li><p>Information om eventuellt ytterligare tagna steg som går utöver framgångskriterierna i syfte att förbättra tillgängligheten.</p> </li> <li><p>En maskinellt läsbar metadataversion över specifika tekniker man <a title="definition: förlitar sig på" href="#reliedupondef" class="termref">förlitar sig på</a>.</p> </li> <li><p>En maskinellt läsbar metadataversion av deklarationen om uppfyllande.</p> </li> </ul> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Se <a href="https://www.w3.org/TR/Understanding-WCAG20/conformance.html#uc-conformance-claims-head" xml:lang="en" lang="en">Understanding Conformance Claims</a> för ytterligare information och exempel på deklarationer av uppfyllande.</p> <p class="prefix"><em>Anmärkning 2: </em>Se <a href="https://www.w3.org/TR/Understanding-WCAG20/appendixC.html#understanding-metadata" xml:lang="en" lang="en">Understanding Metadata</a> för ytterligare information gällande användandet av metadata i deklarationer av uppfyllande.</p> </div> </div> </div> <div class="div2"> <h3><a name="conformance-partial" id="conformance-partial"></a>Rapport gällande partiellt uppfyllande – Tredjepartsinnehåll</h3> <p>I vissa fall skapas webbsidor som vid senare tillfälle får ytterligare innehåll tillagt till dem. Exempelvis ett e-postprogram, en blogg, en artikel som tillåter användare att lägga till kommentarer eller applikationer som tillåter användare att lägga till innehåll. Ett annat exempel kan vara en sida, såsom en portal eller en nyhetssida där innehållet är skapat av flera olika källor eller sidor som automatiskt lägger in innehåll från andra källor över tid, såsom reklam som läggs in dynamiskt.</p> <p class="sctxt">I dessa fall är det omöjligt att, när man lägger upp originalinnehållet, veta vad det okontrollerade innehållet kommer att bestå av. Viktigt att notera är att det okontrollerade innehållet även kan påverka tillgängligheten av det kontrollerade innehållet. Två möjligheter finns då:</p> <ol class="enumar"> <li><p>Fastställandet av uppfyllande kan göras baserat på bäst kunskap. Om en sida av denna typ övervakas och repareras (icke uppfyllt innehåll tas bort eller rättas) inom två affärsdagar så kan ett fastställande eller en deklaration av uppfyllande göras, med undantag för fel i externt inlagt innehåll som istället rättas eller tas bort vid påträffande. Detta för att sidan ska kunna bli uppfylld. Man kan inte göra en deklaration av uppfyllande om det inte är möjligt att övervaka eller rätta till icke uppfyllt innehåll.</p> <p><strong>ELLER</strong> </p> </li> <li><p>En "rapport gällande partiellt uppfyllande" kan göras om sidan inte är helt uppfylld men skulle kunna bli uppfylld om vissa delar togs bort. Formuleringen av en sådan rapport skulle kunna lyda: "Denna sida är inte uppfylld men skulle uppfylla WCAG 2.0 nivå X om följande delar från okontrollerade källor tas bort." Dessutom skulle följande också gälla för okontrollerat innehåll som beskrivs i rapporten gällande partiellt uppfyllande:</p> <ol class="enumla"> <li><p>Det är innehåll bortom utvecklarens kontroll.</p> </li> <li><p>Det är beskrivet på ett sätt som användare kan urskilja (exempelvis kan de inte beskrivas som "samtliga delar som är bortom vår kontroll" såtillvida de inte tydligt är märkta som det).</p> </li> </ol> </li> </ol> </div> <div class="div2"> <h3><a name="conformance-partial-lang" id="conformance-partial-lang"></a>Rapport gällande partiellt uppfyllande - Språk</h3> <p>En "rapport gällande partiellt uppfyllande på grund av språk" kan göras när sidan inte uppfyller riktlinjerna men skulle uppfylla dem om <a title="definition: stöd för tillgänglighet" href="#accessibility-supporteddef" class="termref">stöd för tillgänglighet</a> fanns för (alla) språk som används på sidan. Formuleringen av en sådan rapport skulle kunna lyda "Denna sida uppfyller inte, men skulle kunna uppfylla WCAG 2.0, nivå X om stöd för tillgänglighet fanns för följande språk." </p> </div> </div> </div> <div class="back"> <div class="div1"> <h2><a name="glossary" id="glossary"></a>Bilaga A: Ordlista</h2> <p>Denna sektion är <a title="definition: normativ" href="#normativedef" class="termref">normativ</a>. </p> <dl> <dt class="label"><a name="alt-time-based-mediadef" id="alt-time-based-mediadef"></a>alternativ till tidsberoende media</dt> <dd><p>dokument som innehåller korrekt ordnade textbeskrivningar av tidsberoende visuell och auditiv information och som tillhandahåller ett sätt att uppnå samma resultat vid varje tidsberoende interaktion. </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Ett scenario/manuskript som används för att skapa det synkroniserade medieinnehållet skulle uppfylla denna definition enbart ifall det var korrigerat för att på ett korrekt sätt representera det slutligt synkroniserade mediainnehållet efter redigering.</p> </div> </dd> <dt class="label"><a name="conforming-alternate-versiondef" id="conforming-alternate-versiondef"></a>alternativ version som uppfyller tillgänglighetskraven</dt> <dd><p>version som</p> <ol class="enumar"> <li><p>uppfyller den avsedda nivån, och</p> </li> <li><p>tillhandahåller all motsvarande information och <a title="definition: funktionalitet" href="#functiondef" class="termref">funktionalitet</a> på samma <a title="definition: mänskliga språk" href="#human-langdef" class="termref">mänskliga språk</a>, och</p> </li> <li><p>är lika aktuell som det icke uppfyllda innehållet, och </p> </li> <li><p>där minst ett av följande är sant:</p> <ol class="enumla"> <li><p>den uppfyllda versionen kan nås från den icke uppfyllda sidan via en <a title="definition: metod/funktion" href="#mechanismdef" class="termref">metod/funktion</a> som har <a title="definition: tillgänglighetsstöd" href="#accessibility-supporteddef" class="termref">tillgänglighetsstöd</a>, eller</p> </li> <li><p>den icke uppfyllda versionen kan endast nås från den uppfyllda versionen, eller</p> </li> <li><p>den uppfyllda versionen kan endast nås från en uppfylld sida som också tillhandahåller en metod/funktion för att nå den uppfyllda versionen.</p> </li> </ol> </li> </ol> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>I denna definition innebär "kan endast nås" att det finns någon metod/funktion, t ex en villkorsstyrd vidareskickning, som hindrar en användare från att "nå" (ladda) den icke uppfyllda sidan om inte användaren just kommit från den uppfyllda versionen.</p> <p class="prefix"><em>Anmärkning 2: </em>Den alternativa versionen behöver inte vara matchad med originalet sida för sida (t ex den uppfyllda alternativa versionen kan bestå av flera sidor).</p> <p class="prefix"><em>Anmärkning 3: </em>Om det finns fler språkversioner så krävs alternativa, uppfyllda versioner för varje språk som erbjuds.</p> <p class="prefix"><em>Anmärkning 4: </em>Alternativa versioner kan erbjudas för att tillgodose olika tekniska miljöer eller användargrupper. Varje version ska uppfylla tillgänglighetskraven i största möjliga utsträckning. En version skulle behöva helt uppfylla kraven för att kunna möta <a href=".#cc1">tillgänglighetskrav 1</a>.</p> <p class="prefix"><em>Anmärkning 5: </em>Den alternativa, uppfyllda versionen behöver inte finnas på det uppfyllande webbutrymmet, eller ens på samma webbplats, så länge den är lika lätt att nå som den icke-uppfyllande versionen. </p> <p class="prefix"><em>Anmärkning 6: </em>Alternativa versioner ska inte förväxlas med "<a title="definition: extra innehåll" href="#suppcontentdef" class="termref">extra innehåll</a>", som stöder originalsidan och ökar förståelsen.</p> <p class="prefix"><em>Anmärkning 7: </em>Att sätta användarspecifika inställningar i innehållet för att skapa en uppfylld version är en acceptabel metod/funktion för att nå en tillgänglig version så länge som den metod som används för att ändra inställningarna har stöd för tillgänglighet.</p> </div> <p class="circref">Se <a href="https://www.w3.org/TR/Understanding-WCAG20/conformance.html#uc-conforming-alt-versions-head">Understanding Conforming Alternate Versions</a> </p> </dd> <dt class="label"><a name="useragentdef" id="useragentdef"></a>användarprogram</dt> <dd><p>all mjukvara som hämtar och presenterar webbinnehåll för användare.</p> <div class="example"> <p class="prefix"><em>Exempel: </em>Webbläsare, mediaspelare, insticksprogram (plugins) och andra program – inklusive <a title="definition: hjälpmedel" href="#atdef" class="termref">hjälpmedel</a> – som hjälper till att hämta, återge och interagera med webbinnehåll. </p> </div> </dd> <dt class="label"><a name="user-controllabledef" id="user-controllabledef"></a>användarstyrt</dt> <dd><p>data som är tänkt att kunna kontrolleras av användare.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em> Detta gäller inte sådant som internetloggar och sökmotorers övervakningsdata.</p> </div> <div class="example"> <p class="prefix"><em>Exempel: </em> Namn- och adressfält för ett användarkonto.</p> </div> </dd> <dt class="label"><a name="unusual-restricteddef" id="unusual-restricteddef"></a>används på ett ovanligt eller begränsat sätt</dt> <dd><p>ord som används på ett sätt som kräver att användarna vet exakt vilken definition som tillämpas för att kunna förstå innehållet korrekt. </p> <div class="example"> <p class="prefix"><em>Exempel: </em>Termen "gig" betyder olika om det förekommer i en diskussion om musikkonserter eller förekommer i en artikel om datorers hårddiskutrymme, men den korrekta betydelsen kan fastställas utifrån sammanhanget. Däremot används ordet "text" på ett mycket specifikt sätt i WCAG 2.0, därför finns en definition med i ordlistan.</p> </div> </dd> <dt class="label"><a name="asciiartdef" id="asciiartdef"></a>ASCII konst</dt> <dd><p>bilder skapade genom att spatialt arrangera tecken (vanligen från de 95 synliga tecknen definierade i ASCII).</p> </dd> <dt class="label"><a name="programmaticallysetdef" id="programmaticallysetdef"></a>automatiskt angiven</dt> <dd><p>angiven av mjukvara med hjälp av metoder som stöds av användarprogram, även hjälpmedel. </p> </dd> <dt class="label"><a name="programmaticallydetermineddef" id="programmaticallydetermineddef"></a>automatiskt tydliggjord</dt> <dd><p>data från utvecklaren som tydliggjorts av mjukvara och som tillhandahålls på ett sådant sätt att olika <a title="definition: användarprogram" href="#useragentdef" class="termref">användarprogram</a>, även <a title="definition: hjälpmedel (as used in this document)" href="#atdef" class="termref">hjälpmedel</a>, kan extrahera och presentera denna information i olika former för användare. </p> <div class="example"> <p class="prefix"><em>Exempel 1: </em>Tydliggjorts i ett kodspråk (markup language) från element och attribut som kan nås direkt av vanliga hjälpmedel.</p> <p class="prefix"><em>Exempel 2: </em>Tydliggjorts från teknikspecifika datastrukturer i ett icke-kodspråk (non-markup language) och uppvisas för hjälpmedlen via en tillgänglig <acronym title="Application Programming Interface">API</acronym> (Application Programming Interface) som stöds av vanliga hjälpmedel. </p> </div> </dd> <dt class="label"><a name="pdlinkcontextdef" id="pdlinkcontextdef"></a>automatiskt tydliggjort länksammanhang</dt> <dd><p>ytterligare information som kan <a title="definition: tydliggöras automatiskt" href="#programmaticallydetermineddef" class="termref">tydliggöras automatiskt</a> utifrån <a title="definition: relationer" href="#relationshipsdef" class="termref">relationer</a> till en länk, i kombination med länktexten och presenterad i olika former för användare. </p> <div class="example"> <p class="prefix"><em>Exempel: </em> Information i HTML som kan tydliggöras automatiskt från en länk som innehåller text i samma stycke, lista eller tabellcell som länken eller i en tabellrubrikcell som är associerad med den tabellcell som innehåller länken. </p> </div> <div class="note"> <p class="prefix"><em>Anmärkning: </em> Eftersom skärmläsare tolkar skiljetecken så kan de också ge sammanhang från den aktuella meningen när fokus ligger på en länk som är i den meningen. </p> </div> </dd> <dt class="label"><a name="sectiondef" id="sectiondef"></a>avdelning</dt> <dd><p>en självständig del av det skrivna innehållet som behandlar ett eller flera relaterade ämnen eller tankar.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>En avdelning kan bestå av ett eller fler stycken och innehålla grafik, tabeller, listor och underavdelningar.</p> </div> </dd> <dt class="label"><a name="essentialdef" id="essentialdef"></a>avgörande betydelse</dt> <dd><p>om borttaget skulle det förändra informationen eller funktionaliteten av innehållet väsentligt <strong>och</strong> informationen och funktionaliteten kan inte uppnås något annat sätt som möter kraven på tillgänglighet.</p> </dd> <dt class="label"><a name="idiomsdef" id="idiomsdef"></a>bildspråk</dt> <dd><p>fras vars betydelse inte kan härledas ur betydelsen för enskilda ord och där enskilda ord inte kan ändras utan att frasen förlorar betydelse.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Den här typen av formuleringar kan inte översättas direkt, ord för ord utan att man förlorar deras (kulturella eller språkberoende) betydelse. </p> </div> <div class="example"> <p class="prefix"><em>Exempel 1: </em>I svenskan betyder "klart som korvspad" något som är mycket tydligt. Dock betyder inte "klart som korvspad" och "avgjort som buljong" samma sak.</p> <p class="prefix"><em>Exempel 2: </em>På japanska översätts frasen "<span xml:lang="ja" lang="ja">さじを投げる</span>" bokstavligen till "han kastar en sked" men det betyder att det inte är någonting han kan göra, och till slut ger han upp. </p> <p class="prefix"><em>Exempel 3: </em>På nederländska översätts frasen, "<span xml:lang="ne" lang="ne">Hij ging met de kippen op stok</span>" bokstavligen till "Han kröp till kojs med kycklingarna" men det betyder att han gick och la sig tidigt.</p> </div> </dd> <dt class="label"><a name="blinksdef" id="blinksdef"></a>blinkning</dt> <dd><p>växla fram och tillbaka mellan två visuella lägen för att dra till sig uppmärksamhet. </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Se även <a title="definition: flimmer" href="#flash-def" class="termref">flimmer</a>. Det är möjligt för något att vara stort nog och blinka ljust nog vid rätt frekvens för att klassas som flimmer. </p> </div> </dd> <dt class="label"><a name="CAPTCHAdef" id="CAPTCHAdef"></a>CAPTCHA</dt> <dd><p>förkortning för "Completely Automated Public Turing test to tell Computers and Human Apart". På svenska: "Fullständigt automatiserat, publikt Turingtest för att skilja mellan en dator och en mänsklig användare".</p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>CAPTCHA-test består ofta i att be användaren att skriva in text som syns i en suddig eller lite otydlig bild eller som hörs i en ljudfil.</p> <p class="prefix"><em>Anmärkning 2: </em>Ett Turingtest är en metod för att avgöra om något är en människa eller en maskin. Namnet kommer från den berömde datavetenskapsmannen Alan Turing. Termen myntades av forskare vid Carnegie Mellon University. <a href="#CAPTCHA">[CAPTCHA]</a> </p> </div> </dd> <dt class="label"><a name="livedef" id="livedef"></a>direktsänd</dt> <dd><p>information/någonting från en verklig händelse som sänds till mottagaren utan någon annan fördröjning än en sändningsfördröjning</p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>En sändningsfördröjning är en kort (oftast automatisk) fördröjning, som till exempel används för att ge den som sänder ut tid att ställa i kö eller censurera ljudsändningen (eller videon), men som inte är tillräcklig för att möjliggöra omfattande redigering.</p> <p class="prefix"><em>Anmärkning 2: </em>Om information är helt framställd från dator så är den inte direktsänd.</p> </div> </dd> <dt class="label"><a name="audio-onlydef" id="audio-onlydef"></a>enbart ljud</dt> <dd><p>en tidsberoende presentation som enbart innehåller <a title="definition: ljud" href="#audiodef" class="termref">ljud</a> (ingen <a title="definition: video" href="#videodef" class="termref">video</a> och ingen interaktion).</p> </dd> <dt class="label"><a name="video-onlydef" id="video-onlydef"></a>enbart video</dt> <dd><p>en tidsberoende presentation som enbart innehåller <a title="definition: video" href="#videodef" class="termref">video</a> (inget <a title="definition: ljud" href="#audiodef" class="termref">ljud</a> och ingen interaktion)</p> </dd> <dt class="label"><a name="flash-def" id="flash-def"></a>flimmer</dt> <dd><p>ett par motsättande förändringar i <a title="definition: relativ ljusstyrka" href="#relativeluminancedef" class="termref">relativ ljusstyrka</a> som kan orsaka krampanfall hos vissa människor om den är stor nog och inom rätt frekvensområde.</p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Se "<a title="definition: generella tröskelvärden för flimmer och rött flimmer" href="#general-thresholddef" class="termref">generella tröskelvärden för flimmer och rött flimmer</a>" för information om typer av flimmer som inte är tillåtna.</p> <p class="prefix"><em>Anmärkning 2: </em>Se också <a title="definition: blinkning" href="#blinksdef" class="termref">blinkning</a>.</p> </div> </dd> <dt class="label"><a name="functiondef" id="functiondef"></a>funktionalitet</dt> <dd><p><a title="definition: processer" href="#processdef" class="termref">processer</a> och resultat som uppnås genom användarens agerande.</p> </dd> <dt class="label"><a name="prerecordeddef" id="prerecordeddef"></a>förinspelad</dt> <dd><p>information som inte är <a title="definition: direktsänd" href="#livedef" class="termref">direktsänd</a>.</p> </dd> <dt class="label"><a name="abbreviationsdef" id="abbreviationsdef"></a>förkortning</dt> <dd><p>sätt att skriva ord eller hela uttryck med färre tecken. Vanligt är att ta med en eller två begynnelsebokstäver i orden. </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Detta inkluderar akronymer:</p> <ol class="enumar"> <li><p><strong>Akronym (initialord)</strong> - En förkortning som bildats från inledande bokstäver eller delar av ord i ett namn eller en fras, eller bildats av ordled, och som eventuellt kan uttalas som ett ord.</p> <div class="example"> <p class="prefix"><em>Exempel:</em>Säpo</p> </div> </li> </ol> </div> </dd> <dt class="label"><a name="reliedupondef" id="reliedupondef"></a>förlitar sig på (tekniker som man)</dt> <dd><p>innehållet skulle inte <a title="definition: uppfylla" href="#conformancedef" class="termref">uppfylla</a> riktlinjerna om <a title="definition: teknik (Webbinnehåll)" href="#technologydef" class="termref">teknik</a>en är avstängd eller inte stöds.</p> </dd> <dt class="label"><a name="context-changedef" id="context-changedef"></a>förändring av sammanhang</dt> <dd><p>stora förändringar av innehållet på en <a title="definition: webbsida" href="#webpagedef" class="termref">webbsida </a> kan, om det görs utan användarens kännedom, skapa förvirring för användare som inte ser hela sidan samtidigt. </p> <p>Förändring av sammanhang inkluderar förändring av:</p> <ol class="enumar"> <li><p><a title="definition: användarprogram" href="#useragentdef" class="termref">användarprogram</a>;</p> </li> <li><p><a title="definition: visningsområde/visningsyta" href="#viewportdef" class="termref">visningsområde/visningsyta</a>;</p> </li> <li><p>fokus;</p> </li> <li><p><a title="definition: innehåll (Webb innehåll)" href="#contentdef" class="termref">innehåll </a> som ändrar <a title="definition: webbsidans" href="#webpagedef" class="termref">webbsidans</a> innebörd.</p> </li> </ol> <div class="note"> <p class="prefix"><em>Anmärkning: </em> En förändring av innehållet är inte alltid en förändring av sammanhanget. Förändring i innehållet, såsom en expanderande disposition, dynamisk meny eller fliksystem ändrar nödvändigtvis inte sammanhanget så länge de inte även ändrar någon av de ovanstående (t ex fokus).</p> </div> <div class="example"> <p class="prefix"><em>Exempel: </em>Att öppna ett nytt fönster, att flytta fokus till en annan komponent, gå till en ny sida (inklusive allt som ser ut för användaren att de gått till en ny sida) eller ändra om innehållet i stor omfattning på en sida är alla exempel på förändring av sammanhang.</p> </div> </dd> <dt class="label"><a name="general-thresholddef" id="general-thresholddef"></a>generella tröskelvärden för flimmer och rött flimmer</dt> <dd><p>en <a title="definition: flimrande" href="#flash-def" class="termref">flimrande</a> effekt eller snabb skiftande bildsekvens är lägre än tröskelvärdet (dvs. innehåll <strong>passerar</strong>) om något av följande är sant:</p> <ol class="enumar"> <li><p>det finns inte fler än tre <strong>generella flimmer</strong> och/eller högst tre <strong>röda flimmer</strong> inom varje ensekundsperiod; eller</p> </li> <li><p>Det kombinerade området av flimmer som inträffar samtidigt upptar inte mer än sammanlagt 0,006 steradianer inom varje 10:e grad av synfältet på skärmen (25% av varje 10:e grad av synfältet på skärmen) vid normalt synavstånd. </p> </li> </ol> <p>där:</p> <ul> <li><p><strong>Generellt flimmer</strong> definieras som ett par med motsättande förändringar i <a title="definition: relativ ljusstyrka" href="#relativeluminancedef" class="termref">relativ ljusstyrka</a> av 10% eller mer av den maximala relativa ljusstyrka där den relativa ljusstyrkan för den mörka bilden är under 0,80; och där " ett par med motsättande förändringar" är en ökning följt av en minskning, eller en minskning följt av en ökning, och</p> </li> <li><p><strong>Rött flimmer</strong> definieras som ett par med motsättande övergång som innehåller en mättad röd ton.</p> </li> </ul> <p><em>Undantag:</em> Flimmer som är fina, balanserande mönster, såsom vitt brus eller ett omväxlande schackrutemönster med rutor mindre än 0,1 grad (av synfältet vid normalt synavstånd) på en sida, som inte överträder tröskelvärdet.</p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>För allmän mjukvara eller webbinnehåll; genom att använda en rektangel med en upplösning på 341 x 256 pixel någonstans på skärmen när innehållets ses med upplösning på 1024 x 768 pixel så ges en bra uppskattning av 10 grader av synfältet för standardstorlek på skärmar och synavstånd (t ex 15-17 tum skärm vid 56-66 cm). (Bildskärmar med högre upplösningar som visar samma återgivning av innehållet ger mindre och säkrare bilder. Det är alltså lägre upplösningar som används för att definiera tröskelvärden.)</p> <p class="prefix"><em>Anmärkning 2: </em>En övergång är den förändring i relativa ljusstyrkan (eller relativ ljusstyrka/färg för rött flimmer) mellan närliggande toppar och dalar i en kartläggning av den relativa ljusstyrkan (eller relativa ljusstyrka/färg för rött flimmer) mätt mot tiden. Flimmer består av två motsatta övergångar.</p> <p class="prefix"><em>Anmärkning 3: </em>Den nuvarande definition inom området för <strong>"två motsatta övergångar som innehåller en röd ton"</strong> är då ena eller båda tillstånden som är involverade i varje övergång; R/(R+G+B)> = 0.8, och förändringen i värdet av (R-G-B)x320 är > 20 (negativa värden av (R-G-B)x320 är satt till noll) för båda övergångarna. R-, G- & B-värden sträcker sig från 0-1 vilket anges i definitionen av "relativ ljusstyrka". <a href="#HARDING-BINNIE">[HARDING-BINNIE]</a></p> <p class="prefix"><em>Anmärkning 4: </em>Det finns verktyg för att utföra analyser genom skärminspelning. Dock är inga verktyg nödvändiga för att bedöma om villkoret uppfylls om flimmer är mindre än eller lika med 3 flimmer i vilken sekund som helst. Innehåll passerar automatiskt (se #1 och #2 ovan).</p> </div> </dd> <dt class="label"><a name="keybrd-interfacedef" id="keybrd-interfacedef"></a>gränssnitt för tangentbord</dt> <dd><p>gränssnitt som används av mjukvara för att tangentbordsinmatning ska fungera.</p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Ett gränssnitt för tangentbord tillåter användare att göra tangentbordsinmatningar i program även om den ursprungliga tekniken inte innehåller ett tangentbord.</p> <div class="example"> <p class="prefix"><em>Exempel: </em>En handdator med pekskärm har ett gränssnitt för tangentbord inbyggt i sitt operativsystem samt en anslutning för externa tangentbord. Applikationer på handdatorn kan använda gränssnittet för att tangentbordsinmatning ska fungera antingen från ett externt tangentbord eller från andra applikationer som erbjuder simulerad tangentbordsproduktion med funktionaliteten "tangentbordsemulator".</p> </div> <p class="prefix"><em>Anmärkning 2: </em>Styrning av applikationen (eller delar av applikationen) genom en tangentbordsdriven musemulator, såsom MouseKeys, räknas inte/kvalificeras inte som styrning genom gränssnitt för tangentbord eftersom styrning av programmet sker genom gränssnittet för inmatning via pekdon/pekdonsinmatning och inte genom gränssnittet för tangentbordsinmatning.</p> </div> </dd> <dt class="label"><a name="atdef" id="atdef"></a>hjälpmedel</dt> <dd><p>hårdvara och/eller mjukvara som ger stöd till personer med olika funktionsnedsättningar. Hjälpmedlet kan vara inbyggt i vanligt förekommande programvaror eller i olika slags vanligt förekommande utrustning. Men de kan också utgöra helt egna program och helt fristående utrustning som bara används av personer med funktionsnedsättning. Dessa kan då i regel erbjuda ett bättre och utökat stöd jämfört med vanliga produkter. </p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em> Funktionalitet som tillhandahålls av hjälpmedel inkluderar alternativa presentationsmetoder/funktioner (t ex syntetiskt tal eller förstorat innehåll), alternativa inmatningsmetoder (t ex röst), ytterligare navigerings- eller orienteringsmetoder och innehållstransformationer (t ex att göra tabeller mer tillgängliga). </p> <p class="prefix"><em>Anmärkning 2: </em>Hjälpmedel förmedlar ofta data och meddelanden med vanliga användarprogram genom att använda och övervaka <acronym title="Application Programming Interfaces">API:er</acronym>. </p> <p class="prefix"><em>Anmärkning 3: </em>Gränsen mellan vanliga användarprogram och hjälpmedel är inte glasklar. Många vanliga användarprogram erbjuder vissa funktioner för att hjälpa personer med funktionsnedsättning. Den främsta skillnaden är att vanliga användarprogram riktar sig till en bred, heterogen publik som oftast både innefattar personer med och utan funktionsnedsättning. Hjälpmedel riktar sig mot en smalt definierad grupp av användare med specifika funktionsnedsättningar. Stödet som erbjuds genom ett hjälpmedel är mer specifikt och anpassat för behoven som finns inom respektive målgrupp. Det vanliga användarprogrammet kan erbjuda viktig funktionalitet för hjälpmedel, såsom att hämta webbinnehåll från programelement eller dela upp kod i identifierbara grupper. </p> </div> <div class="example"> <p class="prefix"><em>Exempel: </em>De hjälpmedel som är viktiga i samband med detta dokument är:</p> <ul> <li><p>skärmförstorare och andra visuella läshjälpmedel som används av personer med synskador eller läs- och skrivsvårigheter för att ändra teckensnitt, storlek, avstånd, färg, synkronisering med tal osv. för att förbättra den visuella läsbarheten av presenterad text och bild;</p> </li> <li><p>skärmläsare, som används av personer som är blinda för att kunna läsa textinformation via syntetiskt tal eller punktskrift (braille);</p> </li> <li><p>text-till-tal-mjukvara, som används av vissa personer med kognitiva funktionsnedsättningar, språkliga problem och inlärningssvårigheter för att omvandla text till syntetiskt tal;</p> </li> <li><p>talkigenkänning, program som kan användas av personer som har fysiska funktionsnedsättningar och som matar in data med hjälp av sin röst;</p> </li> <li><p>alternativa tangentbord, som används av personer med vissa fysiska funktionsnedsättningar för att simulera tangentbordet (inklusive alternativa tangentbord som använder huvudpekare, enkla brytare, sug- och blåsmunstycken och andra speciella inmatningsenheter);</p> </li> <li><p>alternativa pekdon, som används av personer med vissa fysiska funktionsnedsättningar för att simulera muspekning och knappaktiveringar.</p> </li> </ul> </div> </dd> <dt class="label"><a name="real-time-eventsdef" id="real-time-eventsdef"></a>händelse i realtid</dt> <dd><p>händelse som a) sker samtidigt som den betraktas och b) inte är helt skapat utifrån innehållet. </p> <div class="example"> <p class="prefix"><em>Exempel 1: </em>En webbsändning av ett liveuppträdande (sker samtidigt som den betraktas och är inte förinspelat).</p> <p class="prefix"><em>Exempel 2: </em>En online-auktion med människor som lägger bud (sker samtidigt som den betraktas). </p> <p class="prefix"><em>Exempel 3: </em>Människor som interagerar i en virtuell värld med hjälp av avatarer (är inte helt konstruerat utifrån innehållet och sker samtidigt som den betraktas). </p> </div> </dd> <dt class="label"><a name="lowseceddef" id="lowseceddef"></a>högstadienivå</dt> <dd><p>två- eller treårsperiod av skolundervisning som börjar efter att man klarat av sex år i grundskolan och slutar nio år efter att man börjat <a title="definition: grundskolan" href="#primseceddef" class="termref">grundskolan</a>. </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Definitionen är baserad på den internationella standardklassificeringen av utbildning <a href="#UNESCO">[UNESCO]</a>.</p> </div> </dd> <dt class="label"><a name="fullscreenwindowdef" id="fullscreenwindowdef"></a>i ett helskärmsfönster</dt> <dd><p>på de vanligaste stationära/bärbara datorers bildskärmar med visningsytan maximerad.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Eftersom människor i allmänhet har sina datorer i flera år är det bäst att inte förlita sig på den senaste stationära/bärbara datorns skärmupplösning utan beakta de vanliga stationära/bärbara datorernas skärmupplösningar över flera år när man gör denna utvärdering.</p> </div> </dd> <dt class="label"><a name="informativedef" id="informativedef"></a>informativ</dt> <dd><p>för informationssyfte, och krävs inte för uppfyllande.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Innehåll som krävs för <a title="definition: uppfyllande" href="#conformancedef" class="termref">uppfyllande</a> kallas "<a title="definition: normativt" href="#normativedef" class="termref">normativt</a>."</p> </div> </dd> <dt class="label"><a name="input-errordef" id="input-errordef"></a>inmatningsfel</dt> <dd><p>data inmatad av användaren som inte accepteras av systemet.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em> Detta inkluderar:</p> <ol class="enumar"> <li><p>Data som krävs av <a title="definition: webbsidan" href="#webpagedef" class="termref">webbsidan</a> men försummas av användaren.</p> </li> <li><p>Data som matats in av användaren men som har felaktiga format eller ogiltiga värden.</p> </li> </ol> </div> </dd> <dt class="label"><a name="contentdef" id="contentdef"></a>innehåll (webbinnehåll)</dt> <dd><p>information och sensorisk upplevelse som är tänkt att kommuniceras till användarna med hjälp av ett <a title="definition: användarprogram" href="#useragentdef" class="termref">användarprogram</a>, inklusive kod eller uppmärkning (code eller markup) som definierar innehållets <a title="definition: struktur" href="#structuredef" class="termref">struktur</a>, <a title="definition: presentation" href="#presentationdef" class="termref">presentation</a>, och interaktion. </p> </dd> <dt class="label"><a name="non-text-contentdef" id="non-text-contentdef"></a>innehåll som inte är text</dt> <dd><p>innehåll som inte är en sekvens av tecken som kan <a title="definition: tydliggöras automatiskt (programmatically determinable)" href="#programmaticallydetermineddef" class="termref">tydliggöras automatiskt</a> eller där sekvensen inte uttrycker något i <a title="definition: mänskligt språk" href="#human-langdef" class="termref">mänskligt språk</a>. </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Detta inkluderar <a title="definition: ASCII-konst" href="#asciiartdef" class="termref">ASCII-konst</a> (som är mönster av tecken), smileys (emoticons), leetspeak (siffer-akronymer inom online-kulturen) och bilder som representerar text.</p> </div> </dd> <dt class="label"><a name="jargondef" id="jargondef"></a>jargong</dt> <dd><p>ord, uttryck och termer som är specifika inom ett visst fackområde.</p> <div class="example"> <p class="prefix"><em>Exempel: </em>Tröga tangenter är jargong inom hjälpmedelsindustrin.</p> </div> </dd> <dt class="label"><a name="suppcontentdef" id="suppcontentdef"></a>kompletterande innehåll</dt> <dd><p>ytterligare <a title="definition: innehåll (Webbinnehåll)" href="#contentdef" class="termref">innehåll</a> som illustrerar eller förtydligar det huvudsakliga innehållet. </p> <div class="example"> <p class="prefix"><em>Exempel 1: </em> En ljudversion av en <a title="definition: webbsida" href="#webpagedef" class="termref">webbsida</a>. </p> <p class="prefix"><em>Exempel 2: </em> En illustration av en komplicerad <a title="definition: process" href="#processdef" class="termref">process</a>. </p> <p class="prefix"><em>Exempel 3: </em> ett stycke som sammanfattar de viktigaste resultaten samt rekommendationerna från en forskningsstudie. </p> </div> </dd> <dt class="label"><a name="user-interface-componentdef" id="user-interface-componentdef"></a>komponent i ett användargränssnitt</dt> <dd><p>den del av innehållet som av användare uppfattas som en enda kontroll för en specifik funktion.</p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Flera komponenter av användargränssnitt kan implementeras som ett enda programmeringselement. Här är komponenter är inte bundna till programmeringstekniker, utan snarare vad användare uppfattar som separata kontroller. </p> <p class="prefix"><em>Anmärkning 2: </em>Komponenter i ett användargränssnitt inkluderar formulärelement och länkar samt komponenter som genereras med hjälp av script. </p> </div> <div class="example"> <p class="prefix"><em>Exempel: </em>En applet har en "kontroll" som kan användas för att gå igenom innehåll radvis, per sida eller slumpmässigt. Eftersom var och en av dessa parametrar skulle behöva ha ett namn och vara valbara så skulle de också vara en "komponent i ett användargränssnitt".</p> </div> </dd> <dt class="label"><a name="contrast-ratiodef" id="contrast-ratiodef"></a>kontrastvärde</dt> <dd><p>(L1 + 0.05) / (L2 + 0.05), där</p> <ul> <li><p>L1 är den <a title="definition: relativa ljusstyrkan" href="#relativeluminancedef" class="termref">relativa ljusstyrkan</a> av de ljusare färgerna, och</p> </li> <li><p>L2 är den <a title="definition: relativa ljusstyrkan" href="#relativeluminancedef" class="termref">relativa ljusstyrkan</a> av de mörkare färgerna.</p> </li> </ul> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Kontrastvärdet kan variera från 1 till 21 (man skriver ofta 1:1 till 21:1).</p> <p class="prefix"><em>Anmärkning 2: </em>Eftersom utvecklaren inte har samma kontroll över användarnas inställningar och hur dessa påverkar renderingen (t ex teckenutjämning eller sampling (anti-aliasing)), kan kontrastvärdet för text utvärderas med sampling avstängd.</p> <p class="prefix"><em>Anmärkning 3: </em>För syftet med framgångskriterium 1.4.3 och 1.4.6 mäts kontrast med hänsyn till den specifika bakgrunden som texten finns på vid normal användning. Om ingen bakgrundsfärg är angiven, förutsätts vit bakgrund. </p> <p class="prefix"><em>Anmärkning 4: </em>Bakgrundsfärg är den angivna färgen på bakgrunden, där texten ska finnas vid normal användning. Det är ett misslyckande om inte bakgrundsfärgen anges när textfärg anges eftersom användarens standardbakgrundsfärg är okänd och inte kan utvärderas för att avgöra om det är tillräcklig kontrast. Av samma anledning är det ett misslyckande om inte textfärgen anges när bakgrundsfärgen anges. </p> <p class="prefix"><em>Anmärkning 5: </em>När det finns en kantlinje runt bokstaven så kan kantlinjen öka kontrasten och ska då användas vid beräkning av kontrast mellan bokstaven och dess bakgrund. En smal kantlinje runt bokstaven skall användas som bokstaven. En bred kantlinje runt bokstaven som fyller i de inre detaljerna av bokstaven fungerar som en sorts gloria och skall betraktas som bakgrund.</p> <p class="prefix"><em>Anmärkning 6: </em>Vid utvärdering för att avgöra om kraven i WCAG uppfylls bör mätningar göras på, i innehållet angivna, färgpar som upphovsmannen kan förvänta sig uppträder tillsammans vid normal visning. Utvecklare behöver inte ta hänsyn till ovanliga presentationer såsom färgändringar gjorda av användarprogrammet förutom när det orsakas av utvecklarens kod.</p> </div> </dd> <dt class="label"><a name="labeldef" id="labeldef"></a>ledtext/etikett</dt> <dd><p><a title="definition: text" href="#textdef" class="termref">text</a> eller annan komponent med ett <a title="definition: textalternativ " href="#text-altdef" class="termref">textalternativ</a> som presenteras för en användare för att kunna identifiera en komponent inom webb<a title="definition: innehållet (Web content)" href="#contentdef" class="termref">innehållet</a>. </p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em> En etikett presenteras för alla användare medan <a title="definition: namnet" href="#namedef" class="termref">namnet</a> kan vara dolt och enbart exponerat av hjälpmedel. I många fall (men inte alla) är etiketten och namnet samma. </p> <p class="prefix"><em>Anmärkning 2: </em>Termen etikett är inte begränsad till label-elementet i HTML. </p> </div> </dd> <dt class="label"><a name="audiodef" id="audiodef"></a>ljud</dt> <dd><p>teknik för återgivning av ljud</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em> : Ljud kan skapas syntetiskt (inklusive talsyntes), inspelat från verkligheten eller både och.</p> </div> </dd> <dt class="label"><a name="audiodescdef" id="audiodescdef"></a>ljudbeskrivning</dt> <dd><p>beskrivning som läggs till ljudspåret för att beskriva viktiga visuella detaljer som inte kan förstås enbart från det huvudsakliga ljudspåret. </p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em> Ljudbeskrivning av <a title="definition: video" href="#videodef" class="termref">video</a> ger information om händelser, personer, scenändringar, visuellt presenterad text och annat visuellt innehåll. </p> <p class="prefix"><em>Anmärkning 2: </em>Vid ljudbeskrivning är berättelsen vanligtvis inlagd under pauserna i dialogerna. (Se även <a title="definition: utökad ljudbeskrivning" href="#extended-addef" class="termref">utökad ljudbeskrivning</a>.)</p> <p class="prefix"><em>Anmärkning 3: </em>Där all <a title="definition: video" href="#videodef" class="termref">video</a>information redan är inkluderad i befintligt <a title="definition: ljud" href="#audiodef" class="termref">ljud</a> är det inte nödvändigt med ytterligare ljudbeskrivning.</p> <p class="prefix"><em>Anmärkning 4: </em>Kallas även "videobeskrivning" och "beskrivande skildring".</p> </div> </dd> <dt class="label"><a name="correct-reading-sequencedef" id="correct-reading-sequencedef"></a>logisk läsordning</dt> <dd><p>en ordningsföljd där orden och styckena presenteras i en ordning som inte förändrar betydelsen av innehållet. </p> </dd> <dt class="label"><a name="primseceddef" id="primseceddef"></a>låg- och mellanstadienivå</dt> <dd><p>sexårig period som startar i åldrarna fem till sju år, möjligen utan någon tidigare utbildning.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em> Definitionen är baserad på den internationella standardklassificeringen av utbildning.<a href="#UNESCO">[UNESCO]</a>.</p> </div> </dd> <dt class="label"><a name="multimedia-alt-textdef" id="multimedia-alt-textdef"></a>mediealternativ till text</dt> <dd><p>medier som inte presenterar mer information än vad som redan presenterats i text (direkt eller via textalternativ). </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em> Ett mediealternativ till text erbjuds för dem som gynnas av alternativ till text. Mediealternativ till text kan vara enbart ljud, enbart video (inklusive teckenspråksvideo) eller en kombination av ljud och video. </p> </div> </dd> <dt class="label"><a name="mechanismdef" id="mechanismdef"></a>metod/funktion</dt> <dd><p><a title="definition: process" href="#processdef" class="termref">process</a> eller teknik för att uppnå ett resultat.</p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Metoden/funktionen kan antingen tillhandahållas i innehållet eller så kan man <a title="definition: förlita sig på (technologies that are)" href="#reliedupondef" class="termref">förlita sig på</a> att den tillhandahålls av plattformen eller <a title="definition: användarprogram" href="#useragentdef" class="termref">användarprogram</a>, inklusive <a title="definition: hjälpmedel (as used in this document)" href="#atdef" class="termref">hjälpmedel</a>.</p> <p class="prefix"><em>Anmärkning 2: </em>Metoden/funktionen måste uppfylla alla framgångskriterier enligt den uppfyllandenivå som angetts. </p> </div> </dd> <dt class="label"><a name="human-langdef" id="human-langdef"></a>mänskligt språk</dt> <dd><p>språk som förstås och används för kommunikation mellan människor, genom tal, skrift eller tecken (taktila eller visuella). </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Se även <a title="definition: teckenspråk" href="#sign-languagedef" class="termref">teckenspråk</a>.</p> </div> </dd> <dt class="label"><a name="namedef" id="namedef"></a>namn</dt> <dd><p>text genom vilken mjukvara kan identifiera en komponent i webbinnehållet för användaren. </p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Namnet kan vara dolt och endast exponeras av hjälpmedel, medan en <a title="definition: etikett" href="#labeldef" class="termref">etikett</a> presenteras för alla användare. I många (men inte alla) fall är etiketten och namnet desamma. </p> <p class="prefix"><em>Anmärkning 2: </em>Namn är inte kopplat till name-attributet i HTML.</p> </div> </dd> <dt class="label"><a name="nav-seqdef" id="nav-seqdef"></a>navigera stegvis</dt> <dd><p>navigera i en definierad ordning genom att flytta fokus stegvis med hjälp av ett gränssnitt för <a title="definition: keyboard interface" href="#keybrd-interfacedef" class="termref">tangentbord</a>. </p> </dd> <dt class="label"><a name="normativedef" id="normativedef"></a>normerande</dt> <dd><p>krävs för uppfyllande</p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Man kan uppfylla riktlinjerna på flera olika sätt. De olika sätten definieras och beskriv i detta dokument.</p> <p class="prefix"><em>Anmärkning 2: </em>Information som anges som "<a title="definition: informativt" href="#informativedef" class="termref">informativt</a>" eller "icke normerande" är aldrig tvingande för uppfyllande.</p> </div> </dd> <dt class="label"><a name="emergencydef" id="emergencydef"></a>nödfall</dt> <dd><p>en plötslig, oväntad situation eller händelse som kräver omedelbar åtgärd för att bevara hälsa, säkerhet eller egendom.</p> </dd> <dt class="label"><a name="pauseddef" id="pauseddef"></a>pausad</dt> <dd><p>stoppad på användarens begäran och återupptas inte förrän det begärts av användaren.</p> </dd> <dt class="label"><a name="presentationdef" id="presentationdef"></a>presentation</dt> <dd><p>återgivning av <a title="definition: innehåll (Webbinnehpll)" href="#contentdef" class="termref">innehåll</a>et på ett sätt som är möjligt för användaren att uppfatta. </p> </dd> <dt class="label"><a name="processdef" id="processdef"></a>process</dt> <dd><p>en serie handlingar som utförs av en användare där varje handling är nödvändig för att kunna slutföra en aktivitet.</p> <div class="example"> <p class="prefix"><em>Exempel 1: </em>Framgångsrik användning av ett antal webbsidor på en shoppingsida kräver att användaren tittar på alternativa produkter, priser och erbjudanden, väljer produkter, gör en beställning, ger leveransinformation och betalningsinformation.</p> <p class="prefix"><em>Exempel 2: </em>En registreringssida för att skapa konto kräver korrekt slutförande av Turingtest innan man kan få tillgång till registreringsblanketten.</p> </div> </dd> <dt class="label"><a name="relationshipsdef" id="relationshipsdef"></a>relationer</dt> <dd><p>meningsfulla associationer mellan specifika delar av innehållet. </p> </dd> <dt class="label"><a name="relativeluminancedef" id="relativeluminancedef"></a>relativ ljusstyrka</dt> <dd><p>den relativa intensiteten för varje punkt i en färgrymd, normaliserad till 0 för mörkaste svart och 1 för ljusaste vit.</p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>För färgskalan sRGB är den relativa ljusstyrkan av en färg definierad som L = 0.2126 <strong>R</strong> + 0.7152 * <strong>G</strong> + 0.0722 * <strong>B</strong> där <strong>R</strong>, <strong>G</strong> och <strong>B</strong> är definierade som:</p> <ul> <li><p>om R<sub>sRGB</sub> <= 0.03928 så <strong>R</strong> = R<sub>sRGB</sub>/12.92 eller <strong>R</strong> = ((R<sub>sRGB</sub>+0.055)/1.055) ^ 2.4</p> </li> <li><p>om G<sub>sRGB</sub> <= 0.03928 så <strong>G</strong> = G<sub>sRGB</sub>/12.92 eller <strong>G</strong> = ((G<sub>sRGB</sub>+0.055)/1.055) ^ 2.4</p> </li> <li><p>om B<sub>sRGB</sub> <= 0.03928 så <strong>B</strong> = B<sub>sRGB</sub>/12.92 eller <strong>B</strong> = ((B<sub>sRGB</sub>+0.055)/1.055) ^ 2.4</p> </li> </ul> <div class="note"> <p class="prefix">och R<sub>sRGB</sub>, G<sub>sRGB</sub>, och B<sub>sRGB</sub> är definierade som:</p> </div> <ul> <li><p>R<sub>sRGB</sub> = R<sub>8bit</sub>/255</p> </li> <li><p>G<sub>sRGB</sub> = G<sub>8bit</sub>/255</p> </li> <li><p>B<sub>sRGB</sub> = B<sub>8bit</sub>/255</p> </li> </ul> <div class="note"> <p class="prefix">"^" tecknet är exponeringsoperatören. (Formel tagen från <a href="#sRGB">[sRGB]</a> och <a href="#IEC-4WD">[IEC-4WD]</a>).</p> </div> <p class="prefix"><em>Anmärkning 2: </em>Nästan alla av dagens system för presentation av webbinnehåll förutsätter sRGB-kodning. Om det inte är känt att ett annat färgrum skall användas för att bearbeta och presentera innehåll, så bör utvecklare utvärdera om sRGB:s färgrum kan användas. Om annat färgrum används, se <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" shape="rect">Understanding Success Criterion 1.4.3 </a>. </p> <p class="prefix"><em>Anmärkning 3: </em>Om färgförvrängning inträffar efter leverans så används källan för färgvärdet. För färger som är förvrängda vid källan bör medelvärdena för färgerna som är förvrängda används (medel för R, medel för G och medel för B).</p> <p class="prefix"><em>Anmärkning 4: </em>Det finns verktyg som gör beräkningarna automatiskt när man testar kontrast och flimmer.</p> <p class="prefix"><em>Anmärkning 5: </em> <a href="relative-luminance.xml">En MathML-version av den relativa ljusstyrkans definition</a> finns tillgänglig. </p> </div> </dd> <dt class="label"><a name="puredecdef" id="puredecdef"></a>rent dekorativ</dt> <dd><p>tjänar enbart ett estetiskt syfte; ger ingen information och har ingen funktion. </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Text är enbart dekorativ om orden kan ändras om eller ersättas utan att ändra textens syfte.</p> </div> <div class="example"> <p class="prefix"><em>Exempel: </em>Omslaget till en ordbok har mycket ljusa slumpmässiga ord i bakgrunden.</p> </div> </dd> <dt class="label"><a name="roledef" id="roledef"></a>roll</dt> <dd><p>text eller nummer genom vilken/vilket mjukvara kan identifiera funktionen av en komponent inom webbinnehåll.</p> <div class="example"> <p class="prefix"><em>Exempel: </em>Ett nummer som visar om en bild fungerar som en länk, knapp eller kryssruta.</p> </div> </dd> <dt class="label"><a name="legalcommitmentsdef" id="legalcommitmentsdef"></a>rättsliga åtaganden</dt> <dd><p>aktiviteter där personen ingår juridiskt bindande skyldigheter eller förmåner.</p> <div class="example"> <p class="prefix"><em>Exempel: </em>Ett äktenskapsbevis, aktiehandel (ekonomiska och juridiska), ett testamente, ett lån, adoption, registrering till värnplikt, ett kontrakt av något slag, etc.</p> </div> </dd> <dt class="label"><a name="samefunctionalitydef" id="samefunctionalitydef"></a>samma funktionalitet</dt> <dd><p>samma resultat när de används. </p> <div class="example"> <p class="prefix"><em>Exempel: </em> En "sök"-knapp på en webbsida och en "hitta"-knapp på en annan webbsida kan båda ha ett fält för att skriva in ett ord och sedan lista ämnen inom webbplatsen med anknytning till begreppet/ordet som skrivits in. I detta fall skulle de ha samma funktionalitet men inte vara uppmärkta på samma sätt.</p> </div> </dd> <dt class="label"><a name="samerelorderdef" id="samerelorderdef"></a>samma inbördes ordning</dt> <dd><p>samma inbördes position i förhållande till andra objekt.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em> Objekt anses vara i samma inbördes ordning även om andra objekt läggs till eller tas bort från den ursprungliga ordningen. Exempelvis kan man lägga till ytterligare en detaljnivå i expanderande navigeringsmenyer eller så kan en undermeny läggas in i läsordningen.</p> </div> </dd> <dt class="label"><a name="context-sensitivehelpdef" id="context-sensitivehelpdef"></a>sammanhangsberoende hjälp</dt> <dd><p>hjälptext som tillhandahåller information som berör den funktion som för närvarande utförs.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Tydliga etiketter (labels) kan fungera som sammanhangsberoende hjälp.</p> </div> </dd> <dt class="label"><a name="larger-scaledef" id="larger-scaledef"></a>stor stil (text)</dt> <dd><p>text med minst 18 punkter, 14 punkter fet eller teckenstorlek som skulle ge motsvarande storlek för kinesiska, japanska och koreanska typsnitt. </p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Typsnitt med ovanligt tunna linjer eller ovanliga kännetecken och egenskaper som minskar igenkänningen av bokstavsformerna är svårare att läsa, särskilt på lägre kontrastnivåer.</p> <p class="prefix"><em>Anmärkning 2: </em>Teckenstorlek är storleken då innehållet levereras. Det innefattar inte ändring av storlek som kan göras av en användare.</p> <p class="prefix"><em>Anmärkning 3: </em>Den faktiska storleken på tecknen som en användare ser är beroende av utvecklarens definierade storlek och användarens bildskärm eller inställningar för användarprogram. För många vanliga brödtextteckensnitt är 14 punkter och 18 punkter ungefär detsamma som 1.2 och 1.5 em eller 120 % eller 150 % av standardstorleken för brödtexten (förutsatt att grundstorleken är 100 %), men detta behöver kontrolleras för det specifika typsnittet. När typsnittet definieras i relativa mått blir det faktiska antalet punkter som visas beräknat av användarprogrammet . Storleken på punkterna ska hämtas från användarprogrammet, eller baseras på typsnittets egenskaper på samma sätt som användarprogrammet gör, när man utvärderar hur väl detta krav uppfylls. Användare som har en synnedsättning bör vara ansvariga för att välja lämpliga inställningar. </p> <p class="prefix"><em>Anmärkning 4: </em>När man använder text utan att ange teckenstorleken så skulle den minsta teckenstorleken för ospecificerad text på vanliga webbläsare vara rimlig storlek att anta för teckensnittet. Om en rubrik nivå 1 renderas i 14 punkters fet eller större på vanliga webbläsare, då skulle det vara rimligt att anta att det är stor text. Relativ skalning kan beräknas från standardstorlekar på ett liknande sätt. </p> <p class="prefix"><em>Anmärkning 5: </em>Storlekarna 18 punkter och 14 punkter för latinska tecken är hämtade från den minsta storleken för stor text (14 punkter) och den stora standardteckenstorleken (18 punkter). För andra teckensnitt, såsom de inom de tre stora asiatiska språken kinesiska, japanska och koreanska, skulle de "motsvarande" storlekarna vara den minsta möjliga stora textstorleken som används för dessa språk och den näst största standardtextstorleken.</p> </div> </dd> <dt class="label"><a name="structuredef" id="structuredef"></a>struktur</dt> <dd><ol class="enumar"> <li><p>Sättet som delarna av en <a title="definition: webbsida" href="#webpagedef" class="termref">webbsida</a> är organiserade i förhållande till varandra; och </p> </li> <li><p>Sättet som en samling <a title="definition: webbsida" href="#webpagedef" class="termref">webbsidor</a> är organiserade.</p> </li> </ol> </dd> <dt class="label"><a name="accessibility-supporteddef" id="accessibility-supporteddef"></a>stöd för tillgänglighet</dt> <dd><p>stöds av användarnas <a title="definition: hjälpmedel (som det används i detta dokument)" href="#atdef" class="termref">hjälpmedel</a> samt de tillgänglighetsfunktioner som finns i webbläsare och andra <a title="definition: användarprogram" href="#useragentdef" class="termref">användarprogram</a> </p> <p>För att användningen av en webbteknik (eller del av en webbteknik) ska anses ge stöd för tillgänglighet måste både 1 och 2 vara uppfyllda:</p> <ol class="enumar"> <li><p><strong>Sättet som <a title="definition: tekniken för webbinnehållet" href="#technologydef" class="termref">tekniken för webbinnehållet</a> används på måste stödjas av användarnas hjälpmedel.</strong> Detta innebär att användningen av webbtekniken har testats för att säkra interoperabilitet med användarnas hjälpmedel på de(t) <a title="definition: mänskliga språk" href="#human-langdef" class="termref">mänskliga språk</a> som används i innehållet,</p> <p><strong>OCH</strong> </p> </li> <li><p><strong>Tekniken för webbinnehåll måste ha användarprogram med stöd för tillgänglighet som är nåbara för användarna.</strong> Detta innebär att minst ett av följande fyra påståenden är sanna:</p> <ol class="enumla"> <li><p>Tekniken stöds direkt i allmänt distribuerade användarprogram som också har stöd för tillgänglighet (såsom HTML och CSS);</p> <p><strong>ELLER</strong> </p> </li> <li><p>Tekniken stöds i ett allmänt distribuerat insticksprogram som också har stöd för tillgänglighet; </p> <p><strong>ELLER</strong> </p> </li> <li><p>Innehållet finns i en sluten miljö, t.ex. ett universitet eller ett företagsnätverk, där användarprogrammet som krävs för tekniken och som används av organisationen också har stöd för tillgänglighet; </p> <p><strong>ELLER</strong> </p> </li> <li><p>Användarprogram som stödjer tekniken har stöd för tillgänglighet och går att ladda ner eller köpas på ett sätt så att:</p> <ul> <li><p>det inte kostar mer för en person med funktionsnedsättning än en person utan funktionsnedsättning <strong>och</strong></p> </li> <li><p>är lika lätt att hitta och skaffa för en person med funktionsnedsättning som för en person utan funktionsnedsättning.</p> </li> </ul> </li> </ol> </li> </ol> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>WCAG:s arbetsgrupp och WC3 specificerar inte vilket eller hur omfattande hjälpmedelsstöd som måste finnas för att webbtekniken ska anses ha stöd för tillgänglighet (Se <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-support-level-head">Level of Assistive Technology Support Needed for "Accessibility Support"</a>.)</p> <p class="prefix"><em>Anmärkning 2: </em>Webbtekniker får användas på ett sätt som inte har stöd för tillgänglighet om inte sidan <a title="definition: förlitar sig på" href="#reliedupondef" class="termref">förlitar sig på</a> webbtekniken, och webbsidan i det stora hela möter uppfyllandekraven, inklusive <a href="#cc4">Uppfyllnadskrav 4: Teknologier används bara på ett sätt som har stöd för tillgänglighet</a> och <a href="#cc5">Uppfyllnadskrav 5: inte störande</a> uppfylls.</p> <p class="prefix"><em>Anmärkning 3: </em>När en <a title="definition: webbteknik" href="#technologydef" class="termref">webbteknik</a> används på ett sätt som har stöd för tillgänglighet innebär det inte att hela tekniken eller alla användningssätt inom tekniken stöds. De flesta tekniker, inklusive HTML, saknar stöd för minst en funktion eller ett användningsområde. Sidor uppfyller WCAG bara om man kan lita på att användningen av tekniken som har stöd för tillgänglighet möter WCAG:s krav.</p> <p class="prefix"><em>Anmärkning 4: </em>När man hänvisar till tekniker för webbinnehåll som har flera versioner så ska de versioner som har stöd vara specificerade.</p> <p class="prefix"><em>Anmärkning 5: </em>Ett sätt för utvecklarna att hitta användningssätt inom en teknik som har stöd för tillgänglighet kan vara att konsultera sammanställningar av användningssätt som har dokumenterat stöd för tillgänglighet. (Se <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-documented-lists-head">Understanding Accessibility-Supported Web Technology Uses</a>.) Utvecklare, företag, teknikförsäljare eller andra kan dokumentera sätt att använda tekniker för webbinnehåll som ger stöd för tillgänglighet. Alla sätt att använda tekniker i dokumentationen behöver uppfylla definitionen "med stöd för tillgänglighet" för webbinnehåll här ovan. </p> </div> </dd> <dt class="label"><a name="linkpurposedef" id="linkpurposedef"></a>syftet med en länk</dt> <dd><p>typ av resultatet som fås genom att aktivera en länk.</p> </dd> <dt class="label"><a name="synchronizedmediadef" id="synchronizedmediadef"></a>synkroniserad media</dt> <dd><p><a title="definition: ljud" href="#audiodef" class="termref">ljud</a> eller <a title="definition: video" href="#videodef" class="termref">video</a> som är synkroniserat med ett annat format för att presentera information och/eller med interaktiva tidsberoende komponenter. Med synkroniserad media menas inte den situation där ljudet/videon tydligt är markerat som ett <a title="definition: mediealternativ" href="#multimedia-alt-textdef" class="termref">mediealternativ</a> till text. </p> </dd> <dt class="label"><a name="sign-languagedef" id="sign-languagedef"></a>teckenspråk</dt> <dd><p>ett språk som använder kombinationer av hand- och armrörelser, ansiktsuttryck eller kroppspositioner för att förmedla information. </p> </dd> <dt class="label"><a name="sign-languageinterpdef" id="sign-languageinterpdef"></a>teckenspråksöversättning</dt> <dd><p>översättning av ett språk, vanligtvis ett talat språk till ett <a title="definition: teckenspråk" href="#sign-languagedef" class="termref">teckenspråk</a>. </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em> Riktiga teckenspråk är oberoende språk, som inte är besläktade med det talade språket/de talade språken i samma land eller region. </p> </div> </dd> <dt class="label"><a name="technologydef" id="technologydef"></a>teknologier (för webbinnehåll)</dt> <dd><p><a title="definition: Process eller teknik" href="#mechanismdef" class="termref">process eller teknik</a> för att skapa kod som kan återges, spelas eller utföras av <a title="definition: användarprogram" href="#useragentdef" class="termref">användarprogram</a> </p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Som begreppen används i dessa riktlinjer refererar både "webbteknik" och "teknik" till tekniker för webbinnehåll.</p> <p class="prefix"><em>Anmärkning 2: </em>Dessa tekniker kan omfatta kodspråk (markup language), dataformat eller programmeringsspråk som utvecklare kan använda separat eller i kombination för att skapa slutresultat som presenteras för användare. Det kan röra sig om allt ifrån statiska webbsidor till synkroniserade mediepresentationer och dynamiska webbapplikationer. </p> </div> <div class="example"> <p class="prefix"><em>Exempel: </em> Några vanliga exempel på tekniker för webbinnehåll är <acronym title="Hypertext Markup Language">HTML</acronym>, <acronym title="Cascading Style Sheets">CSS</acronym>, <acronym title="Scalable Vector Graphics">SVG</acronym>, <acronym title="Portable Network Graphics">PNG</acronym>, <acronym title="Portable Document Format">PDF</acronym>, Flash, och JavaScript. </p> </div> </dd> <dt class="label"><a name="textdef" id="textdef"></a>text</dt> <dd><p>teckenföljd som kan <a title="definition: tydliggöras automatiskt" href="#programmaticallydetermineddef" class="termref">tydliggöras automatiskt</a>, och där följden uttrycker någonting i <a title="definition: mänskligt språk" href="#human-langdef" class="termref">mänskligt språk</a>. </p> </dd> <dt class="label"><a name="images-of-textdef" id="images-of-textdef"></a>text i form av bild</dt> <dd><p>text som har framförts i en icketextform (t ex en bild) för att kunna åstadkomma en speciell visuell effekt.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Detta inkluderar inte <a title="definition: text" href="#textdef" class="termref">text</a> som är en del av en bild som innehåller ytterligare innehåll som är visuellt betydelsefullt.</p> </div> <div class="example"> <p class="prefix"><em>Exempel: </em>: En persons namn på en namnbricka i ett fotografi.</p> </div> </dd> <dt class="label"><a name="text-altdef" id="text-altdef"></a>textalternativ</dt> <dd><p><a title="definition: text" href="#textdef" class="termref">Text</a> som är automatiskt associerad med innehåll som <a title="definition: inte är text" href="#non-text-contentdef" class="termref">inte är text</a> eller hänvisas från text som är automatiskt associerad med innehåll som inte är text. Automatiskt associerad text är text vars placering kan tydliggöras automatiskt utifrån innehållet som inte är text.</p> <div class="example"> <p class="prefix"><em>Exempel: </em> En bild på ett diagram beskrivs i form av text i stycket efter diagrammet. Det korta textalternativet för diagrammet visar att en beskrivning följer. </p> </div> <div class="note"> <p class="prefix"><em>Anmärkning: </em> Se <a href="https://www.w3.org/TR/Understanding-WCAG20/conformance.html#uc-text-alternatives-head">förstå Textalternativ</a> för mer information.</p> </div> </dd> <dt class="label"><a name="captionsdef" id="captionsdef"></a>textbeskrivningar</dt> <dd><p>synkroniserat visuellt- och/eller <a title="definition: textalternativ" href="#text-altdef" class="termref">textalternativ</a> för både talad och icketalad auditiv information som behövs för att kunna förstå innehållet av media. </p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Textbeskrivning liknar dialogundertext men textbeskrivning förmedlar inte bara yttrad dialog utan även motsvarande ljudinformation som inte är en dialog. Detta för att kunna förstå programinnehållet. Textbeskrivning inkluderar ljudeffekter, musik, skratt, information om vem som talar och plats.</p> <p class="prefix"><em>Anmärkning 2: </em>Stängda textbeskrivningar är likvärdiga texter, och kan sättas på och stängas av.</p> <p class="prefix"><em>Anmärkning 3: </em>Öppna textbeskrivningar är alla textbeskrivningar som inte kan stängas av. Till exempel om textbeskrivningen är en visuellt likvärdig <a title="definition: bild av text" href="#images-of-textdef" class="termref">bild av text</a> inbäddad i en <a title="definition: video" href="#videodef" class="termref">video</a>.</p> <p class="prefix"><em>Anmärkning 4: </em>Textbeskrivningar ska inte försvåra eller dölja relevant information i videon.</p> <p class="prefix"><em>Anmärkning 5: </em>: I vissa länder kallas textbeskrivning för subtitles. I Sverige används oftast undertext eller textremsa.</p> <p class="prefix"><em>Anmärkning 6: </em> <a title="definition: Ljudbeskrivningar" href="#audiodescdef" class="termref">Ljudbeskrivningar</a> kan, men behöver inte, textas eftersom de är beskrivningar av information som redan är presenterad visuellt.</p> </div> </dd> <dt class="label"><a name="blockstextdef" id="blockstextdef"></a>textblock</dt> <dd><p>text med mer än en mening i följd.</p> </dd> <dt class="label"><a name="ambiguouslinkdef" id="ambiguouslinkdef"></a>tvetydig för användare i allmänhet</dt> <dd><p>syftet (Vad länken leder till för något) kan inte fastställas utifrån länken och all information på webbsidan som presenteras för användaren samtidigt som länken (dvs. läsare utan funktionsnedsättning skulle inte veta vad en länk gör förrän de aktiverar den).</p> <div class="example"> <p class="prefix"><em>Exempel: </em>Ordet apelsiner i följande mening "En viktig exportvara är apelsiner" är en länk. Länken kan leda till en sida med information om apelsiner, en definition, ett diagram över mängden apelsiner som exporteras eller ett fotografi av människor som skördar apelsiner. Till dess att länken aktiveras är samtliga användare osäkra om länkens innehåll. Personer med funktionsnedsättning är inte missgynnade.</p> </div> </dd> <dt class="label"><a name="conformancedef" id="conformancedef"></a>uppfyllande</dt> <dd><p>att uppfylla alla krav som framställs i en specifik standard, riktlinje eller specifikation. </p> </dd> <dt class="label"><a name="satisfiesdef" id="satisfiesdef"></a>uppfyller ett framgångskriterium</dt> <dd><p>framgångskriterium bedöms inte som "underkänt" om det tillämpas på sidan.</p> </dd> <dt class="label"><a name="set-of-web-pagesdef" id="set-of-web-pagesdef"></a>uppsättning av webbsidor</dt> <dd><p>samling av <a title="definition: Webbsida" href="#webpagedef" class="termref">webbsidor</a>som har ett gemensamt syfte och som skapats av samma utvecklare, grupp eller organisation. </p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Olika språkversioner är att betrakta som olika uppsättningar webbsidor. </p> </div> </dd> <dt class="label"><a name="extended-addef" id="extended-addef"></a>utökad ljudbeskrivning</dt> <dd><p>ljudbeskrivning som lagts till en audiovisuell presentation genom paus av <a title="definition: videon" href="#videodef" class="termref">videon</a> så att det finns tid till att lägga till ytterligare beskrivning.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Denna teknik används bara när innebörden av innehållet i <a title="definition: videon" href="#videodef" class="termref">videon</a> skulle förloras utan utökad <a title="definition: ljudbeskrivning" href="#audiodescdef" class="termref">ljudbeskrivning</a> och pauserna emellan dialog/berättelse är för korta.</p> </div> </dd> <dt class="label"><a name="webpagedef" id="webpagedef"></a>webbsida</dt> <dd><p>en resurs som inte är inbäddad och som hämtats från en enda URI med hjälp av HTTP, samt varje annan resurs som används i återgivningen eller är tänkt att återges tillsammans med den huvudsakliga resursen i ett <a title="definition: användarprogram" href="#useragentdef" class="termref">användarprogram</a>. </p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em>Även om någon "annan resurs" skulle återges tillsammans med den huvudsakliga resursen så skulle de inte nödvändigtvis behöva återges samtidigt.</p> <p class="prefix"><em>Anmärkning 2: </em>För att räknas som en webbsida måste en inte inbäddad resurs finnas med i det som definieras för att kunna uppfylla dessa riktlinjer.</p> </div> <div class="example"> <p class="prefix"><em>Exempel 1: </em>En webbresurs inklusive alla inbäddade bilder och medier.</p> <p class="prefix"><em>Exempel 2: </em>Ett webbmejlprogram byggt med hjälp av asynkron JavaScript och XML (AJAX). Programmet finns enbart på http://example.com/mail, men inkluderar inkorg, kontakter och kalender. Länkar eller knappar finns för att visa inkorgen, kontakterna eller kalendern, men detta ändrar inte programmets URI.</p> <p class="prefix"><em>Exempel 3: </em>En anpassningsbar portalsida, där användare kan välja vilket innehåll som ska visas från ett antal olika innehållsmoduler.</p> <p class="prefix"><em>Exempel 4: </em>När du skriver in http://shopping.example.com/ i din webbläsare så kommer du in i en interaktiv filmliknande shoppingmiljö där du visuellt går runt i en affär, plockar ner produkter från hyllorna och lägger i en visuell kundvagn framför dig. Ett klick på en produkt gör att den visas upp med ett faktablad bredvid. Detta kan vara en webbplats som bara består av en enda sida eller en enda sida inom en webbplats. </p> </div> </dd> <dt class="label"><a name="videodef" id="videodef"></a>video</dt> <dd><p>tekniken för rörliga eller sekvenspresenterade foton eller bilder.</p> <div class="note"> <p class="prefix"><em>Anmärkning: </em>Video kan bestå av animerade- eller fotografiska bilder eller både och.</p> </div> </dd> <dt class="label"><a name="viewportdef" id="viewportdef"></a>visningsyta</dt> <dd><p>yta där användarprogrammet presenterar innehåll. </p> <div class="note"> <p class="prefix"><em>Anmärkning 1: </em><a title="definition: användarprogrammet" href="#useragentdef" class="termref">Användarprogrammet</a> presenterar innehåll genom en eller fler visningsytor. Visningsytor omfattar fönster, ramar, högtalare och virtuella förstoringsglas. En visningsyta kan innehålla andra visningsytor (till exempel nästlade ramar). Gränssnittskomponenter som skapats av användarens programvara såsom prompt, menyer och varningar är inte visningsytor.</p> <p class="prefix"><em>Anmärkning 2: </em>Denna definition är baserad på <a href="https://www.w3.org/TR/WAI-USERAGENT/glossary.html" xml:lang="en" lang="en">User Agent Accessibility Guidelines 1.0 Glossary</a>.</p> </div> </dd> <dt class="label"><a name="visually-customizeddef" id="visually-customizeddef"></a>visuellt anpassningsbar</dt> <dd><p>teckensnitt, storlek, färg och bakgrund kan ställas in. </p> </dd> </dl> </div> <div class="div1"> <h2><a name="acknowledgments" id="acknowledgments"></a>Bilaga B: Tack till</h2> <p>Denna sektion är <a title="definition: informativ" href="#informativedef" class="termref">informativ</a>. </p> <p>Denna publikation har tagits fram delvis med hjälp av federala medel från U.S. Department of Education, National Institute on Disability and Rehabilitation Research (NIDRR) under kontraktsnummer ED05CO0039. Innehållet av denna publikation reflekterar inte nödvändigtvis U.S. Department of Education:s linjer och åsikter, inte heller antyder nämnandet av varumärkesnamn, kommersiella produkter eller organisationer att de rekommenderas av USA:s regering.</p> <p>Ytterligare information gällande deltagande i Web Content Accessibility Guidelines arbetsgrupp (WCAG WG) finns på <a href="https://www.w3.org/WAI/GL/" xml:lang="en" lang="en">Working Group home page</a>. </p> <div class="div2"> <h3><a name="d3e3451" id="d3e3451"></a>Deltagare aktiva I WCAG WG vid publiceringen</h3> <ul> <li><p>Bruce Bailey (U.S. Access Board) </p> </li> <li><p>Frederick Boland (NIST)</p> </li> <li><p>Ben Caldwell (Trace R&D Center, University of Wisconsin)</p> </li> <li><p>Sofia Celic (W3C Invited Expert)</p> </li> <li><p>Michael Cooper (W3C)</p> </li> <li><p>Roberto Ellero (International Webmasters Association / HTML Writers Guild)</p> </li> <li><p>Bengt Farre (Rigab)</p> </li> <li><p>Loretta Guarino Reid (Google)</p> </li> <li><p>Katie Haritos-Shea</p> </li> <li><p>Andrew Kirkpatrick (Adobe)</p> </li> <li><p>Drew LaHart (IBM) </p> </li> <li><p>Alex Li (SAP AG)</p> </li> <li><p>David MacDonald (E-Ramp Inc.)</p> </li> <li><p>Roberto Scano (International Webmasters Association / HTML Writers Guild)</p> </li> <li><p>Cynthia Shelly (Microsoft)</p> </li> <li><p>Andi Snow-Weaver (IBM)</p> </li> <li><p>Christophe Strobbe (DocArch, K.U.Leuven)</p> </li> <li><p>Gregg Vanderheiden (Trace R&D Center, University of Wisconsin)</p> </li> </ul> </div> <div class="div2"> <h3><a name="d3e3510" id="d3e3510"></a> Andra, tidigare aktiva WCAG WG deltagare och andra som bidragit till WCAG 2.0</h3> <p>Shadi Abou-Zahra, Jim Allan, Jenae Andershonis, Avi Arditti, Aries Arditi, Mike Barta, Sandy Bartell, Kynn Bartlett, Marco Bertoni, Harvey Bingham, Chris Blouch, Paul Bohman, Patrice Bourlon, Judy Brewer, Andy Brown, Dick Brown, Doyle Burnett, Raven Calais, Tomas Caspers, Roberto Castaldo, Sambhavi Chandrashekar, Mike Cherim, Jonathan Chetwynd, Wendy Chisholm, Alan Chuter, David M Clark, Joe Clark, James Coltham, James Craig, Tom Croucher, Nir Dagan, Daniel Dardailler, Geoff Deering, Pete DeVasto, Don Evans, Neal Ewers, Steve Faulkner, Lainey Feingold, Alan J. Flavell, Nikolaos Floratos, Kentarou Fukuda, Miguel Garcia, P.J. Gardner, Greg Gay, Becky Gibson, Al Gilman, Kerstin Goldsmith, Michael Grade, Jon Gunderson, Emmanuelle Gutiérrez y Restrepo, Brian Hardy, Eric Hansen, Sean Hayes, Shawn Henry, Hans Hillen, Donovan Hipke, Bjoern Hoehrmann, Chris Hofstader, Yvette Hoitink, Carlos Iglesias, Ian Jacobs, Phill Jenkins, Jyotsna Kaki, Leonard R. Kasday, Kazuhito Kidachi, Ken Kipness, Marja-Riitta Koivunen, Preety Kumar, Gez Lemon, Chuck Letourneau, Scott Luebking, Tim Lacy, Jim Ley, William Loughborough, Greg Lowney, Luca Mascaro, Liam McGee, Jens Meiert, Niqui Merret, Alessandro Miele, Mathew J Mirabella, Charles McCathieNevile , Matt May, Marti McCuller, Sorcha Moore, Charles F. Munat, Robert Neff, Bruno von Niman, Tim Noonan, Sebastiano Nutarelli, Graham Oliver, Sean B. Palmer, Sailesh Panchang, Nigel Peck, Anne Pemberton, David Poehlman, Adam Victor Reed, Chris Ridpath, Lee Roberts, Gregory J. Rosmaita, Matthew Ross, Sharron Rush, Gian Sampson-Wild, Joel Sanda, Gordon Schantz, Lisa Seeman, John Slatin, Becky Smith, Jared Smith, Neil Soiffer, Jeanne Spellman, Mike Squillace, Michael Stenitzer, Jim Thatcher, Terry Thompson, Justin Thorp, Makoto Ueki, Eric Velleman, Dena Wainwright, Paul Walsch, Takayuki Watanabe, Jason White.</p> </div> </div> <div class="div1"> <h2><a name="references" id="references"></a>Bilaga C: Referenser</h2> <p>Denna sektion är <a title="definition: informativ" href="#informativedef" class="termref">informativ</a>. </p> <dl> <dt class="label"><a name="CAPTCHA" id="CAPTCHA"></a>CAPTCHA</dt> <dd xml:lang="en" lang="en">The CAPTCHA Project, Carnegie Mellon University. Projektet finns online på: <a href="http://www.captcha.net">http://www.captcha.net</a>.</dd> <dt class="label"><a name="HARDING-BINNIE" id="HARDING-BINNIE" xml:lang="en" lang="en">HARDING-BINNIE</a></dt> <dd xml:lang="en" lang="en">Harding G. F. A. and Binnie, C.D., Independent Analysis of the ITC Photosensitive Epilepsy Calibration Test Tape. 2002.</dd> <dt class="label"><a name="IEC-4WD" id="IEC-4WD" xml:lang="en" lang="en">IEC-4WD</a></dt> <dd xml:lang="en" lang="en">IEC/4WD 61966-2-1: Colour Measurement and Management in Multimedia Systems and Equipment - Part 2.1: Default Colour Space - sRGB. May 5, 1998.</dd> <dt class="label"><a name="sRGB" id="sRGB" xml:lang="en" lang="en">sRGB</a></dt> <dd xml:lang="en" lang="en">"A Standard Default Color Space for the Internet - sRGB," M. Stokes, M. Anderson, S. Chandrasekar, R. Motta, eds., Version 1.10, November 5, 1996. Ett exemplar av detta arbete finns tillgängligt på: <a href="https://www.w3.org/Graphics/Color/sRGB.html">http://www.w3.org/Graphics/Color/sRGB.html</a>.</dd> <dt class="label"><a name="UNESCO" id="UNESCO" xml:lang="en" lang="en">UNESCO</a></dt> <dd xml:lang="en" lang="en">International Standard Classification of Education, 1997. Ett exemplar av standarderna finns tillgängliga på: <a href="http://www.unesco.org/education/information/nfsunesco/doc/isced_1997.htm">http://www.unesco.org/education/information/nfsunesco/doc/isced_1997.htm</a>.</dd> <dt class="label"><a name="WCAG10" id="WCAG10"></a>WCAG10</dt> <dd xml:lang="en" lang="en">Web Content Accessibility Guidelines 1.0, G. Vanderheiden, W. Chisholm, I. Jacobs, Editors, W3C Recommendation, 5 May 1999, http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/. Den senaste versionen av WCAG 1.0 finns tillgänglig på <a href="https://www.w3.org/TR/WAI-WEBCONTENT/">http://www.w3.org/TR/WAI-WEBCONTENT/</a>.</dd> </dl> </div> </div> </body> </html>