Contact Us
Feature Detail
Description
The Contact Us feature provides peer mentors and coordinators with a direct in-app channel to reach support staff when issues arise or guidance is needed. Support requests are submitted with user identity pre-populated from the active session, reducing friction for users with limited digital experience. As part of the always-on Help & Support area, this screen is available to all authenticated users regardless of their organization's module configuration, ensuring accessible support without leaving the application.
Sources & reasoning
Contact Us is listed as MVP in the help-support area taxonomy (line 479). The workshops identify users with cognitive and motor challenges who need accessible help channels, making in-app support a trust-critical capability from launch. It is part of the always-on module set and requires no toggle.
-
docs/source/likeperson.md · line 479| help-support | Help & Support | Contact Us, Privacy Policy, Accessibility Statement, FAQ |
Analysis
An accessible in-app support channel is essential for a platform serving users with diverse digital skill levels, including users with cognitive and motor challenges explicitly identified by NHF. Without a low-friction contact mechanism, users who encounter problems risk abandoning the app, undermining adoption across all organizations. Routing support requests directly to technical staff also reduces the informal burden placed on coordinators. A visible, reliable contact option builds user trust and is a minimum expectation for any production application serving the target population.
ContactUsScreen is a Flutter form screen backed by SupportRequestService, which POSTs submissions to the backend REST API for routing to an internal helpdesk. User identity fields are pre-populated from the authenticated session to minimize input effort. All form fields require semantic accessibility labels, visible focus indicators, and touch targets of at least 24x24 CSS pixels per WCAG 2.2 AA. Validation errors must be plain-language and actionable to support cognitive accessibility. The screen is always-on within help-support, requires no module toggle, and handles network failures with a retry queue.
Quality Assurance
Peer Mentor · Coordinator (same flow)Peer Mentor
Quick UAT
- Logg inn i Meander-appen som Likeperson. Trykk på hamburgermenyen og velg Hjelp og støtte → Kontakt oss.
- Bekreft at navn og e-postadresse er forhĂĄndsutfylt fra aktiv sesjon og ikke kan redigeres.
- Skriv en kort beskrivelse av problemet i meldingsfeltet og trykk Send.
- Bekreft at bekreftelsesmeldingen vises og at meldingsfeltet tømmes.
Quick UAT — Accessibility
-
Logg inn i Meander-appen som Likeperson. Trykk på hamburgermenyen og velg Hjelp og støtte → Kontakt oss.
- Screen reader Skjermtittelen 'Kontakt oss' annonseres ved navigasjon til skjermen; menyelementer leses opp med rolle og tilstand.
- Keyboard / focus Hamburgermeny nĂĄs med Tab; piltaster navigerer menyelementer; Enter ĂĄpner Kontakt oss-skjermen.
- Focus visibility Synlig fokusring pĂĄ hamburgermeny-knapp og hvert navigasjonselement.
- Touch target Alle menyelementer ≥ 24×24 CSS px.
-
Bekreft at navn og e-postadresse er forhĂĄndsutfylt fra aktiv sesjon og ikke kan redigeres.
- Screen reader Skjermleser annonserer hvert forhĂĄndsutfylt felt med label og verdi, samt 'skrivebeskyttet' tilstand.
- Focus visibility Skrivebeskyttede felt er tydelig merket; fokusrekkefølge: navn → e-post → meldingsfelt.
- Contrast Tekst i skrivebeskyttede felt oppfyller 4.5:1 kontrastkrav; tilstand kommuniseres ikke kun via farge.
-
Skriv en kort beskrivelse av problemet i meldingsfeltet og trykk Send.
- Screen reader Meldingsfelt annonseres med label 'Melding' og 'pĂĄkrevd'; Send-knapp leses opp med rolle.
- Keyboard / focus Tab navigerer til meldingsfelt og Send-knapp; Enter aktiverer Send.
- Focus visibility Synlig fokusring pĂĄ meldingsfelt og Send-knapp; meldingsfelt har semantisk label.
- Touch target Send-knapp ≥ 24×24 CSS px.
- Zoom Meldingsfelt og Send-knapp er fullt brukbare ved 200 % zoom uten horisontal scrolling.
-
Bekreft at bekreftelsesmeldingen vises og at meldingsfeltet tømmes.
- Screen reader Bekreftelsesmeldingen leses automatisk opp av skjermleser etter innsending.
- Live region 'Meldingen din er sendt. Vi tar kontakt sĂĄ snart som mulig.'
- Contrast Bekreftelsesmelding oppfyller 4.5:1 kontrastkrav; suksess kommuniseres ikke kun via grønn farge.
Expected End State
Støtteforespørselen er sendt til supportteamet med brukerens identitet og sesjonsinformasjon vedlagt. Brukeren ser en bekreftelsesmelding i appen.
Components (28)
Shared Components
These components are reused across multiple features
User Stories
No user stories have been generated for this feature yet.