Vegan Protein Shake

Overholdelse af standarder

Vi tror på, at internettet skal være tilgængeligt for alle, og vi er forpligtet til at levere en hjemmeside, der er tilgængelig for den bredest mulige målgruppe, uanset omstændigheder og evner.

For at opfylde dette mål stræber vi efter at overholde World Wide Web Consortium's (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) på AA-niveau. Disse retningslinjer forklarer, hvordan man gør webindhold tilgængeligt for mennesker med en bred vifte af handicap. Overholdelse af disse retningslinjer hjælper os med at sikre, at 1 hjemmesiden er tilgængelig for alle: blinde, personer med motoriske funktionsnedsættelser, synshandicap, kognitive handicap og mere.

Denne hjemmeside anvender forskellige teknologier, der har til formål at gøre den så tilgængelig som muligt på alle tidspunkter. Vi bruger en tilgængelighedsgrænseflade, der giver personer med specifikke handicap mulighed for at justere hjemmesidens brugergrænseflade (UI) og designe den til deres personlige behov.

Derudover anvender hjemmesiden en AI-baseret applikation, der kører i baggrunden og konstant optimerer dens tilgængelighedsniveau. Denne applikation forbedrer hjemmesidens HTML, tilpasser dens funktionalitet og adfærd til skærmlæsere, der bruges af blinde brugere, og til tastaturfunktioner, der bruges af personer med motoriske funktionsnedsættelser.

Hvis du har fundet en fejl eller har ideer til forbedringer, hører vi gerne fra dig. Du kan kontakte hjemmesidens operatører via følgende e-mail mail@herbalcenter.dk.

Skærmlæser og tastaturnavigation

Vores hjemmeside implementerer ARIA-attributter (Accessible Rich Internet Applications) teknikken sammen med forskellige adfærdsændringer for at sikre, at blinde brugere, der besøger med skærmlæsere, kan læse, forstå og nyde hjemmesidens funktioner. Så snart en bruger med en skærmlæser kommer ind på dit websted, modtager de straks en prompt til at indtaste skærmlæserprofilen, så de kan browse og betjene dit websted effektivt. Her er, hvordan vores hjemmeside dækker nogle af de vigtigste krav til skærmlæsere, sammen med konsolskærmbilleder af kodeeksempler:

1. Optimering af skærmlæser: Vi kører en baggrundsproces, der lærer hjemmesidens komponenter at kende fra top til bund for at sikre løbende overholdelse, selv når hjemmesiden opdateres. I denne proces giver vi skærmlæsere meningsfulde data ved hjælp af ARIA-attributterne. For eksempel giver vi nøjagtige formularmærker; beskrivelser af handlingsorienterede ikoner (sociale medieikoner, søgeikoner, indkøbskurv ikoner osv.); valideringsvejledning til formularinput; elementroller såsom knapper, menuer, modaldialoger (popups) og andre. Derudover scanner baggrundsprocessen alle hjemmesidens billeder og giver en nøjagtig og meningsfuld billedobjektgenkendelsesbaseret beskrivelse som et ALT (alternativ tekst) tag til billeder, der ikke er beskrevet.

   Den vil også udtrække tekst, der er indlejret i billedet, ved hjælp af OCR (optisk tegngenkendelse) teknologi. For at aktivere skærmlæserjusteringer når som helst skal brugerne blot trykke på Alt+1 tastaturkombinationen. Brugere af skærmlæsere får også automatiske meddelelser om at slå skærmlæsertilstanden til, så snart de kommer ind på hjemmesiden.

   Disse justeringer er kompatible med alle populære skærmlæsere, inklusive JAWS og NVDA.

2. Optimering af tastaturnavigation: Baggrundsprocessen justerer også hjemmesidens HTML og tilføjer forskellige adfærdsmønstre ved hjælp af JavaScript-kode for at gøre hjemmesiden betjenbar med tastaturet. Dette inkluderer muligheden for at navigere på hjemmesiden ved hjælp af Tab og Shift+Tab tasterne, betjene dropdown-menuer med piletasterne, lukke dem med Esc, aktivere knapper og links ved hjælp af Enter-tasten, navigere mellem radio- og afkrydsningsfeltelementer ved hjælp af piletasterne og udfylde dem med mellemrumstasten eller Enter-tasten.

   Derudover finder tastaturbrugere hurtige navigations- og indholds-springmenuer, der er tilgængelige når som helst ved at klikke på Alt+1, eller som de første elementer på webstedet, mens de navigerer med tastaturet. Baggrundsprocessen håndterer også udløste popups ved at flytte tastaturfokus mod dem, så snart de vises, og tillader ikke fokusdrift uden for det.

   Brugere kan også bruge genveje såsom "M" (menuer), "H" (overskrifter), "F" (formularer), "B" (knapper) og "G" (grafik) til at hoppe til specifikke elementer.

Handicapprofiler, der understøttes på vores hjemmeside

• Epilepsi sikker tilstand: Denne profil gør det muligt for personer med epilepsi at bruge hjemmesiden sikkert ved at eliminere risikoen for anfald, der skyldes blinkende animationer og risikable farvekombinationer.
• Synshandicappet tilstand: Denne tilstand justerer hjemmesiden til brugervenlighed for brugere med synshandicap såsom nedsat syn, tunnelsyn, grå stær, grøn stær og andre.
• Kognitiv handicaptilstand: Denne tilstand giver forskellige hjælpemuligheder for at hjælpe brugere med kognitive handicap såsom ordblindhed, autisme, apopleksi og andre til at fokusere lettere på de væsentlige elementer på hjemmesiden.
• ADHD-venlig tilstand: Denne tilstand hjælper brugere med ADHD og neurologiske udviklingsforstyrrelser med at læse, browse og fokusere på de vigtigste elementer på hjemmesiden lettere, samtidig med at distraktioner reduceres betydeligt.
• Blindhedstilstand: Denne tilstand konfigurerer hjemmesiden til at være kompatibel med skærmlæsere såsom JAWS, NVDA, VoiceOver og TalkBack. En skærmlæser er software til blinde brugere, der er installeret på en computer og smartphone, og hjemmesider skal være kompatible med den.
• Tastaturnavigationsprofil (motorisk handicappede): Denne profil gør det muligt for motorisk handicappede at betjene hjemmesiden ved hjælp af tastaturet Tab, Shift+Tab og Enter-tasterne. Brugere kan også bruge genveje såsom "M" (menuer), "H" (overskrifter), "F" (formularer), "B" (knapper) og "G" (grafik) til at hoppe til specifikke elementer.

Yderligere UI-, design- og læsbarhedsjusteringer

1. Skrifttypejusteringer: Brugere kan øge og mindske skriftstørrelsen, ændre skrifttypen, justere afstanden, justeringen, linjehøjde og mere.
2. Farvejusteringer: Brugere kan vælge forskellige farvekontrastprofiler såsom lys, mørk, inverteret og monokrom. Derudover kan brugere bytte farveskemaer for titler, tekster og baggrunde med over 7 forskellige farveindstillinger.
3. Animationer: Epileptiske brugere kan stoppe alle kørende animationer med et klik på en knap. Animationer, der styres af grænsefladen, inkluderer videoer, GIF'er og CSS-blinkende overgange.
4. Fremhævning af indhold: Brugere kan vælge at fremhæve vigtige elementer såsom links og titler. De kan også vælge kun at fremhæve fokuserede eller svævede elementer.
5. Lydløsning: Brugere med høreapparater kan opleve hovedpine eller andre problemer på grund af automatisk afspilning af lyd. Denne mulighed lader brugere slå lyden fra på hele hjemmesiden øjeblikkeligt.
6. Kognitive lidelser: Vi bruger en søgemaskine, der er knyttet til Wikipedia og Wiktionary, hvilket giver folk med kognitive lidelser mulighed for at forstå betydningen af ​​sætninger, initialer, slang og andre.
7. Yderligere funktioner: Vi giver brugerne mulighed for at ændre markørfarve og -størrelse, bruge en udskrivningstilstand, aktivere et virtuelt tastatur og mange andre funktioner.

Browser- og Teknologikompatibilitet

Vi stræber efter at understøtte et bredt udvalg af browsere og hjælpemidler, så vores brugere kan vælge de værktøjer, der passer bedst til deres behov – med så få begrænsninger som muligt. Derfor har vi arbejdet målrettet på at sikre understøttelse af alle større systemer, der tilsammen udgør over 95% af brugermarkedet, herunder Google Chrome, Mozilla Firefox, Apple Safari, Opera og Microsoft Edge samt skærmlæsere som JAWS og NVDA, både til Windows og Mac-brugere.

Noter, Kommentarer og Feedback

På trods af vores grundige indsats for at gøre hjemmesiden fleksibel og tilpasselig, kan der stadig være sider eller sektioner, som endnu ikke er fuldt tilgængelige, er under tilgængelighedsoptimering, eller hvor teknologiske løsninger mangler. Vi arbejder dog konstant på at forbedre tilgængeligheden ved at tilføje, opdatere og forbedre funktioner samt udvikle og anvende nye teknologier. Alt dette sigter mod at nå et optimalt tilgængelighedsniveau i takt med teknologiske fremskridt. Har du brug for hjælp, er du velkommen til at kontakte os på mail@herbalcenter.dk.