Endringer i Søknadsweb 2.4

Endringene dekker lovkravene i:

 https://uu.difi.no/krav-og-regelverk/wcag-20-standarden  og i standarden som vil gjelde fra januar 2021: https://uu.difi.no/krav-og-regelverk/webdirektivet-og-wcag-21.

Følgende endringer er gjort:

• hver side i applikasjonen har fått en sidetittel (navn på fanen)
• innlogging har kun ett design nå og ikke to som tidligere avhengig av skjermstørrelsen
• menyelementet som åpner listen med språkvalg har fått ikon og ny tekst "Language" (som ikke endrer seg)
• forbedret kontrast på en rekke elementer (mellom bakgrunn og tekst/ikoner/figurer)
• tastaturnavigering er nå mulig for filopplasting, lameller/paneler (åpne og lukke lameller med tastatur) og avbryt i popup-er
• radioknapper og avkrysningsbokser har fått større klikkeflate og endret layout
• elementer som rullegardinmeny, stor tekstboks og kalender har fått synlig fokus
• knapper som åpner popup-er får fokus tilbake når popup-en avsluttes (som er viktig bl.a. ved tastaturnavigering)
• felter som manglet merkelapp har fått en merkelapp (hvor noen få merkelapper er usynlig og ment for skjermleser)
• tekster har fått en maks lengde i bredden slik at lesbarhet blir best mulig for alle brukere
• de fleste tabellene har fått en overskrift (som teknisk er knyttet til tabellen og gjør det enklere for de som bruker skjermleser å vite hva den inneholder)
• hjelpetekst som vises bare når markøren står i et felt er fjernet og flyttet i nærheten av feltene og synlig hele tiden (f.eks. for- og etternavn på siden for registrering )
• stegindikator
  • navn på et trinn i stegindikator samsvarer med overskriften til siden for trinnet
  • aktivt trinn i stegindikator er ikke bare market med farge men også på en slik måte at de som bruker hjelpemidler får den informasjonen
• lenker
  • ny lenk "Til toppen"
  • lenker som viste kun nettadressen har fått tekst der mulig, f.eks. "Les mer om opptak" i steden for vise nettadressen direkte
  • lenker som refererer til andre nettsteder som finnes på bokmål, nynorsk og engelsk tilpasser den nettadressen til det språket brukeren har valgt i språkmenyen til applikasjonen, f.eks. "Les mer om digital post" hvor bruker har valgt nynorsk som språk, så er nettadressen ditt http://www.norge.no/nn (i steden for http://www.norge.no/nb)
  • utvidet lenketekster til å beskriver formålet, f. eks. "Les mer" er endret til "Les mer om digital post"
  • flere lenker har fått samme layout som resten av lenkene i applikasjonen (typisk lenker som er hentet fra databasen)
  • flere lenker som er eksterne har fått ikon som symboliserer det
• applikasjonen er gjort mer responsiv (hvor bruker skal ikke måtte scrolle horisontalt for bredder på 320px og større for å bruke nettsiden)
  • popup-er
    • mulighet til å scrolle vertikalt hvis den er høyere enn skjermen
    • ikke større enn skjermbredden slik at innhold ikke blir skjult
  • menyelementer tilpasser seg bedre små skjermstørrelser (mindre overlapp)
  • tabeller som er større enn skjermstørrelsen får enten
    • en scroll-funksjon hvor det er kun tabellen som scroller og ikke hele siden, og som også får fokus ved tastaturnavigering
    • endret design hvor cellene stables over hverandre slik at hver rad blir som et kort
  • stegindikator, skjemaelementer, tekster og annet
• brukerfeil i skjemaet
  • tydligere beskrivelser om hva som er feil
  • felter er merket med rød varseltrekant ved feil
  • de som bruker hjelpemidler for varsel om feil
• layout
  • lameller og tabeller har fått nytt utseende
  • datorfrister er fremhevet med bakgrunn, datoikon og fetere skrift
  • valg som søkeren har gjort (antall studiepoeng, merknad og søknadsalternativer) er blitt forsøkt å skille seg mer ut fra annen tekst som vises sammen med valgene
  • og andre små ting
• siden "Velg opptak"/"Ny søknad"
  • nye funksjoner
    • en enkel søkefunksjon for opptaksoversikten som søker på kun hele tekststrengen som skrives inn
    • de som bruker hjelpemidler for varsel om antall treff søket gav
    • en toggle knapp "Vis alle opptak" som åpner opp lamellene og dersom det er gjort et søk blir det nullstilt
• siden "Mine søknader"
  • flyttet knappen "Vis trukne søknader" over søknadsoversikten
  • søknader som er trukket har fått en merklapp "TRUKKET"
• siden "Mine dokumenter"
  • knappene "Last opp nytt dokument" og "Hent resultater for utlandet" skjuler ikke hverandres innhold lengre når bruker trykker på en av knappene
  • knappen "Hent resultater for utlandet"
    • vises nå kun i stegprosessen (men er tilgjengelig som lenke på siden "Eksterne resultater")
    • er flyttet under tabellen med dokumenter
  • tabellen med dokumenter
    • alle kolonnene har fått en overskrift
    • kolonneoverskrift "Lenke til dokumentet" er endret til "Last ned dokumentet"
    • layout på lenker er endret tilsvarende som andre lenker i applikasjonen
  • popup "Last opp dokument"
    • ledetekst "Del av heltid" er endret til "Prosent av heltid"
    • teksten Lukk er endret til Avbryt (tilsvarende andre popup-er)
    • handlingsknappen (Last opp) er flyttet ved siden av Avbryt (tilsvarende andre popup-er)
• siden "Søknad"/"Ny søknad"/"Endre søknad"
  • komponent "Søknadsalternativer"
    • det ble vist en tallrekke fra 1 til maks antall studier som kan velges er fjernet
    • viser en tekst om hvor mange studier som minst må velges
    • viser en tekst om hvor mange studier som maks kan velges
    • det valgte studiet legges nå til i listen med en knapp og ikke samtidig med når studiet velges fordi det ble utfordrende for dem som bruker skjermleser og tastatur
    • forbedring av fokus ved flytting av studiene opp og ned i listen
    • de som bruker hjelpemidler for varsel når et studie legges til, fjernes eller flyttes i listen
  • popup "Særskilt vurdering"
    • tabellen som viste studiene som er valgt er endret til en liste hvor hvert element har en stor klikkeflate
    • listen har fått følgende overskrift: "Velg studiene du ønsker særskilt vurdering av"
  • når siden er en del av stegprosessen har knappen "Neste" fått ny tekst til "Send inn søknad"
  • når siden er en ny søknad har knappen "Lagre" fått ny tekst til "Send inn søknad"
• siden "Min profil"
  • disabled/deaktivert skjemafelt navn er endret til kun tekst
  • valg av språk er endret fra en rullegardinmeny til radioknapper
  • valg av adresseformat er endret til radioknapper
• teknisk ting
  • label og input er koblet riktig sammen
  • flere tekster er blitt lagt i paragraf-elementer
  • noen tekster (typisk tekster som har med datoer å gjøre) er blitt lagt i strong-elementer
  • flere og utvidet alt-tekster
  • flere hardkodet tekster har fått attributtet lang=<språkverdi> (som er hardkodet)
  • bruker kan velge mellom bokmål, nynorsk og engelsk hvor bokmål hadde verdien "no" som er blitt endret til "nb"
  • lenker som egentlig skulle ha vært kodet som knapp har fått role=button samt knappeoppførsel
  • erstatt flere br-element med css-regler e.l.
  • en del h-elementer er erstattet med fieldset-elementer
  • de fleste tabeller har fått caption-element
  • bruk av aria-attributter
  • jobbet med validering av html men pga komponenter til Primefaces kommer ikke i mål
  •  rullegardinmeny med plassholdertekst (placeholder) vises som et eget element i lista
  • og mye annet smått