Back to Remotion

RGAA 4.1.2 Audit Report — {{PRODUCT_NAME}}

packages/compliance/a11y/RGAA-audit-template.md

4.0.45718.1 KB
Original Source

RGAA 4.1.2 Audit Report — {{PRODUCT_NAME}}

Audit date: {{DD.MM.YYYY}} Standard: RGAA 4.1.2 (maps to WCAG 2.1 AA / EN 301 549) URL: {{https://example.com}} Test environment: {{OS — Browser + Screen reader}} Method: Manual testing using browser developer tools to inspect the DOM and accessibility tree, as well as other tools: Axe DevTools, NVDA, Colour Contrast Analyser Reference: https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/ Auditor: {{Name (internal/external)}} Overall result: {{XX}}% — {{Non-Conformant / Partially Conformant / Conformant}} Post-fix update: {{DD.MM.YYYY}}

{{Summary of remediation history: initial score, PRs that moved criteria from NC to C, current score. Remove this blockquote if the audit is first-pass.}}


Page Sample

The audit covered {{N}} pages, representative of all content types and functionality on the site.

#Page nameURL
1{{Page name}}{{https://...}}
2{{Page name}}{{https://...}}
3{{Page name}}{{https://...}}

Compliance Summary

#ThemeCNCNARate
1Images
2Frames
3Colors
4Multimedia
5Tables
6Links
7Scripts
8Mandatory Elements
9Information Structure
10Presentation of Information
11Forms
12Navigation
13Content Access
TOTAL0000%

Legend: C = Conformant, NC = Non-Conformant, NA = Not Applicable.


Theme 1: Images (1.1–1.9)

#CriterionStatusObservations / Evidence
1.1Does each image conveying information have an alternative text?
1.2Is each decorative image ignored by assistive technologies?
1.3Is the alternative text of each informational image relevant?
1.4Does each CAPTCHA image have an accessible alternative?
1.5Does each CAPTCHA have an alternative access method?
1.6Does each complex image have a detailed description?
1.7Is each detailed description relevant?
1.8Are text images replaced with styled text wherever possible?
1.9Is each image caption correctly associated with the image?

Theme 1 result: {{C}} C, {{NC}} NC, {{NA}} NA


Theme 2: Frames (2.1–2.2)

#CriterionStatusObservations / Evidence
2.1Does each frame have a title?
2.2Is the title of each frame relevant?

Theme 2 result: {{C}} C, {{NC}} NC, {{NA}} NA


Theme 3: Colors (3.1–3.3)

#CriterionStatusObservations / Evidence
3.1Is information conveyed by color also available through another means?
3.2Is the contrast between text color and background color sufficient?
3.3Is the contrast between non-text components and adjacent colors sufficient?

Theme 3 result: {{C}} C, {{NC}} NC, {{NA}} NA


Theme 4: Multimedia (4.1–4.13)

#CriterionStatusEvidence
4.1Audio/video has transcript
4.2Video has captions
4.3Video-only has transcript
4.4Audio description available
4.5Audio description present
4.6Audio description pertinent
4.7Media player keyboard accessible
4.8Media player has captions toggle
4.9Media player has audio description toggle
4.10Media player has fullscreen
4.11Media player has all controls
4.12Media player controls labeled
4.13No auto-play or can be stopped

Theme 4 result: {{C}} C, {{NC}} NC, {{NA}} NA


Theme 5: Tables (5.1–5.8)

#CriterionStatusEvidence
5.1Data tables have headers
5.2Header associations (scope/headers)
5.3Table has caption
5.4Table title associated
5.5Table title is pertinent
5.6Layout tables free of semantic markup
5.7Layout tables linearize correctly
5.8Layout tables have role="presentation"

Theme 5 result: {{C}} C, {{NC}} NC, {{NA}} NA


#CriterionStatusObservations / Evidence
6.1Is the purpose of each link clear?
6.2Are identical links with the same destination consistently labeled?

Theme 6 result: {{C}} C, {{NC}} NC, {{NA}} NA


Theme 7: Scripts (7.1–7.5)

#CriterionStatusEvidence
7.1Scripts compatible with AT
7.2Keyboard access for scripts
7.3No keyboard traps
7.4No unexpected context changes
7.5Status messages announced

Theme 7 result: {{C}} C, {{NC}} NC, {{NA}} NA


Theme 8: Mandatory Elements (8.1–8.10)

#CriterionStatusObservations / Evidence
8.1Does each web page have a valid DOCTYPE?
8.2Does each web page have a language attribute?
8.3Is the language attribute pertinent?
8.4Are language changes within page content marked up?
8.5Is the language attribute for each language change pertinent?
8.6Does each web page have a relevant page title?
8.7Does each web page have no duplicate IDs?
8.8Is each HTML tag used according to its specification?
8.9Are HTML tags not used solely for presentational purposes?
8.10Is the source code direction relevant?

Theme 8 result: {{C}} C, {{NC}} NC, {{NA}} NA


Theme 9: Information Structure (9.1–9.4)

#CriterionStatusEvidence
9.1Heading hierarchy
9.2Lists use proper markup
9.3Landmarks pertinent
9.4Quotes use semantic elements

Theme 9 result: {{C}} C, {{NC}} NC, {{NA}} NA


Theme 10: Presentation of Information (10.1–10.14)

#CriterionStatusEvidence
10.1CSS-only presentation
10.2Content visible without CSS
10.3Focus visible
10.4Focus not obscured
10.5Text spacing adjustable
10.6No content loss with spacing
10.7Reflow at 320px
10.8Text resize to 200%
10.9Info not by shape alone
10.10Info not by color alone (presentation)
10.11No forced two-dimensional scroll
10.12Custom cursor doesn't prevent reading
10.13Animations respect prefers-reduced-motion
10.14Content on hover/focus dismissible

Theme 10 result: {{C}} C, {{NC}} NC, {{NA}} NA


Theme 11: Forms (11.1–11.13)

#CriterionStatusEvidence
11.1Form fields have labels
11.2Labels pertinent
11.3Labels consistent
11.4Field grouping with fieldset/legend
11.5Fieldset legend pertinent
11.6Required fields indicated
11.7Required indication pertinent
11.8Required indicated before form
11.9Input purpose (autocomplete)
11.10Error messages identify field
11.11Error suggestions provided
11.12Review before legal/financial submit
11.13Accessible help

Theme 11 result: {{C}} C, {{NC}} NC, {{NA}} NA


Theme 12: Navigation (12.1–12.11)

#CriterionStatusObservations / Evidence
12.1Is a skiplink present on each page?
12.2Is there more than one way to find a page within the site?
12.3Is the navigation consistent across pages?
12.4Is active page indicated?
12.5Are multiple navigation sets identifiable?
12.6Are skip links and navigation links visible when they receive keyboard focus?
12.7Do skip links work on all pages?
12.8Is the tab order consistent with the logical reading order of the page?
12.9Is navigation fully operable by keyboard?
12.10Is single-character keyboard shortcuts manageable?
12.11Is content accessible in both portrait and landscape orientation?

Theme 12 result: {{C}} C, {{NC}} NC, {{NA}} NA


Theme 13: Content Access (13.1–13.12)

#CriterionStatusObservations / Evidence
13.1Does the user have control over any session time limits?
13.2Does the user have control over any time-based page refresh?
13.3Are links that open in a new window or tab indicated?
13.4Are the format and size of downloadable documents indicated?
13.5Are downloadable documents accessible or is an accessible alternative provided?
13.6Does cryptic content (ASCII art, emoticons, cryptic syntax) have text alternative?
13.7Is content available without reliance on CSS-only content property?
13.8Can moving or blinking content be paused, stopped or hidden?
13.9Is the content viewable regardless of the screen orientation (portrait or landscape)?
13.10Is there an alternative to complex gestures (pinch, swipe, drag)?
13.11Does the page avoid automatic audio playback?
13.12Is there an alternative to motion activation?

Theme 13 result: {{C}} C, {{NC}} NC, {{NA}} NA


Priority Remediation Plan

PriorityRGAA criterionRecommended action
Critical
High
Medium
Low

Declaration

Based on this audit{{ and subsequent fixes}}, {{PRODUCT_NAME}} achieves {{XX}}% compliance with RGAA v.4.1.2 criteria, qualifying as {{Non-Conformant / Partially Conformant / Conformant}}.

Primary gaps are with {{list primary non-conformant themes}}. The application performs well on {{list fully conformant themes}}.

This report was prepared on the basis of RGAA v.4.1.2 criteria and tests. Auditor: {{Name}} ({{internal/external}}) — {{OS, Browser + Screen reader}} Reference: https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/


Appendix — Standard media-player keyboard shortcuts

When auditing a video/audio player component (Themes 4, 7, 12), check against the de-facto standard shortcut set used by YouTube, Vimeo, Able Player, Video.js, OzPlayer, and native <video controls>:

KeyAction
Space / KPlay-pause
/ Seek −5 s / +5 s
Shift+← / Shift+→Fine seek (±1 s or per frame)
PageUp / PageDownSeek ±10 s
Home / EndJump to start / end
/ Volume ±5 %
MMute toggle
FFullscreen toggle
CCaptions toggle
< / >Playback rate down / up

Slider requirements for seek and volume controls: role="slider" with aria-valuemin, aria-valuemax, aria-valuenow, and aria-valuetext (for human-readable time / percentage). Arrow keys on a focused slider natively adjust aria-valuenow by 1. Container should be focusable (tabindex="0") and announce its purpose via aria-label.

References: