[FE] My VA: Simplify Cerner alert

[ajakabcin]

Background

As noted in #25049 the Cerner alert needs to be simplified. We submitted a content ticket for assistance in reviewing the content and design and have a new design that needs to be implemented.

Feedback from content documented here. We're going with version 4 outlined below:

# V4

Choose your health management portal

Your care team may now use our new My VA Health portal. Choose your portal based on the facility for your appointment:

• For Charles P. Wylie Veterans Outpatient Clinic: [link] Use My VA Health
• For any other VA health facility: [link] Use My HealtheVet

If you have trouble accessing the portal: Make sure to disable your pop-up blocker. If you’re prompted to sign in again, use the same account you used to sign in to VA.gov.

Screenshots

Tasks

• [x] Update design/copy for Cerner alert on My VA
• [x] Ensure proper styling of header and links

[tmitchellgcio]

@tressaellen This is what I have currently, however the image you have doesn't have the grey background and it has more width. Considering the content on the page, if I extend the width out it may look off. See the image below. I wasn't sure if I needed to remove the gray or extend the width or if it's as intended for that page.

[tressaellen]

Hi @tmitchellgcio - yes, it does need the grey background. And go ahead and just use the default width of the component - we aren't changing the width of any of the other errors so we'll just leave it for consistency.

@DanielleThierryUSDSVA - there is so much bold going on in this alert that it's difficult to know what is the most important part. Could we change the "If you have trouble accessing the portal:" to "If you have trouble accessing the portal, make sure to..." (Remove the bold and the colon and make it a continuous sentence- shown in screenshot)

[tmitchellgcio]

Hi @tmitchellgcio - yes, it does need the grey background. And go ahead and just use the default width of the component - we aren't changing the width of any of the other errors so we'll just leave it for consistency.

@DanielleThierryUSDSVA - there is so much bold going on in this alert that it's difficult to know what is the most important part. Could we change the "If you have trouble accessing the portal:" to "If you have trouble accessing the portal, make sure to..." (Remove the bold and the colon and make it a continuous sentence- shown in screenshot)

Thank you!

[DanielleThierryUSDSVA]

Hi @tressaellen. I think that's fine. Thanks for checking!

[tressaellen]

@DanielleThierryUSDSVA thank you!

@tmitchellgcio - let's go ahead and change the copy to the following (View screenshot above):

Choose your health management portal

Your care team may now use our new My VA Health portal. Choose your portal based on the facility for your appointment:

For Charles P. Wylie Veterans Outpatient Clinic or Mann-Grandstaff Department of Veterans Affairs Medical Center: [link] Use My VA Health

For any other VA health facility: [Use My HealtheVet]

If you have trouble accessing the portal, make sure to disable your pop-up blocker. If you're prompted to sign in again, use the same account you used to sign in to VA.gov.

[tmitchellgcio]

This is the updated screenshot for the newest PR. Let me know if there are any other changes. If not then I will merge the PR. Thank you @tressaellen

[ajakabcin]

Is "For" in "For any other VA health facility:.." supposed to be bolded like the rest of the phrase? @tressaellen and @tmitchellgcio

[tmitchellgcio]

Is "For" in "For any other VA health facility:.." supposed to be bolded like the rest of the phrase? @tressaellen and @tmitchellgcio

I think that is supposed to not be bold like the phrase above it. That's at least what I gathered from her mock above. Open to changing it if need be though.

[ajakabcin]

Confirmed on staging with user ssoissoetesting+mhvcss4@gmail.com