As an examiner,
I want users to enter such as PID, Business License, the type of property, and ownership type, and listing links
So that I can review the information thoroughly and use it along with other application information to make an informed decision regarding the application.
Context
📏 Business Rules
[ ] Rental unit details include parcel identifier (optional), local government business licence (optional), type of property (required, picklist) and ownership type (required, picklist)
[ ] Picklist values for Type of property are portion of principal residence, entire principal residence, secondary suite, accessory dwelling suit, investment property.
[ ] Picklist values for Type of ownership are rent, own and co-own.
[ ] Pick list for platforms (AirBnB, VRBO, Booking.com)
[ ] Links to listing is optional.
[ ] Hosts can add one listing URL per platform.
[ ] URLs entered need to be validated.
[ ] URLs can be edited and removed.
🎭 Story Scenarios
Scenario: Adding rental unit address information
Given that a host has clicked next from the “Contact Information” Page or has clicked on the “Property Rental” Stepper
And is visually focused on the “Rental Unit Details” and the “Platform Details”
Then the host can
enter PID and it will ensure that they have entered the 3digit dash 3 digit dash 3 digit format
enter the Local Government Business License
Then the host can select one of the options from the “Type of Property” drop down
Then the host can select one of the options from the “Type of Ownership” drop down
Then the host can enter a link to their listing
Scenario: Add a valid short term rental platform link to user profile
When the user selects any of the choices "AirBnB, VRBO, Booking.com" from the "Select Platform" dropdown
And the user enters the link into the "Enter your AirBnB" field
Then the user is able to another platform from the drop down by clicking "add another link"
And the user is able to select any choice "AirBnB, VRBO, Booking.com" from the drop down and then enter the url for that platform
Then the user is able to add another link to a maximum of three entries for "AirBnB, VRBO, Booking.com"
Then both the platform name and the url are stored together and can be referenced together for future reporting
Roadmap and Story Map links 🌐 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.
📖 User Story
As an examiner, I want users to enter such as PID, Business License, the type of property, and ownership type, and listing links So that I can review the information thoroughly and use it along with other application information to make an informed decision regarding the application.
Context
📏 Business Rules
🎭 Story Scenarios
Scenario: Adding rental unit address information Given that a host has clicked next from the “Contact Information” Page or has clicked on the “Property Rental” Stepper And is visually focused on the “Rental Unit Details” and the “Platform Details” Then the host can
Then the host can select one of the options from the “Type of Property” drop down Then the host can select one of the options from the “Type of Ownership” drop down
Then the host can enter a link to their listing
Scenario: Add a valid short term rental platform link to user profile When the user selects any of the choices "AirBnB, VRBO, Booking.com" from the "Select Platform" dropdown And the user enters the link into the "Enter your AirBnB" field Then the user is able to another platform from the drop down by clicking "add another link" And the user is able to select any choice "AirBnB, VRBO, Booking.com" from the drop down and then enter the url for that platform Then the user is able to add another link to a maximum of three entries for "AirBnB, VRBO, Booking.com" Then both the platform name and the url are stored together and can be referenced together for future reporting
🎨 UX/UI Link: https://www.figma.com/design/R9GF5wvwq2TrnbnsbhPfvV/STR-Host-Application-Tickets?node-id=2035-6023&t=joJselWcvJ0FJRmB-4
Roadmap and Story Map links
🌐 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.