packages/compliance/a11y/studio/RGAA-2026-04-14.md
Audit date: 14.04.2026 Standard: RGAA 4.1.2 (maps to WCAG 2.1 AA / EN 301 549) URL: https://remotion-helloworld.vercel.app/?/HelloWorld Test environment: Chrome + NVDA 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: Victoria (external) Scope: Single-page sample of the public HelloWorld demo of Remotion Studio, captured as part of the remotion.dev RGAA 4.1.2 audit (14.04.2026). Only criteria where findings were recorded are listed below — criteria not listed were not evaluated against Studio specifically.
| # | Criterion | Status | Observations / Evidence |
|---|---|---|---|
| 1.1 | Does each image conveying information have an alternative text? | NC | In the "Search" dialog on the "Documentation" tab, images with keyboard buttons are informative, but some (like arrows) are not announced to screen reader users. Provide text alternatives. |
| # | Criterion | Status | Observations / Evidence |
|---|---|---|---|
| 3.2 | Is the contrast between text color and background color sufficient? | NC | "Search" button opens a dialog. "Search compositions" placeholder is grey #757575 on black #2F363D — 2.7:1, fails 4.5:1. |
| # | Criterion | Status | Observations / Evidence |
|---|---|---|---|
| 7.1 | Is each script, if necessary, compatible with assistive technologies? | NC | "Search" button opens a dialog that has no accessible name. Add an aria-label describing purpose and content. Menu buttons in the top menu have submenus, but their expanded/collapsed state is not exposed — add aria-expanded. |
| 7.2 | Is each script controllable by keyboard and any pointing device? | NC | In the dialog opened from the "Search" button, interactive elements "HelloWorld" and "OnlyLogo" cannot be operated by keyboard only. |
| 7.5 | Are status messages correctly rendered by assistive technologies? | NC | The "Render via CLI" button opens a dialog with a "Copy command" button. When clicked, "Copied command!" status message is displayed but not announced to users of assistive technologies. |
| # | Criterion | Status | Observations / Evidence |
|---|---|---|---|
| 11.1 | Does each form field have a label? | NC | "Search compositions..." input has no persistent label — placeholder disappears on typing. Provide a visible, persistent <label> element. |
| # | Criterion | Status | Observations / Evidence |
|---|---|---|---|
| 12.8 | Is the tabulation order consistent with the logical reading order of the page? | NC | "Search" and "Render via CLI" buttons open dialog windows. Keyboard focus can escape the open dialog and move to the underlying page content. Focus must stay within the modal until it is closed — trap focus within the modal, e.g. using a close button or Escape key. |
| Priority | RGAA criterion | Recommended action |
|---|---|---|
| Critical | 3.2 | Darken "Search compositions" placeholder to meet 4.5:1 on #2F363D. |
| Critical | 7.1, 7.2 | Give the "Search" dialog an accessible name; expose submenu open/closed state with aria-expanded; make "HelloWorld" / "OnlyLogo" elements keyboard-operable. |
| High | 12.8 | Trap keyboard focus within the "Search" and "Render via CLI" dialogs until they are closed. |
| High | 11.1 | Provide a persistent <label> for the "Search compositions" input. |
| Medium | 7.5 | Announce the "Copied command!" status message via aria-live="polite" or role="status". |
| Low | 1.1 | Add text alternatives to informative arrow images inside the Search/Documentation dialog. |
Based on this single-page sample, the public Remotion Studio HelloWorld demo fails multiple RGAA 4.1.2 criteria, primarily in Scripts (dialog accessible names, keyboard operability, status messages), Navigation (focus trapping in modals), Forms (missing labels), Colors (contrast), and Images (alt text).
A full RGAA audit would require sampling additional Studio views and interactions. These findings are extracted from the broader remotion.dev audit (Victoria, 14.04.2026) where the HelloWorld demo was one of the sampled pages.
Reference: https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/ Auditor: Victoria (external) — Chrome + NVDA