[Income Limits] Evaluate print functionality for results screen

[randimays]

Description

Income Limits needs to have a print button on the results screens and appropriately display results content for a printed page. Some page elements may be appropriately formatted for print view already because they are DS web components. We should:

1. Review the existing print behavior of each results screen
2. Create guidelines or mockups for how to adjust any behavior, if necessary
3. Specify where the print button should be added on the page, and the text that should be on it

Reference:

• Income Limits in Production

Screenshots of existing behavior

Results screen - Current year flow

Digital view

Below is what is shown when you right-click on the browser window and click "Print."

Print view

User story

AS A Veteran who is viewing the Income Limits results page and has clicked the 'Print this page' button
I WANT to see helpful, necessary information on the print view of the results page
SO THAT I can have a printed copy of my results to review and refer without going through the wizard again, to review when not online.

Roles / assignments

After functional testing, code review, accessibility review, and design review can happen in parallel.

• Functional testing:
• Code review:
• Design review:
• Accessibility review: @laflannery
• Product acceptance: @FranECross

Acceptance criteria

• Veterans can click a print button in order to print their Income Limits results (without things like buttons and extraneous information)
• Print button is not a Primary button
• Align print button and functionality with DUW [DUW] [UX] Review results page print behavior #19758
• UX provides print functionality feedback (and mockups if necessary)
• UX pings @FranECross so an FE ticket can be created
• @FranECross creates FE ticket

[FranECross]

Added user story and AC; moved to the To Refine column; added Public Websites tag.

[thejordanwood]

@randimays @FranECross

Adding print button to page

• Let's add the "Print this page" button above the Back button. This will make it similar to what we do for the DUW.
• @FranECross I'm not sure when the "Print button is not a Primary button" AC was added, but after reviewing DUW I believe it's fine that the print button is a primary. This type of button tested well during our recent DUW research.
• Full Figma mockup showing where the button should be added

Print button added to page

Display when printed

• Currently, the action links on the page do not display the full URL, but they should.
• @randimays Is there a way that the green arrow on action links can show on the print page? It currently disappears and I noticed it's like that on other pages across the site too when I go to print.
• Other than that, let's keep the same decisions we made for the print behavior in the DUW ticket. To reiterate:
  • All link text and full URL should display.
  • If possible, remove "(opens in a new tab)" text next to links to reduce some of the clutter.
  • Remove the "Print this page" and "Back" buttons from the print screen.
• Full Figma mockup showing how the print screen should look

Active links display full URL

[randimays]

@thejordanwood Thank you for reviewing! If we want the green arrow to show up for action links in print view, we'd have to put in a DS ticket. This behavior is baked into their web component.