🏠 Overview â€ș 🎯 Features â€ș🎯 External Resource Links

External Resource Links

Feature Detail

low complexity extracted Home & Navigation Confidence: 100%
3
Components
2
Shared
0
User Stories
Yes
Analyzed

Description

Surfaces a curated list of external resources (organization websites, training portals, partner services, support material) inside the mobile app so peer mentors and coordinators can reach commonly used links without leaving the app context. Links are configured per organization and cached for offline visibility. The screen renders org-specific resource sets driven by the Organization Labels and configuration system, and respects WCAG 2.2 AA for link semantics, contrast, and target size.

Sources & reasoning

The prioritization matrix marks External Resource Links as a shared NICE Phase 2 need across all organizations, and the canonical area taxonomy places it inside Home & Navigation alongside the dashboard and settings.

  • Eksterne lenker til ressurser | ✓ | ✓ | ✓ | ✓ | ✓ | NICE | 2
  • home-navigation | Home & Navigation | Role-Specific Home Dashboard, App Settings & Preferences, External Resource Links

Analysis

Business Value

All four organizations identified "Eksterne lenker til ressurser" as a shared NICE-priority need in the prioritization matrix. A central resource-links surface keeps the mobile app as the daily hub for peer mentors instead of forcing context switches to email, browser bookmarks, or printed material. For organizations like HLF that coordinate with an external portal project, an in-app resource shortcut is the simplest, lowest-risk way to bridge between the two without overlapping functionality. It scales to new tenants via configuration, not code.

Implementation Notes

Flutter screen reading a per-organization resource link set from the backend, cached locally for offline access. Configured by Org Admin in the Admin Web Portal. Uses the Link Store data component to persist link metadata and labels. Link launching uses platform URL handlers; outbound URLs are validated to prevent open-redirect-style abuse. WCAG 2.2 AA applies: accessible names announce destination, contrast and target size meet thresholds.

Quality Assurance

Peer Mentor (primary) · Coordinator (same flow)
1
Scenarios
6
UAT Steps
19
A11y Annotations
3
Role Boundaries
Peer Mentor (Likeperson)

Peer Mentor (Likeperson)

Quick UAT

  1. Logg inn i Meander-mobilappen som Likeperson og Ă„pne hamburgermenyen fra Hjem.
  2. Trykk pÄ 'Eksterne ressurser' for Ä Äpne listen over kuraterte lenker for din organisasjon.
  3. Bla gjennom listen og bekreft at lenkene som er konfigurert av Org Admin vises med tittel og kort beskrivelse.
  4. Trykk pÄ en intern lenke (in-app web view) og bekreft at innholdet Äpnes inne i appen med tydelig 'Lukk'-knapp.
  5. GÄ tilbake til listen og trykk pÄ en ekstern lenke (Äpner i systemets nettleser); bekreft at nettleseren starter og laster riktig URL.
  6. Lukk nettleseren, returner til appen og bekreft at bruksregistrering er sendt (lenken vises som 'Sist Ă„pnet i dag').

Quick UAT — Accessibility

  1. Logg inn i Meander-mobilappen som Likeperson og Ă„pne hamburgermenyen fra Hjem.
    • Screen reader TalkBack/VoiceOver annonserer 'Meny, knapp' og deretter menytittel ved Ă„pning.
    • Keyboard / focus Menyknapp nĂ„s via Tab; Enter/mellomrom Ă„pner menyen.
    • Focus visibility Synlig fokusring pĂ„ menyknappen; fokus flyttes inn i menyen ved Ă„pning.
    • Touch target Menyknapp ≄ 24×24 CSS px.
  2. Trykk pÄ 'Eksterne ressurser' for Ä Äpne listen over kuraterte lenker for din organisasjon.
    • Screen reader Skjermleser annonserer 'Eksterne ressurser, lenke' og deretter ny sideoverskrift ved navigering.
    • Keyboard / focus Menyelementet nĂ„s med piltaster/Tab; Enter aktiverer.
    • Focus visibility Fokus flyttes til sideoverskrift 'Eksterne ressurser' ved sideskifte.
  3. Bla gjennom listen og bekreft at lenkene som er konfigurert av Org Admin vises med tittel og kort beskrivelse.
    • Screen reader Hver lenke annonseres som 'Tittel, ekstern lenke' eller 'Tittel, intern lenke' med beskrivelse som tilgjengelig navn.
    • Keyboard / focus Piltaster/Tab navigerer rad for rad gjennom listen.
    • Zoom Listen er brukbar ved 200 % zoom uten horisontal scrolling.
    • Contrast Tittel og beskrivelse oppfyller 4.5:1 kontrast; ekstern/intern indikator vises ikke kun ved farge (ikon + tekst).
  4. Trykk pÄ en intern lenke (in-app web view) og bekreft at innholdet Äpnes inne i appen med tydelig 'Lukk'-knapp.
    • Screen reader Skjermleser annonserer 'Åpner i appen' og deretter sideoverskrift fra in-app web view; 'Lukk, knapp' er fokuserbart.
    • Focus visibility Synlig fokusring pĂ„ 'Lukk'-knappen; fokus settes inn i web view-kontainer ved Ă„pning.
    • Touch target 'Lukk'-knapp ≄ 24×24 CSS px.
  5. GÄ tilbake til listen og trykk pÄ en ekstern lenke (Äpner i systemets nettleser); bekreft at nettleseren starter og laster riktig URL.
    • Screen reader Skjermleser annonserer 'Åpner i ekstern nettleser, lenke' fĂžr appen forlates.
    • Keyboard / focus Lenken aktiveres med Enter; ingen tastaturfeller fĂžr systemnettleseren tar over.
    • Focus visibility Fokus returnerer til samme lenke i listen nĂ„r brukeren kommer tilbake til appen.
  6. Lukk nettleseren, returner til appen og bekreft at bruksregistrering er sendt (lenken vises som 'Sist Ă„pnet i dag').
    • Live region Polite live region annonserer 'Lenke Ă„pnet. Sist Ă„pnet oppdatert til i dag.'
    • Contrast 'Sist Ă„pnet i dag'-status oppfyller 4.5:1 og er ikke kun farget tekst.

Role Boundaries

3 role(s) must NOT access this feature
  • Organization Administrator

    Org Admin logger ikke inn pÄ mobilappen som admin; pÄ mobil opptrer de som Coordinator og ser samme liste. Selve administrasjonen av lenker skjer i Admin Web Portal, ikke pÄ denne skjermen.

  • Global Administrator

    Ingen tilgang til mobilappen — pĂ„logging i mobil returnerer no-access skjerm; deep-link til 'Eksterne ressurser' returnerer 403.

  • Prospective Buyer

    Har ingen mobilkonto og kan ikke nÄ skjermen; eventuelle deep-links uten gyldig sesjon ledes til innloggingsskjerm.

Expected End State

Den valgte ressurslenken er Äpnet i riktig surface (in-app web view for interne, systemnettleser for eksterne), brukeren er tilbake pÄ 'Eksterne ressurser'-skjermen, og en bruksregistreringshendelse er sendt til Resource Link Service slik at lenken viser oppdatert 'Sist Äpnet'-tidsstempel for organisasjonens analyse.

Components (5)

User Interface (1)

ui Resource Links Screen medium

Service Layer (1)

service Resource Link Service medium

Data Layer (1)

data Link Store medium

Shared Components

These components are reused across multiple features

User Stories

No user stories have been generated for this feature yet.