search

department-of-veterans-affairs / va.gov-vfs-teams

Documentation for External Contractor teams working on the Veteran-facing Services Platform
9 stars 17 forks source link

Request accessibility/508 review for VET TEC updates to the Comparison Tool (Colmery Section 116) #35

Open desireeturner opened 5 years ago

desireeturner commented 5 years ago

Team Name

Booz Allen External Team

Product Description

Working on: GI Bill Comparison Tool Context: Updated the Comparison Tool to allow individuals to search for VET TEC providers.

Staging URL and Credentials

URL: https://staging.va.gov/gi-bill-comparison-tool/ Login: No login required

Test Plan

19061_CT_116_Accessibility Testing.xlsx

Known Issues

Contact Desiree Turner (@desireeturner) with any issues found. Please add labels "bah" and "bah-ct-116" to any issues found. The following issues are in the process of being resolved by our team:

Helpful Links

KevinMHoffmanUSDS commented 5 years ago

6 errors (1 type of error) on landing page https://staging.va.gov/gi-bill-comparison-tool/ Fix requested: on autocomplete-valid: autocomplete attribute must be used correctly - radio button issue WCAG 1.3.5 Details of the requirement: https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose.html

Affected buttons ALL radio-buttons

E.g.

Fix all of the following: the autocomplete attribute is incorrectly formatted the autocomplete value is inappropriate for this type of input

No errors on search results page

Two errors (1 type of error) on profile page https://staging.va.gov/gi-bill-comparison-tool/profile/2V000232

Details of the requirement: https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions.html

2 failures were detected. When the Automated Checks toggle is on, failure instances selected in this page are highlighted in the target page.

label: Form elements must have labels WCAG 1.3.1, WCAG 3.3.2

Example: input[name="vetTecTuitionFees"]

Fix any of the following: aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Form element does not have an implicit (wrapped)

KevinMHoffmanUSDS commented 5 years ago

@desireeturner You can see the results of the 508 review of the three pages (landing, results, profile) above. There are a total of 8 errors on the first and last page in the sequence. We'll still need a review from @1Copenut as soon as it's possible, but these are a few errors you could probably get ahead of before that review.

1Copenut commented 5 years ago

@desireeturner I was able to get through the audit today with screen readers. I'll compare notes with the comment above from @KevinMHoffmanUSDS and write issue tickets tonight and tomorrow AM.