Back to Remotion

Voluntary Product Accessibility Template (VPAT)

packages/compliance/a11y/studio/VPAT-2026-04-14.md

4.0.4575.7 KB
Original Source

Voluntary Product Accessibility Template (VPAT)

Date: April 14, 2026

VPAT 2.4 Rev — WCAG 2.1 Edition

Product Information

FieldValue
Product NameRemotion Studio (HelloWorld demo)
Product VersionPublic HelloWorld demo deployment
Report Date2026-04-14
URLhttps://remotion-helloworld.vercel.app/?/HelloWorld
Contactremotion.dev/contact
Evaluation MethodsExternal audit (Chrome + NVDA) by Victoria; DOM / accessibility-tree inspection; Axe DevTools; Colour Contrast Analyser
Applicable StandardWCAG 2.1 Level AA
ScopeSingle-page sample of the HelloWorld demo, captured as part of the remotion.dev RGAA 4.1.2 audit (14.04.2026). Only criteria where findings were recorded are listed — others were not evaluated against Studio specifically.

Conformance Level Key

TermDefinition
SupportsFully meets the criterion
Partially SupportsSome content meets, some gaps remain
Does Not SupportSignificant failures
Not ApplicableFeature or content type does not exist in the product
Not EvaluatedCriterion was not assessed within the sample scope

Findings (by WCAG criterion)

1.1.1 Non-text Content (Level A)

Conformance Level: Does Not Support

Remarks:

  • In the "Search" dialog → "Documentation" tab, informative keyboard-button images (e.g. arrows) are not announced to screen-reader users. Provide text alternatives.

1.3.1 Info and Relationships (Level A)

Conformance Level: Does Not Support

Remarks:

  • "Search compositions..." input has no <label> — only a placeholder. Provide a programmatic association via <label for> + id or aria-label.

1.4.3 Contrast (Minimum) (Level AA)

Conformance Level: Does Not Support

Remarks:

  • "Search compositions" placeholder: grey #757575 on #2F363D2.7:1, fails 4.5:1.

2.1.1 Keyboard (Level A)

Conformance Level: Does Not Support

Remarks:

  • In the dialog opened from the "Search" button, interactive elements "HelloWorld" and "OnlyLogo" cannot be operated by keyboard only.

2.4.3 Focus Order (Level A)

Conformance Level: Does Not Support

Remarks:

  • "Search" and "Render via CLI" dialogs let keyboard focus escape to the underlying page. Focus must be trapped within the modal until it is closed.

3.3.2 Labels or Instructions (Level A)

Conformance Level: Does Not Support

Remarks:

  • "Search compositions..." input relies on placeholder only — no persistent visible label.

4.1.2 Name, Role, Value (Level A)

Conformance Level: Does Not Support

Remarks:

  • The dialog opened by the "Search" button has no accessible name. Add aria-label describing the dialog's purpose and content.
  • Top-menu buttons have submenus, but their open/closed state is not programmatically exposed. Add aria-expanded to each menu trigger.

4.1.3 Status Messages (Level AA)

Conformance Level: Does Not Support

Remarks:

  • In the "Render via CLI" dialog, clicking "Copy command" displays "Copied command!" — this status message is not announced to assistive technologies. Use role="status" or aria-live="polite".

Accessibility Statement

No public accessibility statement currently exists for Remotion Studio. One should be published declaring conformance goals, known limitations, and contact information for accessibility feedback.


Summary of Issues

WCAGIssue
1.1.1Arrow images inside Search/Documentation dialog lack text alternatives
1.3.1 / 3.3.2"Search compositions" input has no persistent label
1.4.3Search-dialog placeholder contrast 2.7:1 (fails 4.5:1)
2.1.1"HelloWorld" / "OnlyLogo" interactive elements not keyboard-operable
2.4.3Focus escapes "Search" and "Render via CLI" dialogs — no focus trap
4.1.2"Search" dialog has no accessible name; top-menu submenu state not exposed
4.1.3"Copied command!" status message not announced

Overall

The HelloWorld demo of Remotion Studio fails multiple WCAG 2.1 Level A and AA criteria in the sampled scope. Findings are derived from the remotion.dev RGAA 4.1.2 audit (Victoria, 14.04.2026). A full VPAT would require broader sampling of Studio views and interactions.