department-of-veterans-affairs / va.gov-team

Public resources for building on and in support of VA.gov. Visit complete Knowledge Hub:
https://depo-platform-documentation.scrollhelp.site/index.html
281 stars 202 forks source link

[a11y audit] Memorials Self-Service - VA Form 40-1330M (Desktop and Mobile) #87533

Closed sara-amanda closed 3 months ago

sara-amanda commented 3 months ago

[!CAUTION] Launch-blocking issues encountered during audit.

CAIA Accessibility Audit

CAIA will review the MSS VA Form 40-1330M (DocuSign) in both mobile and desktop environments, for accessibility. We will make note of any issues encountered and provide recommendations to the MSS Team.

Audit(s) Needed

The VA Form 40-1330M needs audited on both mobile and desktop.

Audit Docs

Form Audit

Google Sheets: Form Audit Spreadsheet - Only go as far as the “Summary” screen, we don’t need to audit the actual signature process (yet).

Sign and Submit Audit

Google Sheets: Sign and Submit Audit Spreadsheet

About the MSS Team

Toggle learn more about the team - Team name: Memorials Self-Service - OCTO product owner: Matt Self - Product name: Apply for a medallion in a private cemetery - Product manager: Catherine Hughes - Slack channel: [#sitewide-content-accessibility-ia](https://join.slack.com/share/enQtNzI1MjcxNzM4MDIxMi0zOWVhNjIyMWVhNDZlMzkzNmMzY2E2MzM1ZDMzYjViYmQ3YzU4OTE3ZTZhMjkzNDI4OTc2MzM3NTJhMWE0NWY2) - Dedicated content writer on your team (if you have one): N/A, UX Team - Dedicated a11y specialist on your team (if you have one): N/A, UX Team

About VA Form 40-1330M

Toggle to read original intake ticket description > We hope to have accessibility and content specialist analyze the work we've conducted so far regarding VA Form 40-1330M, Apply for a medallion in a private cemetery form. In this form, we create a new digital form applying for a medallion to fix to a private headstone or marker. > > We hope to have the content team analyze the content decisions we've made so far, and provide recommendations for further improvements. This includes the entire medallions form, and the two potential solutions we have so far for multiple signatures. You can add comments in the Figma file as needed. > > We hope to have accessibility team members assess the entire medallions form, and provide accessibility recommendations for further improvements. We ask the accessibility team to look over this DocuSign link to test for accessibility for ongoing feedback, [DocuSign link](https://demo.services.docusign.net/webforms-ux/v1.0/forms/4e3fda343cdaa54263be7213ae0026ee). If the accessibility team could prioritize this DocuSign effort, it would be much appreciated. > > Note: There will be another DocuSign link to add to the ticket to assess this week. Update: The link has been added and updated.

Definition of Done

### A11Y Audit Tasks
- [x] [CAIA Internal Slack Thread Jamie/SK](https://oddball.slack.com/archives/C05LB36ATAQ/p1719947272142779)
- [x] [Create Audit Spreadsheet](https://docs.google.com/spreadsheets/d/1elZ23024sbp6Zi0Kpazir7jQRtAqn5NTDgeMY34Q0RM/edit?gid=1370873395#gid=1370873395) - Jamie
- [x] Desktop Audit - Jamie
- [x] Mobile Audit - SK
- [x] Secondary audit of sign and submit (see [spreadsheet](https://docs.google.com/spreadsheets/d/1nV6iehJ3kq2FcQkhcC-1yyuwJa1bYM2laQvZjPpcMJg/edit?gid=0#gid=0))
### Deliverable
- [x] Completed accessibility review with feedback/recommendations 🔗 (link goes here to markdown file [example](https://github.com/department-of-veterans-affairs/va.gov-team/blob/master/teams/CAIA/accessibility/Deliverables/Veteran%20Facing%20Forms/2024%2007%2002%20Audit-%20VFF%20-%20VA%20Form%2021-4138.md) or put in comments of this ticket.
- [x] **DELIVERABLE** [Accessibility audit_ Memorials Self-Service, Apply for a medallion DocuSign form.xlsx](https://github.com/user-attachments/files/16084796/Accessibility.audit_.Memorials.Self-Service.Apply.for.a.medallion.DocuSign.form.xlsx)
- [X] **DELIVERABLE** [Accessibility audit_ Memorials Self-Service, Apply for a medallion (sign and submit) DocuSign form.xlsx](https://github.com/user-attachments/files/16090390/Accessibility.audit_.Memorials.Self-Service.Apply.for.a.medallion.sign.and.submit.DocuSign.form.xlsx)
- [X] **GOOGLE DRIVE** Google Sheets Versions of audits and links to videos. [Google Drive Folder: Recordings and Findings](https://drive.google.com/drive/folders/1m_WKRlkQIhlxeKf_TLuzOlid1rSNvaIp?usp=sharing)
- [x] Notify team in comments
- [ ] Notify team in Slack
- [x] Add to agenda for Kickoff 7/10 check with Lily or Naomi (no agenda as of 7/2/2024) - Added agenda by SS on 7/8/2024 ([See accessibility section](https://docs.google.com/document/d/1HJ6uYC-aV_Xn2Bvej-mygJ5oJVtBcXEGCWWii1rTxKs/edit#heading=h.q9x7kh37xs06))
sara-amanda commented 3 months ago

Deliverables

sara-amanda commented 3 months ago

High Priority Items from A11Y Audit

The following are the critical and/or high priority items found in the audits of the form and sign and submit.

Findings Overview

Form Expected Experience Standards

Anticipated Severity Count
Critical (1, LB) 1
Major (2) 10
Major (3) (SUBJECT to Docusign) 1
Minor (4) 3
Moderate (3) 3
Grand Total 18

Submit and Sign Expected Experience Standards

Anticipated Severity Count
Critical (1, LB) 1
Major (2) 5
Grand Total 6

Expected Experience Standards

Form

Toggle to view the expected experience standards for the form - User can complete necessary flows - User can determine next steps in a flow - User can perceive all meaningful elements - User can review, edit or confirm their information before form submission - User encounters no repetition or redundancy - User experiences predictable interactions with components - User has enough information to complete a task - User knows where a button or link leads

Sign and Submit

Toggle to view the expected experience standards for sign and submit - User can perceive all meaningful elements - User experiences predictable interactions with components

Issue Descriptions

Form

Toggle to view the issue descriptions for the form - Critical (1): - Focus isn't managed - screen changes aren't announced - Major (2): - Applicant Information: Hint text not contained within label - Introduction: Non-descriptive alt text - Mobile Audit - Environment - Talkback, Android + Chrome Incorrect Screenreader Output ("Phone No." ) - Mobile Audit Environment- Talkback Android + Chrome - Incorrect Screen Reader Output for Form Title - Mobile Audit Environment- Talkback Android + Chrome- Race Options - Screenreader Output Issue - Mobile Audit Environment- Talkback Android + Chrome- Redundant Screen Reader Output for Text Box Instructions - No separate URL / route for each screen of the form - Summary: "Edit" buttons don't actually allow you to edit - Text size is defined using pixels; don't change when user changes browser settings - Use of disabled - Major (3): - Mobile Audit Environment - Talkback Android + Chrome DOCUSIGN Issue (Just adding for visibility) - Issues Escaping Menu Pop up

Sign and Submit

Toggle to view the issue descriptions for sign and submit - Critical (1): - Zooming and scaling disabled - Major (2): - Before clicking "I agree" and "continue": Hidden, unusable H3 - Mobile Audit - Android Talkback - Minimal Focus Indicators on PDF - Text size is defined using pixels; UI text doesn't change when user changes browser settings - Thank you page: Non-descriptive alt text - View history: Tab order doesn't match focus order

Videos

Download Videos (ZIP)

Audit Docs

Auditors: @SarahKay8 and @coforma-jamie

cc: @coforma-terry @NaomiPMC @shiragoodman