diff --git a/packages/docs/docs/accessibility.mdx b/packages/docs/docs/accessibility.mdx index 1d711fed10a..e28bf0e20b3 100644 --- a/packages/docs/docs/accessibility.mdx +++ b/packages/docs/docs/accessibility.mdx @@ -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 @@ -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 diff --git a/packages/docs/docs/license/TableOfContents.tsx b/packages/docs/docs/license/TableOfContents.tsx index f754d7be0c2..aa3925a6a72 100644 --- a/packages/docs/docs/license/TableOfContents.tsx +++ b/packages/docs/docs/license/TableOfContents.tsx @@ -35,6 +35,13 @@ export const TableOfContents: React.FC = () => { DPIA + + {'Accessibility'} +
+ Accessibility of Remotion products, with links to accessibility + statements for the remotion.dev and remotion.pro websites +
+ ); diff --git a/packages/docs/docs/license/accessibility-statement-remotion-dev.mdx b/packages/docs/docs/license/accessibility-statement-remotion-dev.mdx new file mode 100644 index 00000000000..0f011311736 --- /dev/null +++ b/packages/docs/docs/license/accessibility-statement-remotion-dev.mdx @@ -0,0 +1,60 @@ +--- +image: /generated/articles-docs-license-accessibility-statement-remotion-dev.png +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. +- `` 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. diff --git a/packages/docs/docs/license/accessibility-statement-remotion-pro.mdx b/packages/docs/docs/license/accessibility-statement-remotion-pro.mdx new file mode 100644 index 00000000000..dd420072b20 --- /dev/null +++ b/packages/docs/docs/license/accessibility-statement-remotion-pro.mdx @@ -0,0 +1,61 @@ +--- +image: /generated/articles-docs-license-accessibility-statement-remotion-pro.png +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. diff --git a/packages/docs/sidebars.ts b/packages/docs/sidebars.ts index 8067a5da51a..90bad0e0e6e 100644 --- a/packages/docs/sidebars.ts +++ b/packages/docs/sidebars.ts @@ -1522,7 +1522,6 @@ const sidebars: SidebarsConfig = { label: 'Miscellaneous', items: [ 'security', - 'accessibility', 'chromium-flags', 'miscellaneous/changing-temp-dir', 'miscellaneous/chrome-headless-shell', @@ -1649,9 +1648,21 @@ const sidebars: SidebarsConfig = { 'license/privacy', 'license/dpa', 'license/dpia', + 'acknowledgements', + { + type: 'category', + label: 'Accessibility', + link: { + type: 'doc', + id: 'accessibility', + }, + items: [ + 'license/accessibility-statement-remotion-dev', + 'license/accessibility-statement-remotion-pro', + ], + }, ], }, - 'acknowledgements', { type: 'html', diff --git a/packages/docs/src/data/articles.ts b/packages/docs/src/data/articles.ts index c8bb8a7f700..ca4a7128546 100644 --- a/packages/docs/src/data/articles.ts +++ b/packages/docs/src/data/articles.ts @@ -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', }, @@ -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', diff --git a/packages/docs/static/generated/articles-docs-license-accessibility-statement-remotion-dev.png b/packages/docs/static/generated/articles-docs-license-accessibility-statement-remotion-dev.png new file mode 100644 index 00000000000..c55b874c263 Binary files /dev/null and b/packages/docs/static/generated/articles-docs-license-accessibility-statement-remotion-dev.png differ diff --git a/packages/docs/static/generated/articles-docs-license-accessibility-statement-remotion-pro.png b/packages/docs/static/generated/articles-docs-license-accessibility-statement-remotion-pro.png new file mode 100644 index 00000000000..4f5d3157bea Binary files /dev/null and b/packages/docs/static/generated/articles-docs-license-accessibility-statement-remotion-pro.png differ