[Feature] Global messages in webshop

[toretefre]

Konseptuell beskrivelse og behov som skal løses There seems to be a need for some way to notify all users of the webshop about important things, without having to do any code changes or deploying.

Lenker til brukerinnsikt eller brukerrapport Could be used during incidents / outages: (https://mittatb.slack.com/archives/C02EEG7D8EL/p1646145569754019)

Hypotese og foreslått løsning It might be a good idea to utilize Firebase -> Remote Config to store such messages, as this seems to be way it is solved in the mobile app. Having separate levels of importance might also be a good idea, info / warnings / errors with different background colors?

---

Akseptansekriterier

• [ ] Fungerer med tastaturnavigasjon
• [ ] Bruker rette farger og størrelser iht. design system
• [ ] Gir feilmeldinger på komponentnivå eller som global melding til siden.
• [ ] Fungerer i alle store evergreen nettlesere.
• [ ] Fungerer i alle størrelser og flater (mobil, desktop, etc).
• [ ] Fokusrekkefølge: tastaturrekkefølge og visuell rekkefølge er like, eller tastaturrekkefølge og visuell rekkefølge er ikke like, men det er mulig å forstå og bruke innhaldet
• [ ] Skjemaelementer, lenker, knapper eller iframes er koblet til en ledetekst i koden (f. eks aria-label og aria-labelledby)
• [ ] Skjemafelt skal ha ledetekster/instruksjoner
• [ ] Formål med lenker går tydelig fram av lenketeksten, eller lenketeksten og konteksten sammen
• [ ] Koden inneholder ikke syntaksfeil (ingen «fatal error» ved validering og ikke syntaksfeil)
• [ ] Innhold som kan betjenes med tastatur, får synleg fokusmarkering
• [ ] Skjemaelementer inneholder feilmeldinger stylet ihht. designsystem og feilmeldingene inneholder både informasjon om hva som er galt, hvor det har oppstått og forslag til retting.
• [ ] Nye sider skal ha sidetittel som er korrekt kodet og gir relevant beskrivelse av emne/formål med siden (f. eks: Kjøpshistorikk - AtB Nettbutikk og ikke bare «AtB Nettbutikk»)
• [ ] Det er mulig å navigere med tastatur gjennom alt innholdet på nettsiden, utan å bli stående fast i noen element.
• [ ] Tekst kan forstørres opp til minst 200 %-visning utan tap av innhold og funksjonalitet.
• [ ] Overskrifter, tabeller, overskriftsceller og lister er rett kodet.
• [ ] Bilder/illustrasjoner er kodet etter formål (ikke lenkede-dekorative bilder skaper ikke støy, mens bilder som er meningsbærende har tekstalternativ).

Beskrivelse av QA prosessen finnes her.

[jahnrohme]

https://github.com/AtB-AS/kundevendt/issues/1739

[jahnrohme]

Duplikat av AtB-AS/kundevendt#1739