Facility operating alerts are currently in production with a range of implementations on various pages documented in the table below. After an audit to find where and how these implementations differed and a design intent to get approval on design iteration, we are ready to implement Nick's design recommendations to provide a consistent experience within and across products.
Example pages
VAMC system page (relevant for main locations which appear on system home page)
[ ] Facility operating status alerts use a static, non-clickable alert style
[ ] For accessibility: screen readers should treat static alerts as readable text: "Limited services and hours" (in the current experience, screen readers are ignoring facility locator alerts)
[ ] Static alerts do not have rounded borders
[ ] When facility operating status = "Limited services and hours", use the yellow, full-background-with-icon alert
[ ] Maintain existing style for "Normal", "Facility Notice" and "Closed" statuses
[ ] No change to existing behavior is expected
Acceptance Criteria
[ ] Regardless of status, facility operating status should be announced to screen readers as a link
[ ] When facility operating status = "Limited services and hours"
the yellow, full-background-with-icon alert displays on Facility Operating status pages
yellow, full-background-with-icon clickable alert style with 5px border radius displays on VAMC facility, system and location pages
The clickable link is styled the same as the expandable alert and uses a link chevron >
Issue Description
Facility operating alerts are currently in production with a range of implementations on various pages documented in the table below. After an audit to find where and how these implementations differed and a design intent to get approval on design iteration, we are ready to implement Nick's design recommendations to provide a consistent experience within and across products.
Example pages
Current behavior for VAMC facility page
>
, use yellow, full-background-with-icon alert for "Limited services and hours"Design system references
Tasks
VAMC facility, system and location pages
Implement design found in UX Pin, which includes
>
VAMC operating status pages
Implement design found in UX Pin, which includes
Acceptance Criteria
>