Created
August 11, 2020 09:44
-
-
Save NickColley/aace50b341248dc1961d9b00a6d5f43c to your computer and use it in GitHub Desktop.
VPAT Template HTML
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>VPAT Template</title> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| </head> | |
| <body> | |
| <h1>[Company] Accessibility Conformance Report WCAG Edition (Based on VPAT® Version 2.4)</h1> | |
| <h2>Name of Product/Version</h2> | |
| <p></p> | |
| <h2>Report Date</h2> | |
| <p></p> | |
| <h2>Product Description</h2> | |
| <p></p> | |
| <h2>Contact Information</h2> | |
| <p></p> | |
| <h2>Evaluation Methods Used</h2> | |
| <p></p> | |
| <h2>Applicable Standards / Guidelines</h2> | |
| <p>This report covers the degree of conformance for the following accessibility standard/guidelines:</p> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th>Standard / Guideline</th> | |
| <th>Included In Report</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <a href="https://www.w3.org/TR/2008/REC-WCAG20-20081211">Web Content Accessibility Guidelines 2.0</a> | |
| <td> | |
| <dl> | |
| <dt>Level A</dt><dd>(Yes/No)</dd> | |
| <dt>Level AA</dt><dd>(Yes/No)</dd> | |
| <dt>Level AAA</dt><dd>(Yes/No)</dd> | |
| </dl> | |
| </td> | |
| </tr> | |
| <tr> | |
| <a href="https://www.w3.org/TR/WCAG21">Web Content Accessibility Guidelines 2.1</a> | |
| <td> | |
| <dl> | |
| <dt>Level A</dt><dd>(Yes/No)</dd> | |
| <dt>Level AA</dt><dd>(Yes/No)</dd> | |
| <dt>Level AAA</dt><dd>(Yes/No)</dd> | |
| </dl> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h2>Terms</h2> | |
| <p>The terms used in the Conformance Level information are defined as follows:</p> | |
| <dl> | |
| <dt><strong>Supports</strong>:</dt> | |
| <dd>The functionality of the product has at least one method that meets the criterion without known defects or meets with equivalent facilitation.</dd> | |
| <dt><strong>Partially Supports</strong>:</dt> | |
| <dd>Some functionality of the product does not meet the criterion.</dd> | |
| <dt><strong>Does Not Support</strong>:</dt> | |
| <dd>The majority of product functionality does not meet the criterion.</dd> | |
| <dt><strong>Not Applicable</strong>:</dt> | |
| <dd>The criterion is not relevant to the product.</dd> | |
| <dt><strong>Not Evaluated</strong>:</dt> | |
| <dd>The product has not been evaluated against the criterion. This can be used only in WCAG 2.0 Level AAA.</dd> | |
| </dl> | |
| <h2>WCAG 2.x Report</h2> | |
| <p>Note: When reporting on conformance with the WCAG 2.x Success Criteria, they are scoped for full pages, complete processes, and accessibility-supported ways of using technology as documented in the [WCAG 2.0 Conformance Requirements](https://www.w3.org/TR/WCAG20/#conformance-reqs).</p> | |
| <h3>Table 1: Success Criteria, Level A</h3> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th>Criteria</th> | |
| <th>Conformance Level</th> | |
| <th>Remarks and Explanations</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#text-equiv-all">1.1.1 Non-text Content</a> (Level A)</td> | |
| <td>Does Not Support</td> | |
| <td> | |
| <h4>Podcasts</h4> | |
| <p> | |
| Podcasts (<a href="https://www.ft.com/podcasts">ft.com/podcasts</a>) do not have transcripts. | |
| </br> | |
| Deaf readers cannot access podcasts. | |
| </br> | |
| [Timescale: When is this going to be addressed] | |
| </br> | |
| [Alternative] | |
| </p> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#text-equiv-all">1.1.1 Non-text Content</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#media-equiv-av-only-alt">1.2.1 Audio-only and Video-only (Prerecorded)</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#media-equiv-captions">1.2.2 Captions (Prerecorded)</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#media-equiv-audio-desc">1.2.3 Audio Description or Media Alternative (Prerecorded)</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#content-structure-separation-programmatic">1.3.1 Info and Relationships</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#content-structure-separation-sequence">1.3.2 Meaningful Sequence</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#content-structure-separation-understanding">1.3.3 Sensory Characteristics</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </td> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-without-color">1.4.1 Use of Color</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-dis-audio">1.4.2 Audio Control</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#keyboard-operation-keyboard-operable">2.1.1 Keyboard</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#keyboard-operation-trapping">2.1.2 No Keyboard Trap</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#character-key-shortcuts">2.1.4 Character Key Shortcuts</a> (Level A 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#time-limits-required-behaviors">2.2.1 Timing Adjustable</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#time-limits-pause">2.2.2 Pause, Stop, Hide</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#seizure-does-not-violate">2.3.1 Three Flashes or Below Threshold</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#navigation-mechanisms-skip">2.4.1 Bypass Blocks</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#navigation-mechanisms-title">2.4.2 Page Titled</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#navigation-mechanisms-focus-order">2.4.3 Focus Order</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#navigation-mechanisms-refs">2.4.4 Link Purpose (In Context)</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#pointer-gestures">2.5.1 Pointer Gestures</a> (Level A 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#pointer-cancellation">2.5.2 Pointer Cancellation</a> (Level A 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#label-in-name">2.5.3 Label in Name</a> (Level A 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#motion-actuation">2.5.4 Motion Actuation</a> (Level A 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#meaning-doc-lang-id">3.1.1 Language of Page</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#consistent-behavior-receive-focus">3.2.1 On Focus</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#consistent-behavior-unpredictable-change">3.2.2 On Input</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#minimize-error-identified">3.3.1 Error Identification</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#minimize-error-cues">3.3.2 Labels or Instructions</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#ensure-compat-parses">4.1.1 Parsing</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#ensure-compat-rsv">4.1.2 Name, Role, Value</a> (Level A)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h3>Table 2: Success Criteria, Level AA</h3> | |
| <p>Notes:</p> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th>Criteria</th> | |
| <th>Conformance Level</th> | |
| <th>Remarks and Explanations</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#media-equiv-real-time-captions">1.2.4 Captions (Live)</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#media-equiv-audio-desc-only">1.2.5 Audio Description (Prerecorded)</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#orientation">1.3.4 Orientation</a> (Level AA 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#identify-input-purpose">1.3.5 Identify Input Purpose</a> (Level AA 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast">1.4.3 Contrast (Minimum)</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-scale">1.4.4 Resize text</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-text-presentation">1.4.5 Images of Text</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#reflow">1.4.10 Reflow</a> (Level AA 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#non-text-contrast">1.4.11 Non-text Contrast</a> (Level AA 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#text-spacing">1.4.12 Text Spacing</a> (Level AA 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus">1.4.13 Content on Hover or Focus</a> (Level AA 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#navigation-mechanisms-mult-loc">2.4.5 Multiple Ways</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#navigation-mechanisms-descriptive">2.4.6 Headings and Labels</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#navigation-mechanisms-focus-visible">2.4.7 Focus Visible</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#meaning-other-lang-id">3.1.2 Language of Parts</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#consistent-behavior-consistent-locations">3.2.3 Consistent Navigation</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#consistent-behavior-consistent-functionality">3.2.4 Consistent Identification</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#minimize-error-suggestions">3.3.3 Error Suggestion</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#minimize-error-reversible">3.3.4 Error Prevention (Legal, Financial, Data)</a> (Level AA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#status-messages">4.1.3 Status Messages</a> (Level AA 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <h3>Table 3: Success Criteria, Level AAA</h3> | |
| <p>Notes:</p> | |
| <tbody> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#media-equiv-sign">1.2.6 Sign Language (Prerecorded)</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#media-equiv-extended-ad">1.2.7 Extended Audio Description (Prerecorded)</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#media-equiv-text-doc">1.2.8 Media Alternative (Prerecorded)</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#media-equiv-live-audio-only">1.2.9 Audio-only (Live)</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#identify-purpose">1.3.6 Identify Purpose</a> (Level AAA 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast7">1.4.6 Contrast (Enhanced</a>) (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-noaudio">1.4.7 Low or No Background Audio</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-visual-presentation">1.4.8 Visual Presentation</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#visual-audio-contrast-text-images">1.4.9 Images of Text (No Exception)</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#keyboard-operation-all-funcs">2.1.3 Keyboard (No Exception)</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#time-limits-no-exceptions">2.2.3 No Timing</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#time-limits-postponed">2.2.4 Interruptions</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#time-limits-server-timeout">2.2.5 Re-authenticating</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#timeouts">2.2.6 Timeouts</a> (Level AAA 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#seizure-three-times">2.3.2 Three Flashes</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#animation-from-interactions">2.3.3 Animation from Interactions</a> (Level AAA 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#navigation-mechanisms-location">2.4.8 Location</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#navigation-mechanisms-link">2.4.9 Link Purpose (Link Only)</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#navigation-mechanisms-headings">2.4.10 Section Headings</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#target-size">2.5.5 Target Size</a> (Level AAA 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG21/#concurrent-input-mechanisms">2.5.6 Concurrent Input Mechanisms</a> (Level AAA 2.1 only)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#meaning-idioms">3.1.3 Unusual Words</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#meaning-located">3.1.4 Abbreviations</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#meaning-supplements">3.1.5 Reading Level</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#meaning-pronunciation">3.1.6 Pronunciation</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#consistent-behavior-no-extreme-changes-context">3.2.5 Change on Request</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#minimize-error-context-help">3.3.5 Help</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| <tr> | |
| <td><a href="https://www.w3.org/TR/WCAG20/#minimize-error-reversible-all">3.3.6 Error Prevention (All)</a> (Level AAA)</td> | |
| <td></td> | |
| <td></td> | |
| </tr> | |
| </tbody> | |
| <h2>Legal Disclaimer (Company)</h2> | |
| <em>Include your company legal disclaimer here, if needed</em> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment