Widgets
Fremvisning af tilgængelighedswidgets
Aveo Accessibility
Elementor widgets som Aveo's webdesignere kan benytte til at implementere tilgængelighed
Elementor er en populær sidebygger-plugin til WordPress, der gør det muligt for brugere at designe og tilpasse deres websider uden at skulle skrive kode. En af de mest kraftfulde funktioner i Elementor er dens widgets. Widgets er små byggeklodser, som brugere kan trække og slippe ind i deres sider for at tilføje forskellige funktioner og indholdselementer.
Mørketilstand
Aveo WA - Dark Mode Widget
Dark Mode-widgetten giver webdesignere mulighed for at implementere et mørkt farvetema i kundeløsninger. Widgettens kontrolpanel er designet således, at designerne kan style mørketemaet baseret på den eksisterende farvepalette. Dette resulterer i et genkendeligt og brugerdefinerbart webdesign, der kan tilpasses kundens specifikke behov.
Hvad er det godt for?
Reducerer øjenbelastning: Dark mode kan reducere øjenbelastning ved at mindske mængden af blåt lys, hvilket kan være særligt nyttigt for brugere, der tilbringer lang tid foran skærmen.
Forbedret læsbarhed i svagt lys: I omgivelser med lav belysning kan dark mode forbedre læsbarheden ved at mindske kontrasten mellem skærmen og omgivelserne, hvilket gør det lettere at læse tekst.
Energibesparelse: På OLED- og AMOLED-skærme kan dark mode reducere strømforbruget, hvilket kan forlænge batteriets levetid og gøre det mere praktisk for brugere af mobile enheder.
Fremmer fokuseret læsning: Mørke baggrunde med lys tekst kan hjælpe nogle brugere med at fokusere bedre på indholdet, da det mindsker distraktioner fra skærmens lysstyrke.
Individuelle præferencer og komfort: Ved at tilbyde dark mode imødekommer websteder en bred vifte af brugerpræferencer og komfortniveauer, hvilket øger tilgængeligheden for brugere med forskellige behov og visuelle præferencer.
Ovenfor vises to eksempler på dark mode-widgets i deres standardudgave (uden styling) – både som knap og ikon. Widget virker kun på hele siden hvis den er placeret i et header element. Derfor kan widget findes i navigationsbaren.
Sideoplæser
Aveo WA - Page Reader TTS
Page Reader-widgetten giver mulighed for at tilføje en sideoplæser, der identificerer overskrifter og derefter læser siden op. Brugeren kan vælge oplæserens sprog og justere oplæsningshastigheden for en mere tilpasset oplevelse. TTS står for “Text to Speech”, og er en fagterm webdesignerne er bekendt med.
Hvad er det godt for?
- Tilgængelighed for synshandicappede: En sideoplæser gør webindhold tilgængeligt for brugere med synsnedsættelse eller blindhed, hvilket giver dem mulighed for at lytte til indholdet frem for at læse det.
- Støtte til læsevanskeligheder: Brugere med dysleksi eller andre læsevanskeligheder kan drage fordel af at få teksten læst op, hvilket kan gøre det lettere at forstå og absorbere informationen.
Multitasking og fleksibilitet: En sideoplæser giver brugerne mulighed for at lytte til indhold, mens de udfører andre opgaver, hvilket øger fleksibiliteten og produktiviteten.
Sproglæring og forståelse: Brugere, der lærer et nyt sprog, kan få hjælp ved at lytte til korrekt udtale og intonation, hvilket kan forbedre deres sprogfærdigheder og forståelse.
Tilgængelighed under forskellige forhold: I situationer, hvor det er vanskeligt at læse skærmen (f.eks. under kørsel eller i dårligt oplyste omgivelser), kan en sideoplæser give adgang til webindhold uden behov for visuel opmærksomhed.
Ovenfor vises to eksempler på page reader-widgets i deres standardudgave (uden styling) – både som knap og ikon. Widget indsætter en sideoplæser. Indstil sproget til dansk ved brug af indstillingsikonet, og få siden læst op. Siden skal refresh for at fjerne sideoplæseren, da et script skal fjernes fra header-elementet.
Ændring på tekststørrelse
Aveo WA - Text Size Control
Text Size-widgetten giver webdesignere mulighed for at implementere en funktion, der tillader ændring af tekststørrelsen på hjemmesiden. Brugerne kan selv skifte mellem forskellige tekststørrelser efter behov, hvilket forbedrer læseoplevelsen og tilgængeligheden.
Hvad er det godt for?
- Tilgængelighed for synshandicappede: En skriftstørrelse-toggle gør det muligt for brugere med nedsat syn at øge tekststørrelsen, hvilket gør det lettere for dem at læse indholdet.
- Øget læsevenlighed: Brugere med forskellige læsepræferencer kan tilpasse tekststørrelsen til deres komfortniveau, hvilket forbedrer deres læseoplevelse.
Ældre brugere: Ældre brugere, der ofte har brug for større tekst for at læse komfortabelt, kan nemt justere tekststørrelsen uden at skulle bruge forstørrelsesværktøjer.
Variation i enheder: Brugere på forskellige enheder, såsom smartphones, tablets eller computere, kan justere tekststørrelsen for at sikre optimal læsbarhed uanset skærmstørrelse.
- Forbedret brugeroplevelse: At give brugerne kontrol over tekststørrelsen forbedrer den overordnede brugeroplevelse, da de kan tilpasse visningen af indholdet til deres individuelle behov og præferencer.
Ovenfor er tekststørrelse widget indsat. Brugeren har mulighed for at gøre tekstelementer større eller mindre, og ændre tilbage til standard.