Tillgänlighetsredogörelse

Hur tillgänglig är webbplatsen?

Vi vill att så många som möjligt ska kunna använda vår webbplats. Därför strävar vi efter att så strikt som möjligt följa World Wide Web Consortiums (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) på AA-nivå. Dessa riktlinjer förklarar hur man gör innehåll på webben tillgängligt för personer med olika funktionsnedsättningar. Att följa dessa riktlinjer hjälper oss att säkerställa att webbplatsen är tillgänglig för blinda, personer med motoriska funktionsnedsättningar, synnedsättningar, kognitiva funktionsnedsättningar med mera.

Vår webbplats använder olika tekniker som är avsedda att göra den så tillgänglig som möjligt. Vi använder ett tillgänglighetsgränssnitt som gör det möjligt för användare att justera användargränssnittet och anpassa det efter sina personliga behov. Dessutom använder webbplatsen en AI-baserad applikation som körs i bakgrunden och ständigt optimerar tillgänglighetsnivån.

Applikationen korrigerar webbplatsens HTML, anpassar dess funktionalitet och beteende för skärmläsare som används av blinda användare och för tangentbordsfunktioner som används av personer med motoriska funktionsnedsättningar.

För att göra egna anpassningar och välja profil klickar användaren på den orangea tillgänlighetsikonen i det nedre högra hörnet av webbplatsen

Skärmläsare och tangentbordsnavigering

Vår webbplats implementerar ARIA-attributtekniken (Accessible Rich Internet Applications), tillsammans med olika beteendeförändringar, för att säkerställa att blinda användare som besöker med skärmläsare kan läsa och förstå webbplatsens funktioner. Så snart en användare med en skärmläsare kommer in på webbplatsen får de en uppmaning att ange skärmläsarprofilen.

Så här täcker vår webbplats några av de viktigaste kraven för skärmläsare:

Skärmläsaroptimering:

Vi kör en process som lär sig webbplatsens komponenter från topp till tå för att säkerställa kontinuerlig efterlevnad även vid uppdatering av webbplatsen. I den här processen förser vi skärmläsare med meningsfull data med hjälp av ARIA-attributuppsättningen. Till exempel tillhandahåller vi korrekta formuläretiketter; beskrivningar för åtgärdbara ikoner (ikoner för sociala medier, sökikonen, varukorgs ikoner etc.); valideringsvägledning för formulärinmatningar; elementroller som knappar, menyer, modala dialogrutor (popup-fönster) och annat. Dessutom skannar bakgrundsprocesser alla webbplatsens bilder. Den ger en korrekt och meningsfull beskrivning baserad på bild objektigenkänning som en ALT-tagg (alternativ text) för bilder som inte beskrivs. Den extraherar också texter inbäddade i bilden med hjälp av OCR-teknik (optisk teckenigenkänning). För att aktivera skärmläsare justeringar när som helst behöver användarna bara trycka på tangentkombinationen Alt+1. Användare som använder skärmläsare får också automatiska meddelanden om att aktivera skärmläsaräget så snart de öppnar webbplatsen. Dessa justeringar är kompatibla med populära skärmläsare som JAWS, NVDA, VoiceOver och TalkBack.

Optimering av tangentbordsnavigering:

Bakgrundsprocesser justerar även webbplatsens HTML och lägger till olika beteenden med hjälp av JavaScript-kod för att möjliggöra tangentbordsnavigering.

Detta inkluderar möjligheten att navigera på webbplatsen med hjälp av Tab- och Shift+Tab-tangenterna, använda rullgardinsmenyn med piltangenterna, stänga dem med Esc, utlösa knappar och länkar med Enter-tangenten, navigera mellan alternativ- och kryssruta element med piltangenterna och fylla i dem med mellanslag eller Enter-tangenten.

Dessutom hittar tangentbordsanvändare menyer för att kunna hoppa över innehåll genom att klicka på Alt+2, eller det första elementet på webbplatsen när de navigerar med tangentbordet. Bakgrundsprocesser hanterar även utlösta popup-fönster genom att flytta tangentbord fokus mot dem så snart de visas, vilket förhindrar att fokus flyttas ut. Användare kan också använda genvägar som ”M” (menyer), ”H” (rubriker), ”F” (formulär), ”B” (knappar) och ”G” (grafik) för att hoppa till specifika element.

Vad kan användarna välja och anpassa?

Välja tillgänglighetsprofil för:

• Profilen för epilepsi gör det möjligt för personer med epilepsi att använda webbplatsen på ett säkert sätt genom att eliminera risken för anfall till följd av blinkande animationer och riskabla färgkombinationer.
• Profil för synskadad: den här profilen justerar webbplatsen så att den är tillgänglig för de flesta synnedsättningar, såsom försämrad syn, tunnelseende, grå starr, glaukom med flera.
• ADHD-vänlig profil: den här profilen minskar distraktioner och buller avsevärt för att hjälpa personer med ADHD och neurologiska utvecklingsstörningar att lättare bläddra, läsa och fokusera på de viktigaste delarna.
• Profil för kognitiv funktionsnedsättning: den här profilen tillhandahåller olika hjälpmedel som hjälper användare med kognitiva funktionsnedsättningar som autism, dyslexi, kognitiv funktionsnedsättning med flera, att lättare fokusera på de viktigaste delarna.
• Profil för tangentbordsnavigering (rörelseskadade): möjliggör för personer med rörelsenedsättning att använda webbplatsen med hjälp av tangentbordets Tab, Shift+Tab och Enter-tangenter. Användare kan också använda genvägar som ”M” (menyer), ”H” (rubriker), ”F” (formulär), ”B” (knappar) och ”G” (grafik) för att hoppa till specifika element.
• Profil för blinda användare (skärmläsare): den här profilen justerar webbplatsen så att den är kompatibel med skärmläsare som JAWS, NVDA, VoiceOver och TalkBack. En skärmläsare installeras på den blinda användarens dator, och webbplatsen är kompatibel med den.

Ytterligare justeringar av användargränssnitt, design och läsbarhet

Användaren kan öka och minska storleken, ändra typsnitt och justera avstånd, radhöjd med mera. Användare kan välja olika alternativ för färgkontrast för såsom ljus, mörk, inverterad och monokrom profil. Dessutom kan användare byta färgscheman för titlar, texter och bakgrunder med över sju olika färgalternativ.

Animationer

Epileptiska användare kan stoppa alla animeringar som körs med ett klick. Animationer som styrs av gränssnittet inkluderar videor, GIF-bilder och blinkande CSS-övergångar.  Användare som markerar innehåll kan välja att betona viktiga element som länkar och titlar. De kan också välja att endast markera fokuserade eller hovrade element.

Användare med hörapparater som stänger av ljudet kan uppleva huvudvärk eller andra problem på grund av automatisk ljuduppspelning. Det här alternativet låter användare stänga av hela webbplatsen direkt.

Kognitiva störningar

Vi använder en sökmotor kopplad till Wikipedia och Wiktionary, vilket gör det möjligt för personer med kognitiva störningar att tyda betydelsen av fraser, initialer, slang och annat.

Ytterligare funktioner

Låter användare ändra markörens färg och storlek, använda ett utskriftsläge, aktivera ett virtuellt tangentbord och många andra funktioner.

Hjälpmedelsteknik och webbläsarkompatibilitet

Vi strävar efter att stödja så många webbläsare och hjälpmedelstekniker som möjligt, så att våra användare kan välja de verktyg som passar dem bäst, med så få begränsningar som möjligt. Därför har vi arbetat mycket hårt för att kunna stödja alla större system som utgör över 95 % av användarmarknaden, inklusive Google Chrome, Mozilla Firefox, Apple Safari, Opera och Microsoft Edge, JAWS och NVDA (skärmläsare), både för Windows- och Mac-användare.

Innehåll som inte är tillgängligt

• Vissa bilder saknar ALT-text som beskriver objekt eller text i bilden. Pågående arbete för att rätta till och sätta rutiner framåt.
• Vissa element på hemsidan så som knappar och ikoner har inte korrekt attribut i koden. Vi kommer att se över koden och åtgärda.

Rapportera problem och brister

Vi strävar hela tiden efter att förbättra webbplatsens tillgänglighet. Om du upptäcker problem och brister som du anser inte uppfyller tillgänglighetskraven –hör då av dig till oss. Du kan rapportera bristande tillgänglighet via formuläret längst ner på den här sidan.

Undantag

”Digital service från tredje part som varken har finansierats eller tagits fram av den berörda offentliga aktören eller står under dess kontroll.”

Tredjepartslösningar som är integrerade i betalflöden på sos-barnbyar.se

• NETS, för kort eller Swish betalning
• Assently och Tink, för signering av autogiro

Domäner som ägs/används av SOS Barnbyar men som utgörs av tredjepartslösningar

• ledigajobb.sos-barnbyar.se
• egeninsamling.sos-barnbyar.se
• sos-barnbyar.adoveo.se

Tillsyn

Tillsynsmyndigheten för lagen om vissa produkters och tjänsters tillgänglighet är Post- och telestyrelsen (PTS). Om du inte är nöjd med hur vi hanterar din synpunkt kan du kontakta PTS via deras webbplats: www.pts.se.

Publicering och uppdatering av denna redogörelse

Granskat av både intern och externa parter.

Denna redogörelse uppdaterades senaste den 22 augusti 2025.