entity icon indicating copy to clipboard operation
entity copied to clipboard

STRB Contact for more information

Open mbertucci opened this issue 1 year ago • 1 comments

User Story

As a new user on the STR envelope (STR application form),
I want to know who to contact if I don’t understand how to fill out the form or encounter technical issues,
so that I can get immediate help and complete the process without delays or frustration.

Context

If users have questions regarding the form or encounter technical issues, we like to provide some contact information for STR Branch so users can reach out for support.

The exact contact info will be provided later. Please use something as a placeholder.

UX/UI Links: Andy to add

Miro Links

  • https://miro.com/app/board/uXjVKQlO-ME=/?moveToWidget=3458764598838689655&cot=14

Business Rules

  • [ ] A visible and easily accessible contact link or button should be present throughout the application form
  • [ ] A visible and easily accessible contact link or button should be present throughout the dashboard
  • [ ] The contact information should include options for immediate help, such as a phone number, or email. (Contact info will be provided later, just put some placeholder)
  • [ ] Users should be able to access help without leaving the application form or dashboard

Story Scenarios

  • [ ] Scenario 1: User Contacts Support for Application Help

    • Given: A new user is on the STR application form and is unsure how to complete this form or encounter some technical issues.
    • When: The user clicks the contact link or button for help.
    • Then: The system should display the contact options (e.g., phone number, email) and allow the user to choose how they wish to get assistance.
    • [ ] Test Created
  • [ ] Scenario 2: User Contacts Support for Dashboard Help

    • Given: A new user is on the Host Dashboard and is unsure how to get certificate, download payment receipt, check status or encounter some technical issues.
    • When: The user clicks the contact link or button for help.
    • Then: The system should display the contact options (e.g., phone number, email) and allow the user to choose how they wish to get assistance.
    • [ ] Test Created
  • [ ] Scenario 3: Access to Help Without Leaving the Page

    • Given: A user is on the STR application form or on the Host Dashboard and needs help.
    • When: The user clicks the help or contact option.
    • Then: The system should provide the help options in a modal or sidebar, allowing the user to continue their application/view their dashboard without navigating away from the page.
    • [ ] Test Created

Accessibility Scenarios

Expand for Accessibility Scenarios
  • [ ] Scenario: Screen Reader Accessibility for Help Options

    • Given: A user is navigating the SBC Connect account selection page using a screen reader.
    • When: The user reaches the contact or help section.
    • Then: The help options should be fully accessible, with clear labels and instructions read out by the screen reader.
    • [ ] Test Created
  • [ ] Scenario: Keyboard Navigation to Help Options

    • Given: A user is navigating the SBC Connect account selection page using only a keyboard.
    • When: The user attempts to access the help or contact options using the Tab key.
    • Then: The focus should logically navigate to the help options, allowing the user to easily access and select them.
    • [ ] Test Created
  • [ ] Scenario: Color Contrast for Help Options

    • Given: A user with visual impairments is viewing the SBC Connect account selection page.
    • When: The user looks at the help or contact options.
    • Then: The text and buttons should have sufficient color contrast to meet WCAG 2.1 AA standards, ensuring they are easily readable.
    • [ ] Test Created

mbertucci avatar Sep 03 '24 22:09 mbertucci

@andyyanggov I just updated this ticket to reflect the overall user story. This one is about showing STRB contact info from application form and host dashboard. We do have another similar story for adding contact info for BCOL when they have issues creating accounts or login

fionazhou-jsb avatar Sep 06 '24 17:09 fionazhou-jsb

Nice work Andy @kris-daxiom please review for TA work

mbertucci avatar Sep 10 '24 18:09 mbertucci

Hey team! Please add your planning poker estimate with Zenhub @avni-work @dimak1 @kris-daxiom @rstens @shaangill025

jdyck-fw avatar Sep 12 '24 20:09 jdyck-fw

Fail

Figma link says: image.png

Applications says: image.png

rstens avatar Sep 25 '24 23:09 rstens

@shaangill025 please fix asap

mbertucci avatar Sep 26 '24 13:09 mbertucci

Verified image.png image.png image.png

shaangill025 avatar Sep 27 '24 15:09 shaangill025

screenshot looks right. closing it @mbertucci

fionazhou-jsb avatar Sep 27 '24 15:09 fionazhou-jsb

the email address needs to be changed.

mbertucci avatar Oct 01 '24 20:10 mbertucci

IGNORE This comment, see below

@mbertucci @andyyanggov Is the email correct? It is different from Figma.

Figma link says:

image.png

Application says:

image.png

rstens avatar Oct 09 '24 20:10 rstens

Correct me if things have changed @mbertucci @fionazhou-jsb, but [email protected] is the correct email for this modal. While we're at it, the phone numbers were originally put there as placeholders. Mikaela/Fiona, can you please confirm the correct phone numbers?

andyyanggov avatar Oct 09 '24 20:10 andyyanggov

Yeah my BAD, I needed to refresh the page.

This is showing: image.png

PASS

rstens avatar Oct 09 '24 20:10 rstens

Email was updated to [email protected]. I just checked again in Dev.

shaangill025 avatar Oct 09 '24 20:10 shaangill025