{"id":22113,"date":"2025-08-11T09:33:31","date_gmt":"2025-08-11T09:33:31","guid":{"rendered":"https:\/\/mautic.org\/blog\/"},"modified":"2025-08-16T00:30:43","modified_gmt":"2025-08-16T00:30:43","slug":"eaa-compliance-for-mautic-users","status":"publish","type":"post","link":"https:\/\/mautic.org\/blog\/eaa-compliance-for-mautic-users","title":{"rendered":"How to achieve EAA compliance for Mautic users"},"content":{"rendered":"\n<p>As marketers and developers, we&#8217;re used to adapting to evolving regulations, from GDPR to privacy-first analytics. Now, it\u2019s time to prepare for another major shift: the European Accessibility Act (EAA), taking effect in June 2025.<\/p>\n\n\n\n<p>While accessibility has long been a best practice, the EAA will soon make it a legal requirement for many organisations, including those who send emails within or into the European Union. If you&#8217;re using Mautic to manage email communications, here\u2019s what you need to know.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Importance of EAA and why it matters<\/h2>\n\n\n\n<p>The EAA is a directive designed to ensure digital products and services are accessible to people with disabilities. It applies to a wide range of services, including websites, mobile apps, e-commerce platforms\u2026 and yes, emails. If your organisation operates within the EU, or targets EU citizens, this law could affect you. Failure to comply may result in legal penalties, loss of trust, or being excluded from public sector partnerships. This is serious stuff.<\/p>\n\n\n\n<p>While the EAA primarily targets larger companies and public sector organisations, small businesses shouldn&#8217;t ignore these requirements. Microenterprises, defined as having fewer than 10 employees and an annual turnover below \u20ac2M, may be temporarily exempt from certain obligations, but this could change as the regulation evolves, and EU is will known for that.<\/p>\n\n\n\n<p>Being proactive now not only prevents costly future adjustments but also signals a genuine commitment to accessibility and user inclusion from the outset.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How does it affect Mautic users?<\/h2>\n\n\n\n<p>Here are some common areas where Mautic users may fall short:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\uddbc\ufe0f Missing alt text for images<\/h3>\n\n\n\n<p>Images without descriptive alt attributes can create major barriers for users relying on screen readers. If your email includes buttons, banners, or visual CTAs rendered as images, those users won\u2019t understand their purpose unless meaningful alt text is provided. Mautic users should ensure all image elements include concise, descriptive alternatives.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"500\" src=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/1.png\" alt=\"GrapeJS Email editor interface highlighting an image of a person holding a journal, with the alt text field set to &#039;Person holding an agenda&#039;.\" class=\"wp-image-22123\" style=\"width:340px\" title=\"\" srcset=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/1.png 720w, https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/1-300x208.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83c\udfa8 Poor colour contrast<\/h3>\n\n\n\n<p>Text placed over backgrounds, buttons with low contrast, or pastel colour schemes may look elegant, but can be unreadable for users with visual impairments or colour blindness. The EAA requires a minimum contrast ratio of 4.5:1 for normal text, which means design choices need to balance style with readability.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"720\" height=\"500\" src=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/2.png\" alt=\"Section of an email showing a &#039;Claim your Gift&#039; button, with two contrast ratio checks below it: 15.87:1 and 5.96:1, both marked as accessible.\" class=\"wp-image-22124\" style=\"width:340px\" title=\"\" srcset=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/2.png 720w, https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/2-300x208.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udca1 Good structure = better experience<\/h3>\n\n\n\n<p>Just like a well-organised blog post or a clear landing page, your email also needs a logical structure, not just for the eye, but for assistive technologies like screen readers.<\/p>\n\n\n\n<p>If your email content isn\u2019t structured clearly in the code (even if it looks fine visually), some users might not be able to read or navigate it properly. For example, screen reader users rely on headings, lists, and content order to understand what\u2019s on the page, and where to go next.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"720\" height=\"500\" src=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/3.png\" alt=\"Newsletter section titled &#039;Top stories&#039; with a list of article headlines and brief descriptions.\" class=\"wp-image-22125\" style=\"width:340px\" title=\"\" srcset=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/3.png 720w, https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/3-300x208.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd17 Unclear or inconsistent navigation<\/h3>\n\n\n\n<p>If you&#8217;re using Mautic to create onboarding sequences or multi-step forms, navigation must be intuitive and predictable. Users should always understand where a link leads and what the next action is. Keyboard accessibility and screen reader compatibility are especially important here.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"500\" src=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/4.png\" alt=\"Newsletter subscription form with fields for name and email, and a checked box to agree with the privacy policy. The subscribe button has an accessibility checkmark.\" class=\"wp-image-22126\" style=\"width:340px\" title=\"\" srcset=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/4.png 720w, https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/4-300x208.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcce Non-descriptive links (e.g. \u201cclick here\u201d)<\/h3>\n\n\n\n<p>Generic phrases like \u201cclick here\u201d provide no context for screen reader users. Instead, links should describe the destination or action clearly, for example, \u201cDownload the accessibility guide\u201d or \u201cView your subscription settings\u201d. This improves both accessibility and usability.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"500\" src=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/5.png\" alt=\"Comparison between two email buttons: one incorrectly labelled &#039;Click here&#039; with a red cross, and another correctly labelled &#039;Claim your Gift&#039; with a green tick.\" class=\"wp-image-22127\" style=\"width:340px\" title=\"\" srcset=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/5.png 720w, https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/5-300x208.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83e\udded Inconsistent design can create confusion<\/h3>\n\n\n\n<p>When users interact with your emails, they rely on familiar patterns to understand what\u2019s clickable and what action to take next. If your buttons, links, or call-to-actions (CTAs) change appearance from one email to the next, or even within the same email, it can make the experience harder to follow.<\/p>\n\n\n\n<p>Using different colours, shapes, or placements for similar actions forces users to relearn the interface each time, which increases cognitive load and may lead to missed opportunities.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"500\" src=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/6.png\" alt=\"Side-by-side comparison of email buttons: incorrect versions with low-contrast text and correct versions with accessible contrast for &#039;Claim your gift&#039;, &#039;Download guide&#039;, and &#039;Read full article&#039;.\" class=\"wp-image-22128\" style=\"width:340px\" title=\"\" srcset=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/6.png 720w, https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/6-300x208.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcf1 Lack of responsive design<\/h3>\n\n\n\n<p>Accessibility isn\u2019t just about screen readers or colour contrast, it\u2019s also about making sure your email is easy to read and interact with, no matter the device.<\/p>\n\n\n\n<p>If your email or landing page layout breaks on small screens, uses tiny text, or forces users to pinch and zoom, that\u2019s a barrier. Many people with disabilities rely on mobile devices, and poorly optimised designs make your content harder to access.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"500\" src=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/7.png\" alt=\"Welcome email displayed on tablet and mobile screens, showing a message thanking the user for signing up and offering a free planner.\" class=\"wp-image-22129\" style=\"width:340px\" title=\"\" srcset=\"https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/7.png 720w, https:\/\/mautic.org\/wp-content\/uploads\/2025\/06\/7-300x208.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Practical steps you can take<\/h2>\n\n\n\n<p>You don\u2019t need to stress, here\u2019s what you can start doing now and from now on:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Audit your existing templates<\/strong> (email, landing page, form): check for missing alt text, poor contrast, lack of headings, and overall structure.<br><\/li>\n\n\n\n<li><strong>Use free tools<\/strong> to test colour contrast and accessibility. There are plenty available online, no need for advanced knowledge. Some useful tools include:\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/coolors.co\/contrast-checker\" target=\"_blank\" rel=\"noopener\">Color Accessibility Checker<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/crafting.email\/mjml-accessibility-checker\/\" data-type=\"link\" data-id=\"https:\/\/crafting.email\/mjml-accessibility-checker\/\" target=\"_blank\" rel=\"noopener\">MJML Accessibility Checker<\/a><br><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Ensure responsive design<\/strong> across all assets. Test on both desktop and mobile to guarantee readability and usability.<br><\/li>\n\n\n\n<li><strong>Check forms for accessibility<\/strong>: labels, focus states and error messages must be clear and usable.<br><\/li>\n\n\n\n<li><strong>Keep interactive elements consistent<\/strong>: same button styles, colours and behaviours across emails, pages and forms.<br><\/li>\n\n\n\n<li><strong>Educate your team<\/strong> &#8211; designers, developers, marketers &#8211; on accessibility principles and the basics of WCAG.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">As a community, we help each other!<\/h2>\n\n\n\n<p>Accessibility isn\u2019t just a requirement, it\u2019s a shared responsibility, and the good news is that you\u2019re not alone.<\/p>\n\n\n\n<p>If you have questions about the EAA or want feedback on your accessibility efforts, start a thread in the <a href=\"https:\/\/forum.mautic.org\/\">Mautic Forum<\/a>, the community is here to support you. \ud83d\udc96<\/p>\n\n\n\n<p>A special shout-out to Anderson, whose continuous work on accessibility within Mautic has had a significant impact. From improving screen reader support to refining interface contrast, his contributions show that Mautic is truly committed to aligning with accessibility best practices!<\/p>\n\n\n\n<p>Let\u2019s keep moving in this direction, together.<\/p>\n\n\n\n<p>\ud83d\udcd8 <strong>Official European Parliament Directive (EAA):<\/strong><br><a href=\"https:\/\/eur-lex.europa.eu\/legal-content\/EN\/TXT\/?uri=CELEX%3A32019L0882\" target=\"_blank\" rel=\"noopener\">Directive (EU) 2019\/882 on the accessibility requirements for products and services<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The European Union will require accessible emails from June 2025. Make sure your Mautic campaigns are ready for everyone!<\/p>\n","protected":false},"author":4,"featured_media":22122,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"13","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"96127","discourse_permalink":"https:\/\/forum.mautic.org\/t\/how-to-achieve-eaa-compliance-for-mautic-users\/36298","wpdc_publishing_response":"success","wpdc_publishing_error":"","footnotes":""},"categories":[1496],"tags":[1536,810,1538,884,1539],"class_list":["post-22113","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-for-marketers","tag-accessibility","tag-community","tag-eea","tag-emailmarketing","tag-european-accessibility-act"],"acf":[],"_links":{"self":[{"href":"https:\/\/mautic.org\/wp-json\/wp\/v2\/posts\/22113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mautic.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mautic.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mautic.org\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mautic.org\/wp-json\/wp\/v2\/comments?post=22113"}],"version-history":[{"count":7,"href":"https:\/\/mautic.org\/wp-json\/wp\/v2\/posts\/22113\/revisions"}],"predecessor-version":[{"id":22695,"href":"https:\/\/mautic.org\/wp-json\/wp\/v2\/posts\/22113\/revisions\/22695"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mautic.org\/wp-json\/wp\/v2\/media\/22122"}],"wp:attachment":[{"href":"https:\/\/mautic.org\/wp-json\/wp\/v2\/media?parent=22113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mautic.org\/wp-json\/wp\/v2\/categories?post=22113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mautic.org\/wp-json\/wp\/v2\/tags?post=22113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}