[Accessibility]: 1010EZ - Accessibility audit: 1010EZ

[davidakennedy]

Auditor(s)

David Kennedy

Note: This won't include the new household section. That will be tested via a separate ticket once the new functionality is in a place to be tested. For Household section, see #56028.

Automated

• [x] Run axe checks on every page or unique state (required)
• [x] Run WAVE or ARC on every page if time allows. WAVE is more visual than axe or axe-coconut, but offers some excellent ways to identify nested headings and HTML5 landmark tags.

Manual

• [x] Color contrast checks (recommend using whocanuse.com for beyond compliance reports)
• [x] Color blindness checks
• [x] Zoom layouts to 400% and inspect them for readability. If layouts break at 400%, I will start reducing them until they become stable, and log the zoom ratio when things started breaking.
• [x] Keyboard navigation

Screen Reader

• [x] Firefox and NVDA
• [x] Edge and JAWS
• [ ] iOS Safari and VoiceOver (Mobile) Time permitting.
• [x] Safari and Voiceover (Desktop)

Staging or Production Link

https://staging.va.gov/health-care/apply/application/introduction

Prototype Link

Mural link with screenshots

Test Users

• vets.gov.user+36@gmail.com
• vets.gov.user+228@gmail.com
• Find password

[davidakennedy]

I kicked this work off today, March 30, 2023. I'm going to update this comment as I go so it captures my progress and my notes.

---

Axe + Arc Toolkit

• [x] Apply for VA health care (https://staging.va.gov/health-care/apply/application/introduction): No errors from Axe or Arc Toolkit.
• [x] We need some information before you can start your application (https://staging.va.gov/health-care/apply/application/id-form): No errors from Axe or Arc Toolkit.
• [x] Veteran information (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information): No errors from Axe or Arc Toolkit.
• [x] Veteran information: SSN (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information-ssn): No errors from Axe or Arc Toolkit.
• [x] Veteran information: DOB (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information-dob): No errors from Axe or Arc Toolkit.
• [x] Veteran information: Birth Information (https://staging.va.gov/health-care/apply/application/veteran-information/birth-information): No errors from Axe or Arc Toolkit.
• [x] Veteran information: Maiden name (https://staging.va.gov/health-care/apply/application/veteran-information/maiden-name-information): No errors from Axe or Arc Toolkit.
• [x] Veteran information: Birth sex (https://staging.va.gov/health-care/apply/application/veteran-information/birth-sex): No errors from Axe or Arc Toolkit.
• [x] Veteran information: Demographic information (https://staging.va.gov/health-care/apply/application/veteran-information/demographic-information): No errors from Axe or Arc Toolkit.
• [x] Veteran information: Address (https://staging.va.gov/health-care/apply/application/veteran-information/veteran-address): No errors from Axe or Arc Toolkit.
• [x] Veteran information: Contact information (https://staging.va.gov/health-care/apply/application/veteran-information/contact-information): No errors from Axe or Arc Toolkit.
• [x] VA benefits: Compensation information (https://staging.va.gov/health-care/apply/application/va-benefits/basic-information): No errors from Axe or Arc Toolkit.
• [X] VA benefits: Compensation information (https://staging.va.gov/health-care/apply/application/va-benefits/pension-information): No errors from Axe or Arc Toolkit.
• [x] Military service: Military service (https://staging.va.gov/health-care/apply/application/military-service/service-information): No errors from Axe or Arc Toolkit.
• [x] Military service: Service history (https://staging.va.gov/health-care/apply/application/military-service/additional-information): No errors from Axe or Arc Toolkit.
• [x] Military service: Service history (https://staging.va.gov/health-care/apply/application/military-service/documents): 1 error in Arc Toolkit: <label id="root_attachments_add_label" for="root_attachments" class="vads-u-display--inline-block"></label> The element is referencing a hidden . Need to investigate further.

---

• [x] Insurance information: Medicaid insurance (https://staging.va.gov/health-care/apply/application/insurance-information/medicaid): No errors from Axe or Arc Toolkit.
• [x] Insurance information: Medicare insurance (https://staging.va.gov/health-care/apply/application/insurance-information/medicare): No errors from Axe or Arc Toolkit.
• [x] Insurance information: Private insurance (https://staging.va.gov/health-care/apply/application/insurance-information/general): No errors from Axe or Arc Toolkit.
• [x] Insurance information: VA facility (https://staging.va.gov/health-care/apply/application/insurance-information/va-facility-json): No errors from Axe or Arc Toolkit.
• [x] Review application (https://staging.va.gov/health-care/apply/application/review-and-submit): No errors from Axe or Arc Toolkit.

Color + Color Blindness

• [X] Apply for VA health care (https://staging.va.gov/health-care/apply/application/introduction): No issues with color.
• [X] We need some information before you can start your application (https://staging.va.gov/health-care/apply/application/id-form): No issues with color.
• [X] Veteran information (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information): No issues with color.
• [X] Veteran information: SSN (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information-ssn): No issues with color.
• [X] Veteran information: DOB (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information-dob): No issues with color.
• [X] Veteran information: Birth Information (https://staging.va.gov/health-care/apply/application/veteran-information/birth-information): No issues with color.
• [X] Veteran information: Maiden name (https://staging.va.gov/health-care/apply/application/veteran-information/maiden-name-information): No issues with color.
• [X] Veteran information: Birth sex (https://staging.va.gov/health-care/apply/application/veteran-information/birth-sex): No issues with color.
• [X] Veteran information: Demographic information (https://staging.va.gov/health-care/apply/application/veteran-information/demographic-information): No issues with color.
• [X] Veteran information: Address (https://staging.va.gov/health-care/apply/application/veteran-information/veteran-address): No issues with color.
• [X] Veteran information: Contact information (https://staging.va.gov/health-care/apply/application/veteran-information/contact-information): No issues with color.
• [X] VA benefits: Compensation information (https://staging.va.gov/health-care/apply/application/va-benefits/basic-information): No issues with color.
• [X] VA benefits: Compensation information (https://staging.va.gov/health-care/apply/application/va-benefits/pension-information): No issues with color.
• [X] Military service: Military service (https://staging.va.gov/health-care/apply/application/military-service/service-information): No issues with color.
• [X] Military service: Service history (https://staging.va.gov/health-care/apply/application/military-service/additional-information): No issues with color.
• [X] Military service: Service history (https://staging.va.gov/health-care/apply/application/military-service/documents): No issues with color.

---

• [X] Insurance information: Medicaid insurance (https://staging.va.gov/health-care/apply/application/insurance-information/medicaid): No issues with color.
• [X] Insurance information: Medicare insurance (https://staging.va.gov/health-care/apply/application/insurance-information/medicare): No issues with color.
• [X] Insurance information: Private insurance (https://staging.va.gov/health-care/apply/application/insurance-information/general): No issues with color.
• [X] Insurance information: VA facility (https://staging.va.gov/health-care/apply/application/insurance-information/va-facility-json): No issues with color.
• [X] Review application (https://staging.va.gov/health-care/apply/application/review-and-submit): No issues with color.

Content + Headings + Zoom

Broadly speaking, every page of the form has this vague h1 issue because of the step indicator and heading structure. Filed: https://github.com/department-of-veterans-affairs/va.gov-team/issues/56807

<title> element is the same on all screens: https://github.com/department-of-veterans-affairs/va.gov-team/issues/56834

Investigate: aria-described description on Continue and Back button is misleading. Filed: https://github.com/department-of-veterans-affairs/va.gov-team/issues/56858

• [X] Apply for VA health care (https://staging.va.gov/health-care/apply/application/introduction):
• [X] We need some information before you can start your application (https://staging.va.gov/health-care/apply/application/id-form): No issues with content, headings or zooming.
• [X] Veteran information (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information): No issues with content, headings or zooming.
• [X] Veteran information: SSN (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information-ssn): No issues with content, headings or zooming.
• [X] Veteran information: DOB (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information-dob): No issues with content, headings or zooming.
• [X] Veteran information: Birth Information (https://staging.va.gov/health-care/apply/application/veteran-information/birth-information): No issues with content, headings or zooming.
• [X] Veteran information: Maiden name (https://staging.va.gov/health-care/apply/application/veteran-information/maiden-name-information): No issues with content, headings or zooming.
• [X] Veteran information: Birth sex (https://staging.va.gov/health-care/apply/application/veteran-information/birth-sex): No issues with content, headings or zooming.
• [X] Veteran information: Demographic information (https://staging.va.gov/health-care/apply/application/veteran-information/demographic-information): No issues with content, headings or zooming.
• [X] Veteran information: Address (https://staging.va.gov/health-care/apply/application/veteran-information/veteran-address): No issues with content, headings or zooming.
• [X] Veteran information: Contact information (https://staging.va.gov/health-care/apply/application/veteran-information/contact-information): No issues with content, headings or zooming. Empty div for spacing noticed here. See screenshot.
• [X] VA benefits: Compensation information (https://staging.va.gov/health-care/apply/application/va-benefits/basic-information): No issues with content, headings or zooming. Nested fieldset should be removed.
• [X] VA benefits: Compensation information (https://staging.va.gov/health-care/apply/application/va-benefits/pension-information): No issues with content, headings or zooming. Nested fieldset should be removed.
• [X] Military service: Military service (https://staging.va.gov/health-care/apply/application/military-service/service-information): No issues with content, headings or zooming.
• [X] Military service: Service history (https://staging.va.gov/health-care/apply/application/military-service/additional-information): No issues with content, headings or zooming. Could add "Check all that apply to you." to legend for better access for screen readers.
• [X] Military service: Service history (https://staging.va.gov/health-care/apply/application/military-service/documents): No issues with content, headings or zooming.

---

• [X] Insurance information: Medicaid insurance (https://staging.va.gov/health-care/apply/application/insurance-information/medicaid): No issues with content, headings or zooming.
• [X] Insurance information: Medicare insurance (https://staging.va.gov/health-care/apply/application/insurance-information/medicare): No issues with content, headings or zooming.
• [X] Insurance information: Private insurance (https://staging.va.gov/health-care/apply/application/insurance-information/general): No issues with content, headings or zooming.
• [X] Insurance information: VA facility (https://staging.va.gov/health-care/apply/application/insurance-information/va-facility-json): No issues with content, headings or zooming.
• [X] Review application (https://staging.va.gov/health-care/apply/application/review-and-submit): No issues with content, headings or zooming.

Keyboard Navigation

• [X] Apply for VA health care (https://staging.va.gov/health-care/apply/application/introduction): No issues with keyboard navigation.
• [X] We need some information before you can start your application (https://staging.va.gov/health-care/apply/application/id-form): No issues with keyboard navigation.
• [X] Veteran information (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information): No issues with keyboard navigation.
• [X] Veteran information: SSN (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information-ssn): No issues with keyboard navigation.
• [X] Veteran information: DOB (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information-dob): No issues with keyboard navigation.
• [X] Veteran information: Birth Information (https://staging.va.gov/health-care/apply/application/veteran-information/birth-information): No issues with keyboard navigation.
• [X] Veteran information: Maiden name (https://staging.va.gov/health-care/apply/application/veteran-information/maiden-name-information): No issues with keyboard navigation.
• [X] Veteran information: Birth sex (https://staging.va.gov/health-care/apply/application/veteran-information/birth-sex): No issues with keyboard navigation.
• [X] Veteran information: Demographic information (https://staging.va.gov/health-care/apply/application/veteran-information/demographic-information): No issues with keyboard navigation.
• [X] Veteran information: Address (https://staging.va.gov/health-care/apply/application/veteran-information/veteran-address): No issues with keyboard navigation.
• [X] Veteran information: Contact information (https://staging.va.gov/health-care/apply/application/veteran-information/contact-information): No issues with keyboard navigation.
• [X] VA benefits: Compensation information (https://staging.va.gov/health-care/apply/application/va-benefits/basic-information): No issues with keyboard navigation.
• [X] VA benefits: Compensation information (https://staging.va.gov/health-care/apply/application/va-benefits/pension-information): No issues with keyboard navigation.
• [X] Military service: Military service (https://staging.va.gov/health-care/apply/application/military-service/service-information): No issues with keyboard navigation.
• [X] Military service: Service history (https://staging.va.gov/health-care/apply/application/military-service/additional-information): No issues with keyboard navigation.
• [X] Military service: Service history (https://staging.va.gov/health-care/apply/application/military-service/documents): No issues with keyboard navigation.

---

• [X] Insurance information: Medicaid insurance (https://staging.va.gov/health-care/apply/application/insurance-information/medicaid): No issues with keyboard navigation.
• [X] Insurance information: Medicare insurance (https://staging.va.gov/health-care/apply/application/insurance-information/medicare): No issues with keyboard navigation.
• [X] Insurance information: Private insurance (https://staging.va.gov/health-care/apply/application/insurance-information/general): No issues with keyboard navigation.
• [X] Insurance information: VA facility (https://staging.va.gov/health-care/apply/application/insurance-information/va-facility-json): No issues with keyboard navigation.
• [X] Review application (https://staging.va.gov/health-care/apply/application/review-and-submit): No issues with keyboard navigation.

Desktop: Safari/VoiceOver

• [X] Apply for VA health care (https://staging.va.gov/health-care/apply/application/introduction): No issues.
• [X] We need some information before you can start your application (https://staging.va.gov/health-care/apply/application/id-form): No issues.
• [X] Veteran information (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information): No issues.
• [X] Veteran information: SSN (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information-ssn): No issues.
• [X] Veteran information: DOB (https://staging.va.gov/health-care/apply/application/veteran-information/profile-information-dob): No issues.
• [X] Veteran information: Birth Information (https://staging.va.gov/health-care/apply/application/veteran-information/birth-information): No issues.
• [X] Veteran information: Maiden name (https://staging.va.gov/health-care/apply/application/veteran-information/maiden-name-information): No issues.
• [X] Veteran information: Birth sex (https://staging.va.gov/health-care/apply/application/veteran-information/birth-sex): No issues.
• [X] Veteran information: Demographic information (https://staging.va.gov/health-care/apply/application/veteran-information/demographic-information): No issues.
• [X] Veteran information: Address (https://staging.va.gov/health-care/apply/application/veteran-information/veteran-address): No issues.
• [X] Veteran information: Contact information (https://staging.va.gov/health-care/apply/application/veteran-information/contact-information): No issues.
• [X] VA benefits: Compensation information (https://staging.va.gov/health-care/apply/application/va-benefits/basic-information): No issues.
• [X] VA benefits: Compensation information (https://staging.va.gov/health-care/apply/application/va-benefits/pension-information): No issues.
• [X] Military service: Military service (https://staging.va.gov/health-care/apply/application/military-service/service-information): No issues.
• [X] Military service: Service history (https://staging.va.gov/health-care/apply/application/military-service/additional-information): No issues.
• [X] Military service: Service history (https://staging.va.gov/health-care/apply/application/military-service/documents): No issues.

---

• [X] Insurance information: Medicaid insurance (https://staging.va.gov/health-care/apply/application/insurance-information/medicaid): No issues.
• [X] Insurance information: Medicare insurance (https://staging.va.gov/health-care/apply/application/insurance-information/medicare): No issues.
• [X] Insurance information: Private insurance (https://staging.va.gov/health-care/apply/application/insurance-information/general): No issues.
• [X] Insurance information: VA facility (https://staging.va.gov/health-care/apply/application/insurance-information/va-facility-json): No issues.
• [X] Review application (https://staging.va.gov/health-care/apply/application/review-and-submit): No issues.

Desktop: Edge/JAWS

• [ ] Page name (URL):

Desktop: Firefox/NVDA

• [ ] Page name (URL):

Mobile: iOS/VoiceOver

• [ ] Page name (URL):

[davidakennedy]

A few notes on this audit:

• Eight total issues found related to accessibility.
• Two issues found that were not related to accessibility, but potential bugs.
• Four of the eight accessibility issues relate to the design system and/or forms library.
• Mostly defect 1s and 2s, some related to the design system.