STRB Contact for more information

[mbertucci]

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:

Design in Figma

Miro Links

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

Business Rules

• A visible and easily accessible help button should be present throughout the application form
• A visible and easily accessible help button should be present throughout the dashboard
• When users click on the help button, a pop-up window is displayed.
• Users can click "close" or "x" to close the pop-up window.
• 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 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 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

[fionazhou-jsb]

@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

[mbertucci]

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

[jdyck-fw]

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

[rstens]

Fail

Figma link says:

Applications says:

[mbertucci]

@shaangill025 please fix asap

[shaangill025]

Verified

[fionazhou-jsb]

screenshot looks right. closing it @mbertucci

[mbertucci]

the email address needs to be changed.

[rstens]

IGNORE This comment, see below

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

Figma link says:

Application says:

[andyyanggov]

Correct me if things have changed @mbertucci @fionazhou-jsb, but STRBranch@gov.bc.ca 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?

[rstens]

Yeah my BAD, I needed to refresh the page.

This is showing:

PASS

[shaangill025]

Email was updated to STRBranch@gov.bc.ca. I just checked again in Dev.