Skip to content

Dev: WAVE Page Audit: Privacy Policy #2716

@geolunalg

Description

@geolunalg

Overview

We need to run the WAVE evaluation browser extension on Privacy Policy to audit the page for WCAG2.2 accessibility compliance.

Details

We will need to audit all user interactions on the page to ensure that all possible states and user flows are compliant. Although no code changes are required to complete the audit, it is very important to complete all the steps in the action items and, at the conclusion, apply the correct label and set the correct status.

Action Items

  • Review the Known Issues and Solutions wiki page.
  • Open the Audit Page Log spreadsheet and fill in your GitHub username in the Auditor column that matches this issue.
  • Create an audit trail in the Audit Log for any unaddressed issues. (Use your best judgment—there’s no need to fill out 100 issues if they appear to be the same.)
  • Review wiki page: Accessibility, How to run the WAVE browser extension (Resource 1.01.02)
  • Install the WAVE browser extension
    • (suggested) pin to your browser's toolbar for quick access
  • Open TDM WAVE Accessibility Audit Spreadsheet, 1. Page Log (Resource 1.02.01)
    • Choose the row that has your issue number and populate the following fields...
      • Populate Auditor cell with your GitHub handle
      • Populate Begin Date with today's date (YYYY-MM-DD)
    • Log in as the user indicated under Details and navigate to the page you will audit
      • Run the WAVE extension with no elements focused, or clicked
        • In TDM WAVE Accessibility Audit Spreadsheet, 2. Audit Log (Resource 1.02.02), create a row for every Error, Contrast Error, and Alert on the Details pane
          • populate Auditor with your GitHub handle
          • populate Page with your selected page from 1. Page Log
          • populate Error Title with the dropdown that matches the subtitle on the Details pane (see Resource 2.01.02)
          • double check that the Category field now matches the title on the Details pane (see Resource 2.01.01). If there's not a match, leave a comment with the actual title
          • populate the DOM snippet by pasting in the highlighted HTML snippet for the Code panel
          • leave Steps to Reproduce empty
  • Final Requirement (Pick one and verify the correct label and status)
    • No Code Changes (ignore if a PR was created)
      • Remove label: deck: missing
      • Add label: ready for accessibility lead
      • Change status to: Technical Review
    • Code Changes and PR (complete if code changes were made)
      • Remove label: deck: missing
      • Add label: ready for accessibility lead
      • Change status to: Technical Review
      • Complete PR steps as normal

Resources/Instructions

Audit Instructions

2.01 WAVE Details pane (title and subtitle)

2.01.01 Title
Image

2.01.02 Subtitle
Image

2.02 Screenshots of WAVE tool with Register Page, No Interaction

Register Page, No Interaction

2.02.01 Screenshot (w/o WAVE Annotations)
Image

2.02.02 Screenshot (w/ WAVE Annotations)
Image

2.02.03 Screenshot (click on first Missing form label)
Image

2.02.04 Screenshot (open Code panel, click on first Missing form label)
Image

2.02.5 HTML DOM Snippet from firstMissing form label

<input name="firstName" type="text" placeholder="First Name" class="form-control " value="">

Metadata

Metadata

Assignees

Type

No type

Projects

Status

On Dev-not yet pushed to Prod

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions