Accessibility Testing for [10-10 Health Apps, 10-10EZR Standalone form]

[hdjustice]

Product information

• Team name, product name, and feature name have been added to the title of this issue.
• Team label, product label and feature label (if applicable) have been added to this issue.

Who completed the use of color and color contrast test?

Jessica Stump

Use of color and color contrast checks

• All text of 20px or smaller has a 4.5:1 contrast ratio to its background (or better)
• All text of 20px or larger has a 3:1 contrast ratio to its background (or better)
• Non-text elements have a 3:1 contrast ratio to their background and to neighboring elements (or better)
• Color is not the only way to distinguish links from other text (eg. links are underlined)
• Any charts, maps, infographics, and tables convey all information without only relying on color
• Content does not refer to color, especially when providing user instructions (eg. "Click the blue button")

How did color testing go?

• no issues found

Who completed the axe scans?

Jessica Stump and Heather Justice

axe checks

• Each page has been scanned using axe (results shared below)
• axe is integrated into your end-to-end testing
  • We have both end-to-end axe testing and we perform manual testing. Below are the results of the manual the testing.
  • For Heather's screenshots, 4 issues are shown which are all components outside of the form that we have control over. Jessica's screenshots only show 1 issue, still an issue outside of our form.

axe DevTools scan results

• Introduction page

  • 

• Veteran Info

  • Personal Info
    • 
  • Mailing Address
    • 
  • Home Address
    • 
  • Contact info
    • 

• Household info (Spouse, Dependents, Income, Deductibles)

  • Marital Status
    • 
  • Spouse Info
    • 
  • Spouse Additional info
    • 
  • Spouse financial support
    • 
  • Spouse address & number
    • 
  • Add Dependent
    • 
  • Review Dependent
    • 
  • Dependent info
    • 
  • Dependent education
    • 
  • Dependent Additional info
    • 
  • Dependent support
    • 
  • Dependent income
    • 
  • Veteran income
    • 
  • Spouse income
    • 
  • Deductibles
    • 

• Insurance info

  • Medicaid Eligibility
    • 
  • Medicare: Part A
    • 
  • Medicare Effective date
    • 
  • Add Private Insurance
    • 
  • Insurance review
    • 
  • Insurance policy info
    • 

• Review page

  • Expanded sections
    • 
  • Collapsed sections
    • 
  • With submission error message
    -

• Confirmation Page

  • 

How did axe testing go?

• The first round of axe testing found contrast issues with the background, however subsequent runs in various browsers no longer showed those issues when we tried to re-create.

Who completed the content zoom and reflow test?

Jessica Stump

Content zoom and reflow checks

• All page elements are readable and usable at 200% zoom
• All page elements are readable and usable at 300% zoom
• All page elements are readable and usable at 400% zoom

How did content zoom and reflow testing go?

• All pages passed the zoom & reflow testing with no issues

Who completed the keyboard navigation test?

Jessica Stump

Keyboard navigation checks

• Each link, button, form input, checkbox, radio button, select menu, and custom element can receive keyboard focus
• Each link, button, form input, checkbox, radio button, select menu, and custom element responds to expected keys
• All elements under focus have a visible focus indicator
• The order of [Tab] stops made sense and was appropriate for completing tasks

How did keyboard testing go?

• Keyboard testing went well and focus order performed as expected.

Do you have any other results to share?

• nothing more to share