12 november 2024

Status för efterlevnad

Vi är övertygade om att internet ska vara tillgängligt och åtkomligt för alla, och vi har åtagit oss att tillhandahålla en webbplats som är tillgänglig för så många som möjligt, oavsett omständigheter och förmåga.

För att uppfylla detta mål strävar vi efter att så strikt som möjligt följa World Wide Web Consortiums (W3C) riktlinjer för tillgänglighet till webbinnehåll 2.1 (WCAG 2.1) på AA-nivå. Dessa riktlinjer förklarar hur man gör webbinnehåll tillgängligt för personer med en rad olika funktionsnedsättningar. Genom att följa dessa riktlinjer kan vi säkerställa att webbplatsen är tillgänglig för alla människor: blinda, personer med motoriska funktionsnedsättningar, personer med synnedsättning, personer med kognitiva funktionsnedsättningar med flera.

Denna webbplats använder olika tekniker som är avsedda att göra den så tillgänglig som möjligt vid alla tidpunkter. Vi använder ett tillgänglighetsgränssnitt som gör det möjligt för personer med specifika funktionsnedsättningar att anpassa webbplatsens UI (användargränssnitt) och utforma den efter sina personliga behov.

Dessutom använder webbplatsen en AI-baserad applikation som körs i bakgrunden och ständigt optimerar dess tillgänglighetsnivå. Denna applikation 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.

Om du har hittat ett fel eller har idéer om förbättringar vill vi gärna att du hör av dig till oss. Du kan nå webbplatsens operatörer genom att använda följande e-post info@das-kittchen.de

Skärmläsare och navigering med tangentbord

På vår webbplats används ARIA-attributen (Accessible Rich Internet Applications), tillsammans med olika beteendeförändringar, för att säkerställa att blinda användare som besöker webbplatsen med skärmläsare kan läsa, förstå och använda webbplatsens funktioner. Så snart en användare med skärmläsare går in på din webbplats får de omedelbart en uppmaning att ange skärmläsarprofilen så att de kan surfa och använda din webbplats på ett effektivt sätt. Här kan du se hur vår webbplats uppfyller några av de viktigaste kraven för skärmläsare, tillsammans med skärmdumpar av kodexempel:

1. Optimering för skärmläsare: kör vi en bakgrundsprocess som lär sig webbplatsens komponenter från topp till botten, för att säkerställa kontinuerlig efterlevnad även när webbplatsen uppdateras. I den här processen förser vi skärmläsare med meningsfulla data med hjälp av ARIA-attribut. Vi tillhandahåller till exempel korrekta formuläretiketter, beskrivningar av ikoner som kan användas (ikoner för sociala medier, sökikoner, varukorgsikoner etc.), valideringsvägledning för formulärinmatningar, elementroller som knappar, menyer, modala dialogrutor (popup-fönster) och annat. Dessutom skannar bakgrundsprocessen alla webbplatsens bilder och ger en korrekt och meningsfull bild-objektigenkänningsbaserad beskrivning som en ALT-tagg (alternativ text) för bilder som inte beskrivs. Den extraherar också texter som är inbäddade i bilden med hjälp av OCR-teknik (optisk teckenigenkänning). För att när som helst aktivera anpassningar för skärmläsare behöver användarna bara trycka på tangentbordskombinationen Alt+1. Användare av skärmläsare får också automatiska meddelanden om att aktivera skärmläsningsläget så snart de går in på webbplatsen.

   Dessa justeringar är kompatibla med alla populära skärmläsare, inklusive JAWS och NVDA.

2. Optimering av tangentbordsnavigering: Bakgrundsprocessen justerar också webbplatsens HTML och lägger till olika beteenden med hjälp av JavaScript-kod för att göra webbplatsen användbar med tangentbordet. Detta inkluderar möjligheten att navigera på webbplatsen med Tab och Shift+Tab, använda rullgardinsmenyer med piltangenterna, stänga dem med Esc, aktivera knappar och länkar med Enter, navigera mellan radio- och kryssrutor med piltangenterna och fylla i dem med mellanslagstangenten eller Enter. Dessutom hittar tangentbordsanvändare snabbnavigering och menyer för att hoppa över innehåll, tillgängliga när som helst genom att klicka på Alt+1, eller som de första elementen på webbplatsen när du navigerar med tangentbordet. Bakgrundsprocessen hanterar också utlösta popup-fönster genom att flytta tangentbordets fokus mot dem så snart de visas och inte låta fokus glida utanför det.

   Användare kan också använda kortkommandon som "M" (menyer), "H" (rubriker), "F" (formulär), "B" (knappar) och "G" (grafik) för att hoppa till specifika element.

Funktionshinderprofiler med stöd på vår webbplats

• Säkert läge för epilepsi: Denna profil 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 som orsakas av blinkande eller blinkande animationer och riskfyllda färgkombinationer.
• Synskadat läge: Detta läge anpassar webbplatsen för att underlätta för användare med synnedsättningar som försämrad syn, tunnelseende, grå starr, glaukom och andra.
• Kognitiv funktionsnedsättning Mode: Detta läge innehåller olika hjälpmedel för att hjälpa användare med kognitiva funktionsnedsättningar som dyslexi, autism, CVA och andra att lättare fokusera på de viktigaste delarna av webbplatsen.
• ADHD-vänligt läge: Detta läge hjälper användare med ADHD och neuropsykiatriska funktionsnedsättningar att lättare läsa, bläddra och fokusera på webbplatsens huvudelement samtidigt som distraktionerna minskar avsevärt.
• Blindness Mode: I det här läget konfigureras webbplatsen så att den är kompatibel med skärmläsare som JAWS, NVDA, VoiceOver och TalkBack. En skärmläsare är en programvara för blinda användare som installeras på en dator och smartphone, och webbplatser måste vara kompatibla med den.
• Profil för navigering på tangentbord (motoriskt handikappade): Den här profilen gör det möjligt för personer med nedsatt rörelseförmåga att använda webbplatsen med hjälp av tangentbordets Tab, Shift+Tab och Enter-tangenterna. 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.

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

1. Justering av teckensnitt kan öka och minska dess storlek, ändra dess familj (typ), justera avståndet, inriktningen, radhöjden och mycket mer.
2. Justering av färger kan användarna välja olika färgkontrastprofiler som ljus, mörk, inverterad och monokrom. Dessutom kan användarna byta färgschema för titlar, texter och bakgrunder, med över sju olika färgalternativ.
3. Animationer - kan en person med epilepsi stoppa alla animationer som körs med en knapptryckning. Animationer som styrs av gränssnittet inkluderar videor, GIF:er och CSS-blinkande övergångar.
4. Framhävande av innehåll Användarna kan välja att framhäva viktiga element som länkar och titlar. De kan också välja att endast lyfta fram fokuserade eller svävande element.
5. Ljuddämpning - - - - - - användare med hörapparater kan uppleva huvudvärk eller andra problem på grund av automatisk ljuduppspelning. Med det här alternativet kan användare stänga av ljudet på hela webbplatsen direkt.
6. Kognitiva störningar - använder vi en sökmotor som är 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.
7. Ytterligare funktioner Vi ger användarna möjlighet att ändra markörens färg och storlek, använda ett utskriftsläge, aktivera ett virtuellt tangentbord och många andra funktioner.

Kompatibilitet med webbläsare och tekniska hjälpmedel

Vi strävar efter att stödja så många olika webbläsare och hjälpmedel 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ändarnas marknadsandel, inklusive Google Chrome, Mozilla Firefox, Apple Safari, Opera och Microsoft Edge, JAWS och NVDA (skärmläsare).

Anteckningar, kommentarer och feedback

Trots våra allra bästa ansträngningar för att alla ska kunna anpassa webbplatsen efter sina behov. Det kan fortfarande finnas sidor eller avsnitt som inte är helt tillgängliga, som håller på att bli tillgängliga eller som saknar en lämplig teknisk lösning för att göra dem tillgängliga. Vi arbetar dock kontinuerligt med att förbättra tillgängligheten, lägga till, uppdatera och förbättra alternativ och funktioner samt utveckla och använda ny teknik. Allt detta för att nå en optimal tillgänglighetsnivå i takt med den tekniska utvecklingen. För hjälp, vänligen kontakta info@das-kittchen.de