AAU logo

It Services

Justeringer til webdesign

Justeringer til AAU's webdesign

Netværket af kommunikationsmedarbejdere på AAU blev i slutningen af 2018 inviteret til at komme med forslag til forbedringer af AAU's nuværende webdesign. Disse forslag blev indsamlet af AAU Kommunikation som i samarbejde med ITS, har kigget på hvilke forbedringer, der kunne foretages i overensstemmelse med det nuværende design. Disse forslag sammen med nye krav til webtilgængelighed, har udmøntet sig i følgende justeringer til AAU's webdesign.

  • +

    Farve på brødtekst

    Farve på brødtekst er justeret så den er en smule mørkere og dermed mere læsevenlig, da kontrasten lever op til standarderne for webtilgængelighed.

    Farve på brødtekst - før

    Farve på brødtekst - Efter

  • +

    Leadintekster - skriftstørrelse

    Leadintekster har fået en lidt større skriftstørrelse for at fremhæve det yderligere fra brødteksten.

    Leadintekster - Før

    Leadintekster - Efter

  • +

    Block quote - små bogstaver i stedet for store

    Block quote fremhæves med små bogstaver i stedet for store

    (Obs. Hvis nogle af jer har benyttet block quote sammen med en H2 overskrift, vil fremhævningen stadig stå med store bogstaver, indtil I fjerner H2 fra citatet)

    Block quote - før

    Block quote - efter

  • +

    Placering af cookiebanner

    Cookiebanner flyttes fra top til bund, så det står mindre i vejen for indholdet på siden. Dette er særligt en fordel, når siderne ses på mobil, da banneret dermed tager mindre plads fra toppen af skærmen. Samtidig hjælper ændringen på webtilgængeligheden, da det forbedrer mulighederne for at benytte tab på tastaturet til at navigere udenom banneret med. 

    Cookiebanner - Før

    Cookiebanner - Efter

     

  • +

    Mellemrum mellem overskrifter og brødtekst

    Mellemrum mellem overskrifter og brødtekst er justeres, så det er tydeligere hvilken overskrift, der hører til hvilket tekstafsnit.

    Mellemrum mellem overskrifter og brødtekst - før

     

    Mellemrum mellem overskrifter og brødtekst - efter

  • +

    H3 overskrift fremhævet

    Overskrift H3 er blevet tydeligere

    H3 overskrift - før

    H3 overskrift - efter

  • +

    Hover/mouseoverfarve på blå elementer

    Hover/mouseoverfarve på de blå elementer er blevet lysere, så linket fremstår tydeligere og lever op til webtilgængelighedsstandarder

    Hover/mouseoverfarve - før

    HOVER/MOUSEOVERFARVE - efter

     

  • +

    Mellemrum mellem bogstaver i overskrifter

    Mellemrum mellem bogstaver i overskrifter er sat en smule ned for at øge læsbarheden. Dette kan ses flere steder hvor overskrifter benyttes til navigation, som f.eks. i menubokse og i AAU's globale menu.

    Mellemrum mellem bogstaver - Før

     

     

    Mellemrum mellem bogstaver - Efter

    '