bcgov
Host Access to STRR
📖 User Story
🔹 As a host, 🔹 I want my identity to be validated using my BC Services Card before I start filling out an application, 🔹 so that my identity is securely authenticated.
Context:
We want a host to be authenticated using BC Services card before entering the system. BC Services Card (BCSC) is a part of the SBC Connect Platform. See https://www.figma.com/file/WGUtggoCiF3Rfb0AQx6TV8?type=design&node-id=157-11955&mode=design#768370514 for screen shots of BC Services card forms. These forms are already created.
Housing landing page draft (need IDIR to view)- https://www2.qa.gov.bc.ca/gov/content/housing-tenancy/short-term-rentals/registry
🎭 Story Scenarios
- [ ] Scenario: Host Access to STRR
- Given the user is on the Housing Home page,
- When the user selects "Submit a Registration",
- Then the system should prompt for validation using the BC Services Card,
- And upon successful validation, the user should be authenticated and directed to the next step which is choosing an SBC Account or creating a new one. #20652
📏 Business Rules
- [ ] Need to validate BC Services Card before starting an application
- [ ] Only authenticated user can proceed
🔗 Mural Links
Story in Mural: https://app.mural.co/t/citzservicebcbcros0435/m/citzservicebcbcros0435/1706554024951/153dc4e4f3fbbd7cfc1352e0c804cb105960321e?wid=0-1710881192752
🌐 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
Scenario 1: 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.
Scenario 2: Optimizing Dashboard for Hosts with Low Internet Connectivity
- Given a user accesses [Form Name] with a low-speed internet connection
- When the user attempts to load and interact with the dashboard page
- Then [Form Name] should prioritize critical content and functionality, loading essential elements first to ensure usability.
Security and Privacy
Scenario 1: Security and Privacy Settings
- Given I am editing [Form Name]
- When I access the form
- Then I should have the option to update my privacy settings related to who can view [Form Name].
Scenario 2: Secure My Information
- Given I am a user entering personal or login information into [Form Name]
- When I submit this information through any form or login page
- Then the platform should encrypt this data during transmission and storage, safeguarding it against unauthorized access.
Mobile Responsiveness
Scenario 1: Mobile Responsiveness
- Given I am accessing [Form Name] on a mobile device
- When I click on the "[Link Name]" link
- Then [Form Name] should display correctly and be easily editable on my device, ensuring a responsive design.
there are no designs for this story.. this is provided by SBC Connect Platform
Hey team! Please add your planning poker estimate with Zenhub @Arash-IND @turb0c0w @trevoratindustrio
