Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 23 additions & 10 deletions packages/docs/docs/accessibility.mdx
Original file line number Diff line number Diff line change
@@ -1,22 +1,29 @@
---
image: /generated/articles-docs-accessibility.png
sidebar_label: Accessibility
title: Accessibility statement for Remotion
crumb: 'FAQ'
sidebar_label: Accessibility overview
title: Accessibility of Remotion products
crumb: 'License, Pricing and Compliance'
---

This page documents how Remotion ensures its products meet accessibility standards.
This page documents how Remotion's **products** ([Remotion Player](/docs/player), [Remotion Studio](/docs/studio), [Remotion Editor Starter](/docs/editor-starter), and others) meet accessibility standards.
This is a common question we get from enterprises who need to ensure their suppliers meet accessibility standards.

This page is about product accessibility, not website conformance. For a statement about the accessibility of our websites, see:

- [Accessibility Statement: remotion.dev](/docs/license/accessibility-statement-remotion-dev)
- [Accessibility Statement: remotion.pro](/docs/license/accessibility-statement-remotion-pro)

## Remotion Player

The Remotion Player is the component that most users will embed into their page if they are working on a Remotion app.
We do believe that the Remotion Player meets modern accessibility standards:
Based on our latest internal review against WCAG 2.1 AA, the Player:

- Keyboard navigation is possible
- Clear focus indicators are present
- Buttons have appropriate labels
- Contrast ratios are sufficient
- Has play, pause, mute, and fullscreen buttons that are keyboard-operable, carry accessible names, and show a visible focus indicator.
- Does not yet expose the seek bar and volume slider as keyboard-operable sliders with an accessible role, name, and value.
- Does not yet expose the mute button's pressed state, or the time display, to assistive technology.
- Renders composition content to real DOM elements, so text content remains readable by screen readers.

We consider the Remotion Player to **partially support** modern accessibility standards, and we are working through the remaining gaps above.

## Editor Starter

Expand All @@ -33,7 +40,13 @@ It therefore becomes the responsibility of the customer to ensure that the Edito
## Remotion Studio

The Remotion Studio is not considered a product for end-users, but a helper tool for developers.
While we think it is doing well in terms of accessibility, we are not giving any guarantees on its accessibility.
We are not giving any guarantees on its accessibility. Our latest internal review against WCAG 2.1 AA found several open issues, including:

- The composition search dialog and the "Render via CLI" dialog do not trap keyboard focus, so it can escape to the page behind them.
- The composition search input relies on a placeholder instead of a persistent, programmatically associated label, and some elements inside the search dialog cannot be reached by keyboard alone.
- Status messages such as "Copied command!" are not announced to screen readers, and the search placeholder text does not meet the 4.5:1 contrast requirement.

We are addressing these issues over time.

## Other products

Expand Down
7 changes: 7 additions & 0 deletions packages/docs/docs/license/TableOfContents.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,13 @@ export const TableOfContents: React.FC = () => {
DPIA
</div>
</TOCItem>
<TOCItem link="/docs/accessibility">
<strong>{'Accessibility'}</strong>
<div>
Accessibility of Remotion products, with links to accessibility
statements for the remotion.dev and remotion.pro websites
</div>
</TOCItem>
</Grid>
</div>
);
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
---
image: /generated/articles-docs-license-accessibility-statement-remotion-dev.png
Comment thread
MehmetAdemi marked this conversation as resolved.
title: 'Accessibility Statement: remotion.dev'
sidebar_label: 'Accessibility Statement: remotion.dev'
crumb: 'License, Pricing and Compliance'
description: Accessibility conformance statement for the remotion.dev website, based on our WCAG 2.1 AA and RGAA 4.1.2 audit.
---

This statement covers the **remotion.dev website** - the marketing pages, blog, and documentation you are reading right now.

It does not cover the accessibility of Remotion products such as the [Remotion Player](/docs/player), [Remotion Studio](/docs/studio), or [Remotion Editor Starter](/docs/editor-starter). See the [product accessibility overview](/docs/accessibility) for that. It also does not cover [remotion.pro](/docs/license/accessibility-statement-remotion-pro), which is a separate website operated by Remotion AG.

## Conformance status

remotion.dev aims to conform to:

- [Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG21/) Level AA
- [RGAA 4.1.2](https://accessibilite.numerique.gouv.fr/)

remotion.dev is currently **partially conformant** with both standards. "Partially conformant" means that some parts of the content do not fully conform to the accessibility standard.

Our most recent audit scored **54% against RGAA 4.1.2** (43 criteria conformant, 37 non-conformant, 26 not applicable).

We have a detailed internal VPAT 2.4 Rev and RGAA 4.1.2 audit report for remotion.dev. We have decided not to publish these as downloadable documents at this time; the full report is available on request at [hi@remotion.dev](mailto:hi@remotion.dev).

## Preparation of this statement

- **Methodology:** Manual audit against the 106 RGAA 4.1.2 criteria, combined with DOM / accessibility-tree inspection, Axe DevTools, and a Colour Contrast Analyser.
- **Assistive technologies tested:** NVDA with Chrome on Windows.
- **Pages sampled:** Home, Contact, Blog, and 10 documentation pages covering navigation, forms, embedded media, and interactive tools such as Remotion Convert.
- **Most recent audit:** 14 April 2026.

## Known limitations

- **Color contrast.** Our brand blue (`#0B84F3`) does not meet the 4.5:1 contrast ratio against white required by WCAG 1.4.3. Several other elements (search placeholder, "Ask AI" button, sidebar tags, chart labels) also fall short.
- **Video and multimedia.** Autoplaying homepage and blog videos lack captions, audio descriptions, and a pause/stop/hide control, and one silent video has no text alternative (WCAG 1.2.1, 1.2.2, 1.2.3, 1.2.5, 2.2.2).
- **Keyboard operability.** Some interactive elements - toggle switches, sliders, drag-and-drop demo widgets, and the "Ask AI" button - are not yet operable by keyboard alone (WCAG 2.1.1). Focus can also land on hidden elements or escape the mobile menu (WCAG 2.4.3).
- **Focus visibility.** The keyboard focus indicator is missing on several buttons, including "Copy" buttons on code blocks and some form controls (WCAG 2.4.7).
- **Forms and labelling.** Some inputs (for example the newsletter field) rely on placeholder text instead of a persistent, programmatically associated label (WCAG 1.3.1, 3.3.2).
- **Status messages.** Confirmations such as "Copied" and progress indicators on the Convert tool are not announced to assistive technology (WCAG 4.1.3).
- **Structure and headings.** Some visually-styled headings and lists are not marked up with the corresponding semantic HTML elements (WCAG 1.3.1, 2.4.6).
- **Third-party embeds.** Content from third parties, such as embedded YouTube players, may have accessibility gaps outside our direct control, including single-character keyboard shortcuts and non-unique iframe titles.

## What is already accessible

- A skip-to-main-content link and consistent, descriptive page titles on every audited page.
- `<html lang="en">` and no keyboard traps detected anywhere in the audit.
- Consistent navigation and more than one way to find any page.
- Data tables and layout markup that read correctly with assistive technology and linearize properly without styles.
- Text spacing and orientation changes do not cause loss of content.

## Reporting an accessibility issue

If you encounter an accessibility barrier on remotion.dev, contact us at [hi@remotion.dev](mailto:hi@remotion.dev), or [file an issue](https://remotion.dev/issue).

Customers eligible for [prioritized support](/docs/support) may also report issues through the channels set up for them.

## Enforcement

Remotion AG is based in Switzerland and is not itself subject to the European Web Accessibility Directive. We voluntarily follow WCAG 2.1 AA and RGAA 4.1.2.
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
---
image: /generated/articles-docs-license-accessibility-statement-remotion-pro.png
Comment thread
MehmetAdemi marked this conversation as resolved.
title: 'Accessibility Statement: remotion.pro'
sidebar_label: 'Accessibility Statement: remotion.pro'
crumb: 'License, Pricing and Compliance'
description: Accessibility conformance statement for the remotion.pro website, based on the most recently executed VPAT.
---

This statement concerns the **[remotion.pro](https://www.remotion.pro)** website. It is a snapshot based on the most recently executed VPAT.

Remotion AG is committed to making **remotion.pro** accessible to the widest possible audience, regardless of ability or technology.

## Conformance status

We aim to conform to:

- [Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG21/) Level AA
- [RGAA 4.1.2](https://accessibilite.numerique.gouv.fr/)

Remotion Pro is currently **partially conformant** with both standards. "Partially conformant" means that some parts of the content do not fully conform to the accessibility standard.

Our most recent self-assessment scored **68% against RGAA 4.1.2** (46 criteria applicable, 50 conformant, 23 non-conformant).

Download our detailed VPAT 2.5Rev: [PDF](https://www.remotion.pro/accessibility/vpat.pdf) · [Markdown](https://www.remotion.pro/accessibility/vpat.md). The full RGAA audit report is available on request at [hi@remotion.dev](mailto:hi@remotion.dev).

## Preparation of this statement

- **Methodology:** Manual audit against the 106 RGAA 4.1.2 criteria plus automated scanning with axe-core integrated into our end-to-end test suite.
- **Assistive technologies tested:** NVDA 2024 + Firefox on Windows, VoiceOver + Safari on macOS, keyboard-only navigation, 200% and 400% browser zoom.
- **Initial external audit:** 30 March 2026 (score: 58%).
- **Most recent self-assessment:** 13 April 2026.

## Technologies this site relies on

Accessibility conformance depends on the following technologies working together with your browser and any assistive technology: HTML5, CSS, WAI-ARIA, JavaScript, and video delivered via Mux.

## Known limitations

- **Brand color contrast.** Our brand blue (`#0B84F3`) does not meet the 4.5:1 contrast ratio against white required by WCAG 1.4.3.
- **Product demo videos.** Video previews on store product pages do not yet have captions, subtitles, or audio descriptions (WCAG 1.2.2, 1.2.5). Descriptive text alternatives are provided alongside each video.
- **Third-party embeds.** Content from third parties - for example, the OpenStreetMap iframe on the contact page - may have accessibility gaps outside our direct control.
- **Login error messaging.** Some form validation on the login page is not yet announced to assistive technology.

## What is already accessible

- Semantic landmarks, a skip-to-main-content link, and a consistent heading hierarchy site-wide.
- Full keyboard operability, including the navbar dropdown and the FAQ accordion.
- Visible focus indicators on all interactive elements.
- Text reflows without horizontal scrolling at 320 CSS pixels / 400% zoom (WCAG 1.4.10, RGAA 10.11).
- Auto-playing videos respect the user's `prefers-reduced-motion` setting and expose native playback controls when reduced motion is requested.
- Form inputs have persistent visible labels and programmatic names.

## Feedback and contact

If you encounter an accessibility barrier on remotion.pro, or need content in an alternative format, contact us at [hi@remotion.dev](mailto:hi@remotion.dev).

Postal address: Remotion AG, Neunbrunnenstrasse 38, 8050 Zurich, Switzerland.

## Enforcement

Remotion AG is based in Switzerland and is not itself subject to the European Web Accessibility Directive. We voluntarily follow WCAG 2.1 AA and RGAA 4.1.2.
15 changes: 13 additions & 2 deletions packages/docs/sidebars.ts
Original file line number Diff line number Diff line change
Expand Up @@ -1522,7 +1522,6 @@ const sidebars: SidebarsConfig = {
label: 'Miscellaneous',
items: [
'security',
'accessibility',
'chromium-flags',
'miscellaneous/changing-temp-dir',
'miscellaneous/chrome-headless-shell',
Expand Down Expand Up @@ -1649,9 +1648,21 @@ const sidebars: SidebarsConfig = {
'license/privacy',
'license/dpa',
'license/dpia',
'acknowledgements',
Comment thread
MehmetAdemi marked this conversation as resolved.
{
type: 'category',
label: 'Accessibility',
link: {
type: 'doc',
id: 'accessibility',
},
items: [
'license/accessibility-statement-remotion-dev',
'license/accessibility-statement-remotion-pro',
],
},
],
},
'acknowledgements',

{
type: 'html',
Expand Down
22 changes: 20 additions & 2 deletions packages/docs/src/data/articles.ts
Original file line number Diff line number Diff line change
Expand Up @@ -55,10 +55,10 @@ export const articles = [
},
{
id: 'accessibility',
title: 'Accessibility statement for Remotion',
title: 'Accessibility of Remotion products',
relativePath: 'docs/accessibility.mdx',
compId: 'articles-docs-accessibility',
crumb: 'FAQ',
crumb: 'License, Pricing and Compliance',
noAi: false,
slug: 'accessibility',
},
Expand Down Expand Up @@ -3833,6 +3833,24 @@ export const articles = [
noAi: false,
slug: 'license',
},
{
id: 'license/accessibility-statement-remotion-dev',
title: 'Accessibility Statement: remotion.dev',
relativePath: 'docs/license/accessibility-statement-remotion-dev.mdx',
compId: 'articles-docs-license-accessibility-statement-remotion-dev',
crumb: 'License, Pricing and Compliance',
noAi: false,
slug: 'license/accessibility-statement-remotion-dev',
},
{
id: 'license/accessibility-statement-remotion-pro',
title: 'Accessibility Statement: remotion.pro',
relativePath: 'docs/license/accessibility-statement-remotion-pro.mdx',
compId: 'articles-docs-license-accessibility-statement-remotion-pro',
crumb: 'License, Pricing and Compliance',
noAi: false,
slug: 'license/accessibility-statement-remotion-pro',
},
{
id: 'license/dpa',
title: 'DPA Statement',
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading