Kunden, Kiss Development, kom til os for et redesign og en opdatering af deres hjemmeside. Visionen var at:
TV Forhandler WordPress Hjemmeside
WordPress Hjemmeside og WebShop Webbureau
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 support@bizdoktor.dk.
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:
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.
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.
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.
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å support@bizdoktor.dk.
