<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Sophie Marie Blanc</title>
    <description>The latest articles on DEV Community by Sophie Marie Blanc (@sophie_marie_blanc).</description>
    <link>https://dev.to/sophie_marie_blanc</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3869594%2F879e2817-a51e-4616-9eda-4a652268f557.png</url>
      <title>DEV Community: Sophie Marie Blanc</title>
      <link>https://dev.to/sophie_marie_blanc</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sophie_marie_blanc"/>
    <language>en</language>
    <item>
      <title>RGAA 4.1: France's Web Accessibility Standard Explained for Non-French Teams</title>
      <dc:creator>Sophie Marie Blanc</dc:creator>
      <pubDate>Mon, 13 Apr 2026 00:00:01 +0000</pubDate>
      <link>https://dev.to/sophie_marie_blanc/rgaa-41-frances-web-accessibility-standard-explained-for-non-french-teams-547k</link>
      <guid>https://dev.to/sophie_marie_blanc/rgaa-41-frances-web-accessibility-standard-explained-for-non-french-teams-547k</guid>
      <description>&lt;h1&gt;
  
  
  RGAA 4.1: France's Web Accessibility Standard Explained for Non-French Teams
&lt;/h1&gt;

&lt;blockquote&gt;
&lt;p&gt;Meta: RGAA is France's legally mandated accessibility framework (106 criteria). If your team manages French websites or serves French users, you must understand it. Here's what RGAA is, how it differs from WCAG, who's affected post-June 2025, and the 5 most commonly failed criteria with fixes.&lt;br&gt;
Keyword: RGAA 4.1 France web accessibility standard explained&lt;/p&gt;
&lt;/blockquote&gt;




&lt;p&gt;Your team manages websites in France. Or you have French users. Or you're an international agency with a French client.&lt;/p&gt;

&lt;p&gt;Someone on Slack asks: « What's the RGAA? Is that just WCAG with a French name? »&lt;/p&gt;

&lt;p&gt;Not quite.&lt;/p&gt;

&lt;p&gt;The RGAA (Référentiel Général d'Amélioration de l'Accessibilité) is France's legally binding accessibility standard. It's based on WCAG 2.1, but it's stricter, more prescriptive, and legally enforceable in France via the Défenseur des droits (Ombudsman) and, since June 2025, on private sector websites too.&lt;/p&gt;

&lt;p&gt;If your French website isn't RGAA-compliant, you're exposed to legal complaints, public pressure, and—if you're large enough—pressure from the French government.&lt;/p&gt;

&lt;p&gt;I've been working on accessibility for ten years. I've tested hundreds of websites across Europe. French websites in particular often miss these standards. Not malice. Just lack of clear resources in English.&lt;/p&gt;

&lt;p&gt;This article is for teams who don't speak French, manage French users, and need to understand what's actually required.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is RGAA, and How Does It Differ from WCAG?
&lt;/h2&gt;

&lt;p&gt;WCAG (Web Content Accessibility Guidelines) is the international standard from the W3C. It has three levels: A, AA, AAA. It covers contrast, keyboard navigation, alternative text for images, captions for video, semantic HTML—all the things that make a website usable for people with disabilities.&lt;/p&gt;

&lt;p&gt;RGAA is a French translation and adaptation of WCAG 2.1, but with one key difference: it's &lt;strong&gt;prescriptive, not descriptive.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;WCAG says: « Check the contrast ratio of your text. »&lt;/p&gt;

&lt;p&gt;RGAA says: « Use axe DevTools or WAVE to measure contrast. The minimum is 4.5:1 for normal text. Here's exactly how to verify it. »&lt;/p&gt;

&lt;p&gt;WCAG leaves room for interpretation. RGAA closes that gap. It names specific tools, specific thresholds, specific actions.&lt;/p&gt;

&lt;p&gt;In terms of legal weight:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;WCAG&lt;/strong&gt; = Best practice. Recommended by W3C. Used internationally. Legally binding in some countries (UK, Germany, US).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;RGAA&lt;/strong&gt; = French law. Not a suggestion. Failure to comply can result in legal complaints, fines, and public shaming.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;RGAA has &lt;strong&gt;106 criteria&lt;/strong&gt; organized into 13 thematic areas:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Images and media&lt;/li&gt;
&lt;li&gt;Frames and multimedia&lt;/li&gt;
&lt;li&gt;Colors and contrast&lt;/li&gt;
&lt;li&gt;Information structure&lt;/li&gt;
&lt;li&gt;Tables&lt;/li&gt;
&lt;li&gt;Links&lt;/li&gt;
&lt;li&gt;Scripts and interactions&lt;/li&gt;
&lt;li&gt;Required elements&lt;/li&gt;
&lt;li&gt;Structure of information&lt;/li&gt;
&lt;li&gt;Presentation of information&lt;/li&gt;
&lt;li&gt;Forms&lt;/li&gt;
&lt;li&gt;Navigation and orientation&lt;/li&gt;
&lt;li&gt;Consultation&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;That's more granular than WCAG. And each criterion has a test procedure. You're not left guessing how to verify compliance.&lt;/p&gt;

&lt;h2&gt;
  
  
  Who Has to Comply (And Why June 2025 Matters)
&lt;/h2&gt;

&lt;p&gt;Until June 2025, only &lt;strong&gt;public sector websites&lt;/strong&gt; in France had a formal legal obligation to be RGAA-compliant.&lt;/p&gt;

&lt;p&gt;Private companies were not legally required. So most of them... weren't.&lt;/p&gt;

&lt;p&gt;Then the &lt;strong&gt;European Accessibility Act (EAA)&lt;/strong&gt; came into force. It expanded the obligation to the private sector.&lt;/p&gt;

&lt;p&gt;As of June 2025, who must comply?&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Private sector service providers&lt;/strong&gt; (agencies, web hosting companies, software developers)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;E-commerce sites and online retailers&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Companies providing digital services&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Web applications&lt;/strong&gt; (mobile apps are coming, but websites are now)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Exceptions exist for small companies (fewer than 10 employees, under €2M annual turnover), but the exception isn't automatic—you have to justify it.&lt;/p&gt;

&lt;p&gt;Practically? Complaints about inaccessible private websites now go to the Défenseur des droits. They're investigating. Some companies are already being approached.&lt;/p&gt;

&lt;p&gt;And here's the business angle: partners, insurers, and customers are starting to ask if your website is accessible as a requirement for doing business.&lt;/p&gt;

&lt;p&gt;It used to be optional. It's no longer optional.&lt;/p&gt;

&lt;h2&gt;
  
  
  The 5 Most Commonly Failed Criteria (And How to Fix Them)
&lt;/h2&gt;

&lt;p&gt;I've tested 100+ French and French-facing websites. These five failures appear in 90% of audits:&lt;/p&gt;

&lt;h3&gt;
  
  
  Failure 1: Images Without Proper Alternative Text
&lt;/h3&gt;

&lt;p&gt;A product page. Six beautiful images. Not a single &lt;code&gt;alt&lt;/code&gt; attribute. Or an &lt;code&gt;alt="image1.jpg"&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;For a blind user with a screen reader, those images don't exist. No description. No information.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How to fix it:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="c"&gt;&amp;lt;!-- Bad --&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"product.jpg"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;

&lt;span class="c"&gt;&amp;lt;!-- Also bad --&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"product.jpg"&lt;/span&gt; &lt;span class="na"&gt;alt=&lt;/span&gt;&lt;span class="s"&gt;"photo"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;

&lt;span class="c"&gt;&amp;lt;!-- Good --&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;img&lt;/span&gt; &lt;span class="na"&gt;src=&lt;/span&gt;&lt;span class="s"&gt;"product.jpg"&lt;/span&gt; &lt;span class="na"&gt;alt=&lt;/span&gt;&lt;span class="s"&gt;"Nomad backpack, 45L, black, model 2025"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The &lt;code&gt;alt&lt;/code&gt; text should describe what's in the image and why it matters to the user. Not the filename. Not vague. Specific.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Testing:&lt;/strong&gt; Use axe DevTools (free browser extension) or WAVE. Both will flag missing alt attributes.&lt;/p&gt;

&lt;h3&gt;
  
  
  Failure 2: Insufficient Color Contrast
&lt;/h3&gt;

&lt;p&gt;A startup's modern, minimal website. Light gray text on a white background. Elegant on screen. Illegible for someone with low vision or astigmatism.&lt;/p&gt;

&lt;p&gt;RGAA requires a contrast ratio of at least &lt;strong&gt;4.5:1 for normal text&lt;/strong&gt;. (Higher for small text or very important content.)&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How to test:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Install axe DevTools or WAVE&lt;/li&gt;
&lt;li&gt;Click the contrast checker&lt;/li&gt;
&lt;li&gt;Any text below 4.5:1 = non-compliant&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;How to fix it:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Darker text or lighter background&lt;/li&gt;
&lt;li&gt;Or use a color with more contrast (e.g., dark blue instead of light gray)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Tools like WebAIM Contrast Checker or Contrast Ratio let you play with colors before implementing.&lt;/p&gt;

&lt;h3&gt;
  
  
  Failure 3: Forms Without Associated Labels
&lt;/h3&gt;

&lt;p&gt;A contact form. Three input fields. No visible labels. Just placeholder text that disappears on focus.&lt;/p&gt;

&lt;p&gt;A screen reader user doesn't know what field to fill. A keyboard-only user can't see which field is which.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How to fix it:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="c"&gt;&amp;lt;!-- Bad --&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;input&lt;/span&gt; &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;"email"&lt;/span&gt; &lt;span class="na"&gt;placeholder=&lt;/span&gt;&lt;span class="s"&gt;"Enter your email"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;

&lt;span class="c"&gt;&amp;lt;!-- Good --&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;label&lt;/span&gt; &lt;span class="na"&gt;for=&lt;/span&gt;&lt;span class="s"&gt;"email"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;Email address&lt;span class="nt"&gt;&amp;lt;/label&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;input&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;"email"&lt;/span&gt; &lt;span class="na"&gt;type=&lt;/span&gt;&lt;span class="s"&gt;"email"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The &lt;code&gt;&amp;lt;label&amp;gt;&lt;/code&gt; is associated to the input via the &lt;code&gt;for&lt;/code&gt; attribute. It's now linked in the HTML tree. Screen readers announce it. Keyboard navigation works.&lt;/p&gt;

&lt;h3&gt;
  
  
  Failure 4: Keyboard Navigation Disabled
&lt;/h3&gt;

&lt;p&gt;You test a website with only a keyboard. Press Tab to navigate. Nothing happens. You must use the mouse.&lt;/p&gt;

&lt;p&gt;For someone with paralysis, tremors, or motor control issues, the site is locked.&lt;/p&gt;

&lt;p&gt;RGAA requires that everything—menus, buttons, forms, dropdowns—be navigable via keyboard.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How to test:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Open the site&lt;/li&gt;
&lt;li&gt;Don't touch your mouse&lt;/li&gt;
&lt;li&gt;Press Tab repeatedly&lt;/li&gt;
&lt;li&gt;Can you reach every interactive element? Can you activate it?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;How to fix it:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Ensure all interactive elements are in the tab order&lt;/li&gt;
&lt;li&gt;Use semantic HTML (&lt;code&gt;&amp;lt;button&amp;gt;&lt;/code&gt;, &lt;code&gt;&amp;lt;a&amp;gt;&lt;/code&gt;, &lt;code&gt;&amp;lt;input&amp;gt;&lt;/code&gt;) which are keyboard-accessible by default&lt;/li&gt;
&lt;li&gt;If you use custom elements (like a styled &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt; as a button), add &lt;code&gt;tabindex="0"&lt;/code&gt; and JavaScript keyboard handlers&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Failure 5: Videos Without Captions or Transcripts
&lt;/h3&gt;

&lt;p&gt;A tutorial video, a customer testimonial, a product demo. Zero captions. For a deaf user, the information is lost.&lt;/p&gt;

&lt;p&gt;(And as a bonus, captions are good for SEO and for users in noisy environments.)&lt;/p&gt;

&lt;p&gt;RGAA requires captions for all multimedia content. Transcripts are also helpful.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;How to fix it:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Use YouTube, Vimeo, or another platform with built-in captioning&lt;/li&gt;
&lt;li&gt;Upload a caption file (VTT format) with timestamps&lt;/li&gt;
&lt;li&gt;Or use a service like Rev or otter.ai to auto-generate captions, then review them&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For a simple video, captions take 30 minutes to an hour.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Accessibility Statement Requirement
&lt;/h2&gt;

&lt;p&gt;Once you're RGAA-compliant (or mostly compliant), you must publish an &lt;strong&gt;accessibility statement&lt;/strong&gt; on your website. This is a legal requirement, not a suggestion.&lt;/p&gt;

&lt;p&gt;What goes in it?&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Your current RGAA conformity level (A, AA, or AAA)&lt;/li&gt;
&lt;li&gt;Any known non-compliances&lt;/li&gt;
&lt;li&gt;Corrections in progress&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;A contact mechanism&lt;/strong&gt; for users to report accessibility issues&lt;/li&gt;
&lt;li&gt;Link to France's Défenseur des droits&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Where does it go?&lt;/p&gt;

&lt;p&gt;Usually a footer link called « Accessibilité » or « Accessibility ». It must itself be accessible (follow RGAA standards for the statement page).&lt;/p&gt;

&lt;p&gt;France maintains a public list of accessibility statements via the DINUM (Interministerial Digital Directorate). Your statement should be listed there.&lt;/p&gt;

&lt;p&gt;If you don't have one, that's a non-compliance on its own.&lt;/p&gt;

&lt;h2&gt;
  
  
  Real-World Risks and Complaints
&lt;/h2&gt;

&lt;p&gt;What happens if you ignore RGAA?&lt;/p&gt;

&lt;h3&gt;
  
  
  Complaints to the Défenseur des droits
&lt;/h3&gt;

&lt;p&gt;A blind user can't access your French website. They file a complaint with the Ombudsman. They investigate. If non-compliance is found, you're asked to correct it.&lt;/p&gt;

&lt;p&gt;You refuse? It goes public. Your company appears in official reports. Reputational damage.&lt;/p&gt;

&lt;h3&gt;
  
  
  Government Pressure
&lt;/h3&gt;

&lt;p&gt;France's government is taking accessibility seriously. New funding, new oversight, new public statements. Large companies are already being approached.&lt;/p&gt;

&lt;h3&gt;
  
  
  Partner and Customer Pressure
&lt;/h3&gt;

&lt;p&gt;B2B clients now ask: « Is your website RGAA-compliant? » It's becoming a requirement for contracts.&lt;/p&gt;

&lt;h2&gt;
  
  
  Practical Steps for Non-French Teams
&lt;/h2&gt;

&lt;p&gt;You manage a French website but you're not based in France. Here's what you do:&lt;/p&gt;

&lt;h3&gt;
  
  
  Week 1: Audit
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Install &lt;strong&gt;axe DevTools&lt;/strong&gt; (free, Chrome/Firefox)&lt;/li&gt;
&lt;li&gt;Scan your site&lt;/li&gt;
&lt;li&gt;Export the results (axe reports to CSV)&lt;/li&gt;
&lt;li&gt;Note the most severe issues (images without alt, color contrast, keyboard navigation)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Week 2: Plan
&lt;/h3&gt;

&lt;p&gt;Categorize:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Critical&lt;/strong&gt; : Makes the site unusable (no keyboard nav, images with no alt, forms with no labels)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Important&lt;/strong&gt; : Affects usability (weak contrast, no video captions)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;To Improve&lt;/strong&gt; : Refinements (focus indicators, heading hierarchy)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Start with critical.&lt;/p&gt;

&lt;h3&gt;
  
  
  Week 3-4: Corrections
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Add alt text to images&lt;/li&gt;
&lt;li&gt;Fix form labels&lt;/li&gt;
&lt;li&gt;Test keyboard navigation&lt;/li&gt;
&lt;li&gt;Adjust color contrast&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This usually takes 3-5 days of development work for a medium site.&lt;/p&gt;

&lt;h3&gt;
  
  
  Week 5: Testing
&lt;/h3&gt;

&lt;p&gt;Test with real tools:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Keyboard-only navigation (actually use only your keyboard)&lt;/li&gt;
&lt;li&gt;Screen reader (NVDA is free on Windows; voiceOver on Mac)&lt;/li&gt;
&lt;li&gt;A colleague reads your text from a distance without zooming&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Week 6: Documentation
&lt;/h3&gt;

&lt;p&gt;Write your accessibility statement. Use the official template from DINUM.&lt;/p&gt;

&lt;p&gt;Publish it on your site.&lt;/p&gt;

&lt;h2&gt;
  
  
  Cost and Timeline
&lt;/h2&gt;

&lt;p&gt;For a small to medium website:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;DIY audit and fixes&lt;/strong&gt;: 2-3 weeks, cost of internal dev time&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;With an external consultant&lt;/strong&gt;: 1-2 weeks, consultant cost €2,000-€5,000&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Full formal audit&lt;/strong&gt;: 1-2 months, cost €5,000-€15,000&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Choose based on complexity and your risk tolerance.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why This Matters Beyond Legal Compliance
&lt;/h2&gt;

&lt;p&gt;I said it before, and I'll say it again: 15% of the world's population has a disability. 15%.&lt;/p&gt;

&lt;p&gt;That's not a niche. That's a market.&lt;/p&gt;

&lt;p&gt;An accessible website:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Reaches more users&lt;/li&gt;
&lt;li&gt;Ranks better on search engines (accessibility practices overlap with SEO)&lt;/li&gt;
&lt;li&gt;Reduces support costs (users can navigate independently)&lt;/li&gt;
&lt;li&gt;Builds brand loyalty (customers appreciate inclusion)&lt;/li&gt;
&lt;li&gt;Reduces legal risk&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It's not just the right thing to do. It's the smart business thing to do.&lt;/p&gt;

&lt;h2&gt;
  
  
  Key Takeaway
&lt;/h2&gt;

&lt;p&gt;RGAA is France's accessibility law. It's now law for private sector websites too (as of June 2025). It's stricter and more specific than plain WCAG.&lt;/p&gt;

&lt;p&gt;If your team manages French websites or has French users, you need to understand it. Not as a suggestion. As a requirement.&lt;/p&gt;

&lt;p&gt;Start with an audit. Plan your fixes. Allocate 2-3 weeks. You're done.&lt;/p&gt;

&lt;p&gt;And if you're already compliant? Great. But make sure your accessibility statement is published and updated.&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Sophie Blanc&lt;/strong&gt; is a digital accessibility and GDPR compliance consultant based in Paris. She works with SMEs and digital agencies across Europe to ensure compliance with legal standards. Her approach: translate legal requirements into concrete, actionable steps—no jargon.&lt;/p&gt;

</description>
      <category>a11y</category>
      <category>frontend</category>
      <category>ux</category>
      <category>webdev</category>
    </item>
    <item>
      <title>RGAA 4.1 : Ce que votre site doit respecter depuis juin 2025 — et que personne n'explique clairement</title>
      <dc:creator>Sophie Marie Blanc</dc:creator>
      <pubDate>Thu, 09 Apr 2026 11:00:01 +0000</pubDate>
      <link>https://dev.to/sophie_marie_blanc/rgaa-41-ce-que-votre-site-doit-respecter-depuis-juin-2025-et-que-personne-nexplique-clairement-3i60</link>
      <guid>https://dev.to/sophie_marie_blanc/rgaa-41-ce-que-votre-site-doit-respecter-depuis-juin-2025-et-que-personne-nexplique-clairement-3i60</guid>
      <description>&lt;h1&gt;
  
  
  RGAA 4.1 : Ce que votre site doit respecter depuis juin 2025 — et que personne n'explique clairement
&lt;/h1&gt;

&lt;blockquote&gt;
&lt;p&gt;Meta : Conformité RGAA 4.1 obligatoire depuis 2025 pour sites publics et privés. Découvrez les 106 critères d'accessibilité, les risques et un plan d'action concret en 5 étapes.&lt;br&gt;
Mot-clé : RGAA 4.1 conformité site web 2025&lt;/p&gt;
&lt;/blockquote&gt;




&lt;p&gt;Depuis trois semaines, je reçois le même type d'appel. Des patrons de PME, des responsables web, parfois des directeurs de communication, tous avec la même question : « Sophie, c'est vrai qu'on doit faire quelque chose avec l'accessibilité maintenant ? »&lt;/p&gt;

&lt;p&gt;Oui. C'est vrai. Et depuis juin 2025, ça ne s'applique plus seulement aux organismes publics.&lt;/p&gt;

&lt;p&gt;Je travaille depuis dix ans sur l'accessibilité numérique et la conformité RGPD. J'ai vu des centaines de sites français, et je peux vous dire une chose : &lt;strong&gt;60% des sites que je teste ne respectent même pas les critères basiques du RGAA 4.1&lt;/strong&gt;. Pas de malveillance là-dedans. Juste de l'ignorance. Et compréhensible : les ressources en français qui expliquent clairement ce qu'il faut faire, concrètement, sont rarissimes.&lt;/p&gt;

&lt;p&gt;Cet article est là pour changer ça.&lt;/p&gt;

&lt;h2&gt;
  
  
  RGAA 4.1 : Vous avez le droit de savoir ce que c'est
&lt;/h2&gt;

&lt;p&gt;Le RGAA — Référentiel Général d'Amélioration de l'Accessibilité — est la traduction française, légalement contraignante, du standard international WCAG 2.1 (Web Content Accessibility Guidelines).&lt;/p&gt;

&lt;p&gt;Avant de vous perdre dans la terminologie : c'est un ensemble de &lt;strong&gt;106 critères&lt;/strong&gt; organisés en 13 thématiques. Ces critères couvrent tout, du contraste des couleurs à la navigation au clavier, en passant par les alternatives textuelles pour les images, les vidéos sous-titrées, et la structure sémantique du HTML.&lt;/p&gt;

&lt;p&gt;Différence majeure avec la WCAG brute : le RGAA est plus &lt;em&gt;prescriptif&lt;/em&gt;. Il ne dit pas juste « vérifiez le contraste » — il dit « utilisez l'outil WAVE ou axe DevTools pour le mesurer ». Il adapte également le standard international au contexte juridique français. C'est important : le RGAA n'est pas une suggestion de bonnes pratiques, c'est une obligation légale.&lt;/p&gt;

&lt;p&gt;La version 4.1 date de 2019. Elle a été révisée légèrement depuis, mais l'essence reste : rendre le web accessible à &lt;em&gt;tout le monde&lt;/em&gt;, y compris les personnes en situation de handicap (visuel, moteur, cognitif, auditif).&lt;/p&gt;

&lt;h2&gt;
  
  
  Depuis juin 2025 : la Directive EAA élargit l'obligation au secteur privé
&lt;/h2&gt;

&lt;p&gt;Voici le tournant. Pendant des années, seules les institutions publiques étaient formellement tenues de respecter le RGAA. Les sites privés ? Aucune obligation directe. (Moralité : la plupart n'en avaient rien à faire.)&lt;/p&gt;

&lt;p&gt;La &lt;strong&gt;Directive Européenne 2019/882 (EAA — European Accessibility Act)&lt;/strong&gt; change tout ça. Depuis juin 2025, l'obligation s'étend au secteur privé.&lt;/p&gt;

&lt;p&gt;Qui est concerné ?&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Les fournisseurs de services&lt;/strong&gt; (agences, prestataires web, hébergeurs)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Les entreprises privées&lt;/strong&gt; vendant en ligne&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Les sites e-commerce&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Les applications mobiles&lt;/strong&gt; (progressivement)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Exceptions pour les PME : théoriquement, les entreprises de moins de 10 salariés &lt;em&gt;avec un chiffre d'affaires inférieur à 2 millions d'euros&lt;/em&gt; peuvent demander une exemption partielle. Mais attention — cette exemption n'est pas automatique. Vous devez la justifier auprès des autorités de contrôle.&lt;/p&gt;

&lt;p&gt;Concrètement ? Jusqu'à présent, seul le Défenseur des droits recevait les plaintes pour non-conformité des sites publics. Maintenant, les plaintes pour sites privés non accessibles arrivent aussi. Et elles s'empilent.&lt;/p&gt;

&lt;h2&gt;
  
  
  Les 5 critères que vos clients (ou vos concurrents) ne respectent pas
&lt;/h2&gt;

&lt;p&gt;Depuis dix ans, je teste les mêmes défauts, encore et encore. Voici les cinq "hits" qui reviennent dans 95% des audits :&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Images sans alternative textuelle pertinente
&lt;/h3&gt;

&lt;p&gt;Je visite un site e-commerce. Une section « Nos produits phares ». Six belles images. Zéro attribut &lt;code&gt;alt&lt;/code&gt;. Ou pire : &lt;code&gt;alt="photo.jpg"&lt;/code&gt; ou &lt;code&gt;alt="image1"&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Pour un utilisateur aveugle qui utilise un lecteur d'écran, ces images n'existent simplement pas. Aucune description. Aucune information.&lt;/p&gt;

&lt;p&gt;La correction ? Simple : &lt;code&gt;alt="Sac à dos Nomad noir, 45L, modèle 2025"&lt;/code&gt; au lieu de &lt;code&gt;alt="sac"&lt;/code&gt;. Spécifique. Utile.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Contrastes de couleurs insuffisants
&lt;/h3&gt;

&lt;p&gt;J'ouvre un site de startup. Design moderne, minimaliste. Texte gris très clair sur fond blanc. À l'écran, c'est élégant. Pour quelqu'un avec une malvoyance légère ou un astigmatisme, c'est illisible.&lt;/p&gt;

&lt;p&gt;Le RGAA exige un ratio de contraste d'au moins 4.5:1 pour le texte normal. (Plus si c'est du gros texte.) Des outils gratuits comme &lt;strong&gt;WAVE&lt;/strong&gt; ou &lt;strong&gt;axe DevTools&lt;/strong&gt; calculent ça en deux clics.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. Formulaires sans étiquettes explicites
&lt;/h3&gt;

&lt;p&gt;Formulaire de contact. Trois champs. Aucun label associé au champ input. Juste du placeholder qui disparaît au premier clic.&lt;/p&gt;

&lt;p&gt;Lecteur d'écran ? Il ne sait pas ce qu'il doit remplir. Utilisateur à la loupe ? Pas de texte pour repérer les champs.&lt;/p&gt;

&lt;p&gt;La solution : &lt;code&gt;&amp;lt;label for="email"&amp;gt;Votre email&amp;lt;/label&amp;gt; &amp;lt;input id="email" type="email" /&amp;gt;&lt;/code&gt;. Lié. Explicite. Accessible.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Navigation impossible au clavier
&lt;/h3&gt;

&lt;p&gt;Je test un site. Clic sur le logo. Rien. Tab pour naviguer. Rien. L'utilisateur doit à tout prix utiliser la souris.&lt;/p&gt;

&lt;p&gt;Pour quelqu'un qui ne peut pas utiliser une souris (paralysie motrice, tremblements, etc.), le site est fermé. Les critères du RGAA demandent que tout soit navigable au clavier.&lt;/p&gt;

&lt;h3&gt;
  
  
  5. Vidéos sans sous-titres
&lt;/h3&gt;

&lt;p&gt;Podcast vidéo, tutoriel, témoignage client. Zéro sous-titres. Pour un utilisateur malentendant, l'information se perd.&lt;/p&gt;

&lt;p&gt;(Et j'ajoute un bonus : les vidéos sans transcription écrite, c'est aussi un problème SEO.)&lt;/p&gt;

&lt;h2&gt;
  
  
  L'obligation de déclaration d'accessibilité
&lt;/h2&gt;

&lt;p&gt;Vous voilà conforme au RGAA ? Bravo. Mais ce n'est pas fini.&lt;/p&gt;

&lt;p&gt;Vous devez maintenant &lt;strong&gt;publier une déclaration d'accessibilité&lt;/strong&gt; sur votre site. C'est un document (généralement une page) qui explique :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Votre taux de conformité RGAA (A, AA, ou AAA)&lt;/li&gt;
&lt;li&gt;Les éventuelles non-conformités&lt;/li&gt;
&lt;li&gt;Les correctifs en cours&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Un mécanisme de contact&lt;/strong&gt; pour que les utilisateurs signalent des problèmes&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Cette déclaration doit être facilement accessible (généralement dans le pied de page, en lien « Accessibilité »).&lt;/p&gt;

&lt;p&gt;Elle n'est pas du marketing. C'est une obligation légale. Si elle manque, ce n'est pas un petit détail — c'est une non-conformité en soi.&lt;/p&gt;

&lt;p&gt;Où la publier ? La DINUM (Direction Interministérielle du Numérique) maintient une liste publique. Votre déclaration doit aussi être accessible selon... les critères du RGAA. (Oui, c'est récursif.)&lt;/p&gt;

&lt;h2&gt;
  
  
  Risques et sanctions
&lt;/h2&gt;

&lt;p&gt;Vous vous demandez peut-être : « Et si je ne fais rien ? »&lt;/p&gt;

&lt;p&gt;Trois réponses :&lt;/p&gt;

&lt;h3&gt;
  
  
  Plaintes auprès du Défenseur des droits
&lt;/h3&gt;

&lt;p&gt;Un utilisateur malvoyant ne peut pas accéder à votre site. Il porte plainte. Le Défenseur lance une enquête. Si la non-conformité est avérée, il vous demande de corriger. Vous refusez ? Ça remonte au niveau politique, et votre entreprise apparaît dans les rapports publics.&lt;/p&gt;

&lt;p&gt;(Pas criminel, mais marketing négatif garanti.)&lt;/p&gt;

&lt;h3&gt;
  
  
  Pression de la CNIL
&lt;/h3&gt;

&lt;p&gt;La CNIL surveille l'accessibilité sous l'angle RGPD. Les données personnelles doivent être &lt;em&gt;équitablement&lt;/em&gt; accessibles. Un site inaccessible, c'est une violation du droit à l'information. Les amendes CNIL peuvent aller jusqu'à 4% du chiffre d'affaires global.&lt;/p&gt;

&lt;h3&gt;
  
  
  Risque commercial réputationnel
&lt;/h3&gt;

&lt;p&gt;Voici la vraie conséquence : les clients potentiels, les partenaires, les assureurs &lt;em&gt;commencent&lt;/em&gt; à exiger la conformité RGAA comme condition. C'est déjà le cas pour les marchés publics. Bientôt, ça le sera pour les appels d'offres privés.&lt;/p&gt;

&lt;p&gt;Un site non accessible, c'est aussi un site fermé à une clientèle. Les chiffres disent que 15% de la population mondiale a un handicap. 15%.&lt;/p&gt;

&lt;h2&gt;
  
  
  Plan d'action en 5 étapes pour votre PME
&lt;/h2&gt;

&lt;p&gt;Vous êtes convaincu. Bien. Voici ce que je recommande à mes clients pour démarrer sans panique :&lt;/p&gt;

&lt;h3&gt;
  
  
  Étape 1 : Audit gratuit (1-2 heures)
&lt;/h3&gt;

&lt;p&gt;Installez &lt;strong&gt;axe DevTools&lt;/strong&gt; (extension Chrome/Firefox gratuite) ou &lt;strong&gt;WAVE&lt;/strong&gt;. Scannez votre site. Vous allez voir une liste de problèmes. Notez les trois ou quatre les plus graves (images sans alt, contrastes faibles, formulaires).&lt;/p&gt;

&lt;p&gt;Ne cherchez pas la perfection. Cherchez les gros défauts d'abord.&lt;/p&gt;

&lt;h3&gt;
  
  
  Étape 2 : Priorisation (1 heure)
&lt;/h3&gt;

&lt;p&gt;Triez les problèmes en trois catégories :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Critique&lt;/strong&gt; : rend le site inutilisable (navigation au clavier, images sans alt)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Important&lt;/strong&gt; : affecte une partie de l'expérience (contrastes, vidéos)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;À améliorer&lt;/strong&gt; : refinements (surlignes de focus, spacing)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Commencez par critique.&lt;/p&gt;

&lt;h3&gt;
  
  
  Étape 3 : Corrections courtes (1-2 jours de dev)
&lt;/h3&gt;

&lt;p&gt;Les images sans alt ? 30 minutes. Les étiquettes de formulaire ? 1 heure. Les contrastes ? 2-3 heures. Ce n'est pas un mois de travail. C'est quelques jours.&lt;/p&gt;

&lt;p&gt;Je conseille toujours un audit formal avec un consultant, mais vous pouvez commencer seul(e).&lt;/p&gt;

&lt;h3&gt;
  
  
  Étape 4 : Tests réels (2-3 heures)
&lt;/h3&gt;

&lt;p&gt;Testez avec un clavier. Testez avec un lecteur d'écran (NVDA est gratuit). Demandez à un collègue sans maladie visuelle de lire vos contrastes de loin. Ça paraît bête ? C'est la méthode la plus fiable.&lt;/p&gt;

&lt;h3&gt;
  
  
  Étape 5 : Déclaration d'accessibilité (1 heure)
&lt;/h3&gt;

&lt;p&gt;Une fois conforme, rédigez la page d'accessibilité. Modèle officiel sur le site de la DINUM. Publiez-la. Mettez à jour votre CGU si besoin.&lt;/p&gt;

&lt;p&gt;Coût total du projet ? Entre 2 000 et 5 000 € pour une PME, avec un consultant. En DIY et avec priorités, vous pouvez faire décent pour quelques jours de travail.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion : parce que c'est la loi, mais aussi parce que c'est humain
&lt;/h2&gt;

&lt;p&gt;Je vais être directe. Pendant dix ans, j'ai présenté l'accessibilité comme une question éthique : « C'est bien pour les gens. C'est inclusif. » Ça reste vrai.&lt;/p&gt;

&lt;p&gt;Mais en 2025, ça devient une question légale. Point. Depuis juin, ce n'est plus optionnel. Le RGAA 4.1 n'est pas une suggestion.&lt;/p&gt;

&lt;p&gt;Les sites conformes gagnent du marché, attirent des talents, réduisent leur risque légal. Les autres vont recevoir des plaintes, perdre des clients, et finir dans un audit.&lt;/p&gt;

&lt;p&gt;Si vous dirigez une PME ou une agence web, ne attendez pas d'audit pour agir. Trois jours de travail maintenant, c'est mieux que trois semaines de correction en urgence dans six mois.&lt;/p&gt;

&lt;p&gt;Et oui, c'est un changement. Mais c'est aussi un signal que le web français grandit. On arrête d'exclure.&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Sophie Blanc&lt;/strong&gt; est consultante en accessibilité numérique et conformité RGPD, basée à Paris. Elle accompagne les PME et agences dans leur mise en conformité avec les standards européens. Son approche : traduire les exigences légales en actions concrètes, sans jargon.&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
