Implement PDF Cert Warning in Find-a-form Search page

[wesrowe]

Must be deployed to Staging ONLY until collab cycle allows promotion to Prod

Description

As a Veteran, I want to see an informational banner about the certificate expiration issue so that I can have more context when I encounter issues.

Use of Design System component va-alert:

• we're using the va-alert web component?
• It is not dismissable
• Use the blue "info" type banner
• Copy provided via Content work for PDF certificate messaging va.gov-team#48458:
  • Heading: We’re updating our forms
  • Body: After January 7, 2023, you won't be able to use VA forms that have a “last updated” date before March 2022. If you downloaded any of these older VA forms, you may need to download new copies in January.

Key implementation details

• We do NOT want a role="alert" attribute on our informational alert, this hijacks reading order inappropriately (in this scenario) for screen readers. The design system docs reference it briefly here.
  • example of how we want it: https://www.va.gov/records/download-va-letters/
  • "don't" example: https://www.va.gov/disability/eligibility/

Screenshot:

Confirmed new design with:

• Laura Flannery, who helped solve for 508 issue called out in collab cycle
• Dave C via slack

Acceptance Criteria

• Environment flag/Flipper prevents from showing in Prod
• Text is exactly what appears above in description
• Only shows if Flipper is set to true in the environment
• Alert displays under H1 when user lands on Form Search page
• Alert persists when user executes a search
• Alert is not dismissible
• Screen reader reads the alert only once on the Search page while the user remains there (without navigating away), even as the user executes one or more searches
• Requires design review
• Requires accessibility review

CMS Team

Please check the team(s) that will do this work.

• Program
• Platform CMS Team
• Sitewide Crew
• ⭐️ Sitewide CMS
• ⭐️ Public Websites
• ⭐️ Facilities
• ⭐️ User support

[jilladams]

@wesrowe this ticket doesn't mention any of the date-related logic. We need to add that into ACs.

[wesrowe]

This ticket is the one that's "always on" – it's the Form Detail alert that looks at dates.

[wesrowe]

✅ Looks good in review instance – note that Jill and I discussed copy elsewhere. We'll go with this version so as not to commit to an unconfirmed Dec 15 deadline for Forms Managers to update all forms.

Reminder: we still don't want to merge, we want to hold this back for Staging Review etc.