department-of-veterans-affairs / va.gov-team

Public resources for building on and in support of VA.gov. Visit complete Knowledge Hub:
https://depo-platform-documentation.scrollhelp.site/index.html
281 stars 202 forks source link

[DESIGN] Update Design and Content for Multiple Facilities Selection #77685

Closed cgednalske closed 7 months ago

cgednalske commented 7 months ago

Background

A few things need to be worked out on the multiple facilities selection pagefor the Oracle Health flow.

  1. Description text INSIDE checkbox tile: How should we handle the appointment description text inside the checkbox tile? This text can only be included as a paragraph format, not as bullet points or separate lines.
Screenshot 2024-03-05 at 11.54.08 AM.png
  1. Description text ABOVE checkbox tile: We need to include text within the checkbox group description (test label = placeholder text). This is required (Slack thread). Should we add additional description text, move the body text there, or move some of the body text there? Anything included in this description will be included in the inline alert as well. Note: important to talk with a11y folks about when/how the different content would read out.
Tiled Checkboxes - spacing.png

Tasks

Acceptance Criteria

benbrasso-agile6 commented 7 months ago

@zach-park, @cgednalske can provide you with details on this ticket, if needed

cgednalske commented 7 months ago

@zach-park let me know if you have any questions about this one at any point 🙂

zach-park commented 7 months ago

@benbrasso-agile6 @cgednalske . Multiple facilities selection UI (design and content) is ready for validation:

Frame w/ annotation https://www.figma.com/file/pnR05o7NPJDS0KFUSQ0eE3/Online-Travel-Reimbursement-on-VA.gov-%7C-Check-in?type=design&node-id=1300%3A6142&mode=design&t=2X5eYCFfpnGP12eQ-1

Frame with example content https://www.figma.com/file/pnR05o7NPJDS0KFUSQ0eE3/Online-Travel-Reimbursement-on-VA.gov-%7C-Check-in?type=design&node-id=1528%3A1717&mode=design&t=2X5eYCFfpnGP12eQ-1

Error state https://www.figma.com/file/pnR05o7NPJDS0KFUSQ0eE3/Online-Travel-Reimbursement-on-VA.gov-%7C-Check-in?type=design&node-id=1162%3A5089&mode=design&t=2X5eYCFfpnGP12eQ-1

benbrasso-agile6 commented 7 months ago

LGTM @loripusey you got a FE ticket for this change? Need one?

loripusey commented 7 months ago

Yes there are FE tickets for it.