Hoppa snabbt till:
Syfte
Webbplatsen jag har valt tillhör en svensk myndighet, Försvarsmakten [1].
Webbplatsens syfte är att informera de som är intresserade samt allmänheten om Försvarsmakten som organisation/myndighet, vilket jobb de utför, nyheter och annan viktig information.
I webbplatsens footer finner vi under rubriken "Om webbplatsen" en länk med texten ";Om cookies och webbplatsen" [1]. Klickar vi in oss på ovan nämnd länk finner vi följande information: ";Vår strävan är att innehållet på Försvarsmaktens webbplats ska vara tillgängligt och användbart för så många som möjligt. Webbsidorna är därför utformade för att följa internationella standarder och Myndigheten för digital förvaltnings Vägledning för webbutveckling." [2].
Målgrupp
Jag skulle inte säga att webbplatsen riktar in sig till någon särskild målgrupp. Webbsidan kommer att vara intressant och besökas av de som söker information och är nyfikna på Försvarsmaktens verksamhet och nyheter rörande denna.
Navigering
Ska vi analysera navigeringen och användbarheten så skulle jag säga att webbplatsen är tydlig i det avseende att den är uppbyggd med tydliga rubriker i navigationsbaren. Vi finner i denna navigationsbar klickbara rubriker som "Aktuellt", "Om Försvarsmakten", "Vår verksamhet" med flera [1]. Vid klick på respektive rubrik får vi upp en "drop down-meny" där ytterligare alternativ visas. Här kan man klicka sig in på det man är intresserad av att läsa.
Vi tar ett exempel av navigeringen på sidan om jag vill hitta mer om pågående övningar. Klickar jag på rubriken "Aktuellt" så kommer navigationsmenyn upp i helskärm. Fram kommer två stora knappar: "Aktuellt" och "Aktuella övningar" som direkt för oss till väsentlig och användbar information [1]. Jag är alltså inom 2 klick på den sidan jag önskar.
å andra sidan finns viss förbättringspotential. Under varje rubrik/knapp visas väldigt mycket information och olika sidor att klicka sig mellan så det kan ta ett tag innan man finner det man är ute efter. Men för ändamålet och för den information som webbsidan besitter är användarvänligheten och i detta fall navigationsmöjligheterna på webbsidan goda enligt mitt tycke.
Bilder
Bilder är väldigt förekommande på webbsidan. Exempelvis är det första vi möts av när vi surfar in på webbplatsen [1] en bild på ett rött hus med röda sidobyggnader och en röd fyr. Ovanpå bilden möts vi av budskapet "Försvarsmakten Vi försvarar Sverige, våra allierade och vår frihet att leva som vi själva väljer" [1]. Bilder kan användas i syfte att vara stämningsspridare eller något som folk känner igen sig i. [3]. I sin tur skulle det kunna leda till ett ökat förtroende för sidan och en känsla av sammanhang.
Bilder förekommer även på startsidan för att uppmärksamma olika nyheter, information och händelser i stället för att enbart lägga ut text eller en länk [1]. Det går att koppla till att bilder ofta skapar ett intresse att veta mer [3]. Bilderna har en stor rubrik över sig kopplad till nyheten. även bilden är relevant och en del av till nyheten. Exempelvis nyheten "Sverige i NATO" med en bild på Sveriges, NATOs, USAs och Norges flagga [4]. Detta kan även vara ett sätt att skapa en introduktion till textens innehåll [3].
Bilderna känns noga utvalda för att förstärka informationen på webbplatsen, finnas som ett komplement och väcka intresse till texten. Bilder nyttjas ofta som ett dragplåster för att skapa intresse och viljan att veta mer [3], vilket även är hur de används på Försvarsmaktens hemsida.
Tillgänglighet
Som en svensk myndighet har Försvarsmakten enligt lagen om tillgänglighet till digital offentlig service [5] stora krav på sig att vara tillgängliga för alla. Därför finns en knapp för hjälpmedel i övre högra hörnet av sidan [1]. Här finns alternativ för att lyssna på webbplatsens text och innehåll, kallat skärmläsare. Det finns även en ordlista där ord som kan vara svåra att förstå förklaras. Samtidigt som knappen för mig som normalseende är lätt att finna, skulle det vara möjligt att en synskadad har problem med att finna den.
Vidare har webbplatsen jobbat med tillgänglighet genom alt-texter [6] på bilder, det vill säga att bilden går att få beskriven vid användande av skärmläsnings-programvara. även ikoner så som en pil för att ta sig vidare ner på webbplatsen har information gällande vad knappen gör. Detta uppnås med en "span-tagg". Dessa kan vara till stor hjälp för exempelvis synskadade.
Gällande utformning av text så nyttjar Försvarsmakten ett "sans-typsnitt" det vill säga ett typsnitt utan seriffer. Det innebär att bokstäverna saknar "klackar" vilket gör bokstäverna extra tydliga då de är enkla och avskalade till formen.
Försvarsmakten skiljer på sin sidas förgrund och bakgrund. Ett tydligt exempel på detta finns på startsidan. Här är bilden en bakgrund och texten framför bilden har en svart lättare transparent bakgrund, detta för att skilja bakgrund mot förgrund. I användarhandboken [7] går det att läsa hur denna typ av design ökar läsbarheten och därmed tillgängligheten.
Vidare går det att zooma in på webbsidan. Texten blir större och övriga element följer med snyggt. Detta är bra för att kunna få texten större och tydligare utan att webbplatsen i övrigt blir rörig.
Enligt Tommy Sundström [8] ökas även tillgängligheten genom att separera navigationen från sidan. Detta har man gjort på Försvarsmaktens hemsida [1]. Vid klick på en del i menyn öppnas drop-down-sektionen så den döljer innehållet bakom och sätter enbart innehållet i navigationsbaren och dess information i fokus.
Responsivitet
Webbplatsen är väldigt bra anpassad för både mobil, surfplatta samt olika storlekar på skärm. Vid besök på webbplatsen på en mobil komprimeras menyn. Komprimeringen sker till en så kallad "hamburgare-meny" [9]. Denna har funktionen att du klickar fram navigationsbaren. Innehållet, alltså navigeringen, är med andra ord dold fram till dess att du aktivt väljer att klicka fram den. När man öppnar menyn visas navigationsbarens rubriker lodrätt över skärmen. Respektive rubriks "drop down"-information för oss till en vy där just information för denna drop down-information tar upp ett fönster med möjlighet att backa tillbaka [1].
Vid besök på en mobil enhet blir alla objekt större och delas in i block. Varje block har bestämd höjd och tar upp hela sidans bredd. Länkarna som blocken utgör har en bild som fyller blocket samt rubrik för nyheten, likt hemsidan på större skärm [1].
Webbsidan går även att hantera genom tangentbordet via exempelvis tabb-knappen. Detta uppfyller kravet att webbsidan ska vara åtkomlig med ett tangentbord. [10].
Referenser
[1] Försvarsmakten, "Försvarsmakten," Försvarsmakten, u.d. [Online]. Tillgänglig: www.forsvarsmakten.se. [Använd 05 09 2024].
[2] Försvarsmakten, "Om webbplatsen - Försvarsmakten," Försvarsmakten, 14 05 2024. [Online]. Tillgänglig: https://www.forsvarsmakten.se/sv/om-webbplatsen/. [Använd 05 09 2024].
[3] T. Sundström, "Använd bilder | anvandbart.se," Användbart, 28 06 2005. [Online]. Tillgänglig: https://www.anvandbart.se/ab/anvand-bilder/. [Använd 05 09 2024].
[4] Försvarsmakten, "Natodebatten i fokus - Försvarsmakten," Försvarsmakten, 24 03 2024. [Online]. Tillgänglig: https://www.forsvarsmakten.se/sv/var-verksamhet/forsvarsmakten-i-sverige/nato-i-fokus/. [Använd 05 09 2024].
[5] Myndigheten för digital förvaltning, "Om oss | Digg," Myndigheten för digital förvaltning, 19 02 2020. [Online]. Tillgänglig: https://www.mfd.se/utgangspunkter/funktionshinderspolitiken/statliga-myndigheter/. [Använd 05 09 2024].
[6] T. Sundström, "Bilder skall ha alt-text | anvandbart.se," Användbart, 28 06 2005. [Online]. Tillgänglig: https://www.anvandbart.se/ab/alt/. [Använd 05 09 2024].
[7] T. Sundström, "Gör konstrasten mella text och bakgrund tydlig | anvandbart.se," Användbart, 28 06 2005. [Online]. Tillgänglig: https://www.anvandbart.se/ab/textkontrast/. [Använd 05 09 2024].
[8] T. Sundström, "Separera navigationen från sidan | anvandbart.se," Användbart, 26 02 2010. [Online]. Tillgänglig: https://www.anvandbart.se/ab/separera-navigation-sida/. [Använd 05 09 2024].
[9] M. Bhattacharya, "How to Create a Hamburger Menu in CSS? - Scaler Topics," scaler.com, 19 01 2023. [Online]. Tillgänglig: https://www.scaler.com/topics/hamburger-menu/. [Använd 05 09 2024].
[10] E. Eggert, "Why is the Tab Key SO important for Web Acessibility? - Eric Eggert," Yatil, 21 09 2020. [Online]. Tillgänglig: https://yatil.net/videos/why-is-the-tab-key-so-important-for-web-accessibility/. [Använd 05 09 2024].