[SBC Connect Envelope] - Host - Select SBC Connect Account - See SBC Account Access

mbertucci commented 2 months ago

📖 User Story

🔹 As host who has authenticated and chosen an SBC Account to use 🔹 I want to be able to access my SBC Account Information and see my SBC Account Notifications 🔹 so that I can manage my SBC Account.

Context:

This is only applicable when the user selects an account to use from the SBC Account Screen (the screen that appears after they pass the BC Services card authorization)

This is the SBC Connect Envelope

The SBC Connect Account information on the top right of the blue bar will only show up if they selected an account

Also we need to provide a way for the user to get back to STRR once they have entered the SBC Connect platform. This is usually by way of having the SBC Connect team add a card for STRR.

in this picture our card would show up like the "Business Registry" card or the "Staff Asset Registries" card.

Alexis will work on the STR card and Mikaela will ask registry team to add to the list. #20894. It's not a dependency and the card may not be ready until July.

Note: The responsiveness of SBC Connect envelope will be handled in this story as well as the flow only and breadcrumb implementation. .

📏 Business Rules

[ ] Only shows notification center and name (and the dropdown menu) if they have an SBC Account
[ ] Users with SBC Account can access the notification center and the dropdown menu at anytime during STR registration process
[ ] Follows regular SBC Account Flows
[ ] If users is on the SBC Account page, they can go back to the dashboard and click "STRR" card (TBD) to get back to where they were working on

🎭 Story Scenarios

Scenario 1: User has an SBC Connect Account

Given the user has been authenticated via SBC Connect
When the user selects to use one of their SBC Accounts (from previous step #20654)
Then the user will be able to see the SBC Connect Account
And is able to click on SBC Account drop downs and access their SBC Connect Account

Scenario 2: User clicks on SBC Account and is taken to SBC Connect Platform

Given that I have clicked on any of the SBC Connect Links and I am taken to the SBC Connect Platform When I am finished updating my account information or whatever I choose to do in SBC Connect Then I click on the card that takes me back to the "STRR Envelope", with the "Contact Information Page" - through investigation, dev will figure out where to get redirected to from SBC Profile page.

🎨 UX/UI Link: No UX UI Links.

Mural Links

https://app.mural.co/t/citzservicebcbcros0435/m/citzservicebcbcros0435/1706554024951/153dc4e4f3fbbd7cfc1352e0c804cb105960321e?wid=0-1713291042908 Story in Mural: https://app.mural.co/t/citzservicebcbcros0435/m/citzservicebcbcros0435/1706554024951/153dc4e4f3fbbd7cfc1352e0c804cb105960321e?wid=0-1713291042908

Roadmap and Storymap links

Roadmap: https://app.mural.co/t/citzservicebcbcros0435/m/citzservicebcbcros0435/1708551828009/76eaa2c92258b0bde76157b3dd6e37220967e91a?wid=0-1708639933585 Story Board: https://app.mural.co/t/citzservicebcbcros0435/m/citzservicebcbcros0435/1706554024951/153dc4e4f3fbbd7cfc1352e0c804cb105960321e?sender=u919d7a4924c2e37e12b55343

🌐 Accessibility Scenarios

### Keyboard Users Scenario: Comprehensive Keyboard Navigation Given I am a keyboard user on the website When I use the Tab key to navigate through the website Then all interactive elements should be accessible and highlighted And I should be able to activate these elements using the Enter or Space key Scenario: Full Content Accessibility via Keyboard Given I am a keyboard user navigating the website When I traverse through different pages and sections Then all content should be fully accessible using the keyboard alone And there should be no traps that prevent me from navigating away using the keyboard ### Screen Reader Users Scenario: Accessible Image Descriptions Given I am using a screen reader on the website When I encounter images Then each image should have descriptive alt text that conveys the same message as the image Scenario: Structured Navigation for Screen Readers Given I am navigating the website using a screen reader When I move through different page elements Then the content should be structured with proper headings And the reading order should be logical and sequential Scenario: Descriptive Form Fields Given I am filling out a form using a screen reader When I navigate through the form fields Then each field should be clearly labeled with descriptive text And instructions should be directly associated with their respective inputs ### Low Vision Users Scenario: Effective High Contrast Mode Given I am a user with low vision on the website When I enable high contrast mode Then all content should display with high color contrast suitable for low vision And the layout should remain coherent and unchanged Scenario: Text Resizing Accommodation Given I am a user with low vision on the website When I increase the text size Then the text should resize without loss of information or functionality And the page layout should adapt accordingly without disrupting the user experience Scenario: Personalized Styling Preferences Given I am a user with low vision adjusting settings on the website When I customize my styling preferences, including colors, fonts, and spacing Then these adjustments should be applied consistently across all pages And the changes should persist during my entire session or until altered by me

##

🌍 Global Scenarios

## Data Validation # Mikaela to confirm: Do we need to do these for MVP - data validation required for inputing data in the right format - as defined by business rules. ### Internet Connection #### Standard Internet Connection Given I am accessing the website from a standard internet connection When I navigate to any page on the site Then the page should load completely within 2 seconds, ensuring a fast and efficient user experience. #### Low-Speed Internet Given a user accesses "Application Details View" with a low-speed internet connection defined as under [specific speed] Mbps When the user attempts to load and interact with the dashboard page Then the "Application Details View" should prioritize critical content and functionality, loading essential elements first to ensure usability. #### Mobile Responsiveness Given I am accessing "Application Details View" on a mobile device When I click on the "any" link Then "_____ " should display correctly and be easily editable on my device, ensuring a responsive design.

mbertucci commented 2 months ago

See Teams for conversation with John Lane regarding getting a card in SBC Connect

mbertucci commented 1 month ago

For MVP if the user moves away from the form by going to their SBC Connect account then they will lose their data when they come back.

jdyck-fw commented 1 month ago

Assigned to you @trevoratindustrio to break into subtasks

mbertucci commented 1 month ago

non mvp

bcgov / entity