Tilby Vipps-innlogging - Githubissues

hildeor commented 2 years ago

Konseptuell beskrivelse og behov som skal løses

Med bakgrunn i engangskodeproblematikk er det ønskelig å kunne tilby kundene alternativ innloggingsmetode slik at de har noe å falle tilbake på hvis engangskode feiler. Innlogging med Vipps vil også være en vei utenom CAPTCHA som personer med skjermlesere kan bli stående fast på ved bruk av engangskode-innlogging.

Lenker til brukerinnsikt eller brukerrapport

Eventuelle lenker til Intercom eller annen feedback.

Hypotese og foreslått løsning

Vipps-innlogging blir primærinnlogging
Engskode flyttes et hakk "ut"
Når man har navigert seg inn til enten engangskode eller epost er det en lenke i toppen som tar deg tilbake til landingssiden
Innganger til engangskode og epostinnlogging vises på samme måte
Ved å velge Vipps-innlogging skal dette gjøres i samme nettleservindu som nettbutikken - altså ikke åpne nytt separat vindu (slik som Vipps anbefaler).
Vipps-knappen skal ha være varianten som er rektangulær med avrundede hjørner. Kan lastes ned herfra: https://brand.vipps.no/d/5v4czDsKg74x/merkevarene-i-bruk#/vis-at-du-tar-vipps/logg-inn-med-vipps/knapper-call-to-action

Landingsside:

Login

Engangskode:

Phone Phone --OTP

Epost:

Epost

Annen nyttig kontekst PoC her: https://github.com/AtB-AS/webshop/pull/479

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.

mikaelbr commented 2 years ago

Denne er blocked pga venter på adgang fra Vipps?

Sebstorvik commented 2 years ago

Siden det har tatt såpass lang tid hos Entur har vi forsøkt å inngå egen avtale med Vipps for å få til dette. Fant ut at det allerede eksisterer en avtale som står på AtB via WTW som Torbjørn og Martin får tilgang på. Følger opp dette videre utover dagen/uken