{"id":13050,"date":"2025-03-10T11:57:09","date_gmt":"2025-03-10T10:57:09","guid":{"rendered":"https:\/\/www.combell.com\/en\/blog\/?p=13050"},"modified":"2026-03-09T16:10:33","modified_gmt":"2026-03-09T15:10:33","slug":"wcag-guidelines","status":"publish","type":"post","link":"https:\/\/www.combell.com\/en\/blog\/wcag-guidelines\/","title":{"rendered":"This is what you need to know about the WCAG guidelines"},"content":{"rendered":"<p><strong>As a digitally accessible (online) company, you must comply with the guidelines of the international Web Content Accessibility Guidelines. We explain how WCAG ensures digital accessibility and what steps you can take with your organization.<\/strong><\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-3bb92dd7     \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t><\/p>\n<div class=\"uagb-toc__wrap\">\n<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\t<strong>Table of contents<\/strong>\t\t\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox= \"0 0 384 512\"><path d=\"M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z\"><\/path><\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<div class=\"uagb-toc__list-wrap\">\n<ol class=\"uagb-toc__list\">\n<li class=\"uagb-toc__list\"><a href=\"#what-you-need-to-know-about-the-wcag-guidelines\">What you need to know about the WCAG guidelines<\/a><\/li>\n<ul class=\"uagb-toc__list\">\n<li class=\"uagb-toc__list\"><a href=\"#why-is-digital-accessibility-important\">Why is digital accessibility important?<\/a><\/li>\n<li class=\"uagb-toc__list\"><a href=\"#four-key-principles\">Four key principles<\/a><\/li>\n<li class=\"uagb-toc__list\"><a href=\"#wcag-as-the-foundation-for-the-eaa\">WCAG as the foundation for the EAA<\/a><\/li>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"uagb-toc__list\"><a href=\"#is-wcag-mandatory\">Is WCAG mandatory?<\/a><\/li>\n<ul class=\"uagb-toc__list\">\n<li class=\"uagb-toc__list\"><a href=\"#guidelines-within-the-eu-and-belgium\">Guidelines within the EU and Belgium<\/a><\/li>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"uagb-toc__list\"><a href=\"#key-benefits-of-wcag\">Key benefits of WCAG<\/a><\/li>\n<li class=\"uagb-toc__list\"><a href=\"#the-different-wcag-updates\">The different WCAG updates<\/a><\/li>\n<ul class=\"uagb-toc__list\">\n<li class=\"uagb-toc__list\"><a href=\"#what-are-the-different-levels\">What are the different levels?<\/a><\/li>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"uagb-toc__list\"><a href=\"#how-do-you-know-if-your-website-or-app-meets-accessibility-standards\">How do you know if your website or app meets accessibility standards?<\/a><\/li>\n<ul class=\"uagb-toc__list\">\n<li class=\"uagb-toc__list\"><a href=\"#difference-between-mandatory-and-optional-criteria\">Difference between mandatory and optional criteria<\/a><\/li>\n<li class=\"uagb-toc__list\"><a href=\"#some-common-wcag-success-criteria-include\">Some common WCAG success criteria include:<\/a><\/li>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"uagb-toc__list\"><a href=\"#when-are-you-wcag-proof\">When are you WCAG-proof?<\/a><\/li>\n<ul class=\"uagb-toc__list\">\n<li class=\"uagb-toc__list\"><a href=\"#getting-wcag-proof-with-accessiway\">Getting WCAG-proof with Accessiway<\/a><\/li>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"uagb-toc__list\"><a href=\"#frequently-asked-questions-about-wcag\">Frequently asked questions about WCAG<\/a><\/li>\n<\/ul>\n<\/ul>\n<\/ul>\n<\/ul>\n<\/ul>\n<\/ol><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">What you need to know about the WCAG guidelines<\/h2>\n<p>Digital accessibility is a crucial aspect of modern websites and apps! The Web Content Accessibility Guidelines (WCAG) are international standards that help developers and businesses make <strong>digital platforms accessible to everyone<\/strong>, including people with disabilities.<\/p>\n<p>However, these guidelines are not only intended for developers but also for designers, content managers, and policymakers involved in digital products and services.<\/p>\n<p>Established by the <strong>World Wide Web Consortium (<a href=\"https:\/\/www.w3.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">W3C<\/a>)<\/strong>, these guidelines outline the technical and functional requirements that websites and applications must meet to be user-friendly for a broad audience.<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\">Why is digital accessibility important?<\/h3>\n<p>The internet plays an essential role in our daily lives, from online shopping to banking and working.<\/p>\n<p>For people with visual, auditory, motor, or cognitive disabilities, a poorly designed website can be a <strong>significant barrier<\/strong>!<\/p>\n<p>By following the WCAG guidelines, you ensure that your digital tools are accessible to everyone. Additionally, an accessible website <strong>enhances user experience, broadens your reach, and strengthens your reputation.<\/strong><\/p>\n<p>In many countries, including Belgium and the Netherlands, digital accessibility is even legally required for government websites and public services.<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"582\" src=\"https:\/\/www.combell.com\/en\/blog\/files\/wcag-legal-public-sector-1024x582.jpg\" alt=\"In the public sector, compliance with WCAG 2.1 AA or WCAG 2.2 is a legal obligation.\" class=\"wp-image-13076\" srcset=\"https:\/\/www.combell.com\/en\/blog\/files\/wcag-legal-public-sector-1024x582.jpg 1024w, https:\/\/www.combell.com\/en\/blog\/files\/wcag-legal-public-sector-300x171.jpg 300w, https:\/\/www.combell.com\/en\/blog\/files\/wcag-legal-public-sector-768x437.jpg 768w, https:\/\/www.combell.com\/en\/blog\/files\/wcag-legal-public-sector.jpg 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">In the public sector, compliance with WCAG 2.1 AA or WCAG 2.2 is a legal obligation.<\/figcaption><\/figure>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\">Four key principles<\/h3>\n<p>The WCAG standards are based on four principles:<\/p>\n<div class=\"wp-block-uagb-icon-list uagb-block-b99559b1 uagb-icon-list__outer-wrap uagb-icon-list__layout-vertical uagb-icon-list__icon-at-top\">\n<div class=\"uagb-icon-list__wrap\">\n<div class=\"wp-block-uagb-icon-list-child uagb-block-80143d0e uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Perceivable\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong><strong>Perceivable<\/strong><\/strong><\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-1505669d uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Operable\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong><strong>Operable<\/strong><\/strong><\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-73bb5035 uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Understandable\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong><strong>Understandable<\/strong><\/strong><\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-6d265e3d uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Robust\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong><strong>Robust<\/strong><\/strong><\/span><\/div>\n<\/div>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p>This means that content must be clear for different users, interfaces must be easy to operate (e.g., with a keyboard or screen reader), and websites must function robustly across various devices and browsers.<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p><strong>What developers should consider:<\/strong><\/p>\n<ul>\n<li>Providing <a href=\"https:\/\/webaim.org\/techniques\/alttext\/\" target=\"_blank\" rel=\"noreferrer noopener\">alternative text (alt text)<\/a> for images to assist blind and visually impaired users.<\/li>\n<li>Structuring HTML correctly to enable easy navigation with screen readers.<\/li>\n<li>Ensuring sufficient contrast between text and background for readability.<\/li>\n<li>Avoiding flashing elements that could trigger epileptic seizures.<\/li>\n<\/ul>\n<p>By following the WCAG guidelines, you not only make your website more inclusive but also improve its overall quality and usability. In the end, every user\u2014whether with or without a disability\u2014benefits from a <strong>more accessible digital experience.<\/strong><\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\">WCAG as the foundation for the EAA<\/h3>\n<p>The <strong>European Accessibility Act (EAA)<\/strong>, also known as the <strong>European Accessibility Law<\/strong>, aims to make digital media\u2014such as <a href=\"https:\/\/www.combell.com\/en\/build-your-website\" rel=\"noreferrer noopener\" target=\"_blank\">websites<\/a>, <a href=\"https:\/\/www.combell.com\/en\/build-your-webshop\" rel=\"noreferrer noopener\" target=\"_blank\">webshops<\/a>, and apps\u2014<strong>more accessible and inclusive<\/strong>. The EAA is a legal requirement that compels organizations within the EU to meet specific accessibility standards.<\/p>\n<p>It focuses on creating an inclusive market by providing legal guidelines for the accessibility of a wide range of products and services. The legislation associated with the EAA is based on the WCAG guidelines.<\/p>\n<p><strong>In short<\/strong>: the EAA sets the legal obligations, while WCAG serves as the technical roadmap for implementing these requirements in practice.<\/p>\n<p><strong>June 28, 2025<\/strong>, is a crucial date related to the EAA. Read our article on the European Accessibility Act to understand why this deadline is essential for businesses.<\/p>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">Is WCAG mandatory?<\/h2>\n<p>The requirement to comply with WCAG guidelines <strong>varies by country<\/strong>. In some countries, such as the United States, Canada, and the United Kingdom, there are strict accessibility laws that mandate digital accessibility for businesses and government agencies.<\/p>\n<p>In the United States, for example, this falls under the <strong>Americans with Disabilities Act (ADA)<\/strong> and <strong>Section 508<\/strong>, while in Canada the <strong>Accessible Canada Act (ACA)<\/strong> applies.<\/p>\n<p>For companies in the private sector, the obligation varies depending on the legislation in the country in question. However, large companies operating in the international market are increasingly confronted with <strong>legal claims<\/strong> when their websites do not meet accessibility standards.<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\">Guidelines within the EU and Belgium<\/h3>\n<p>Within the European Union, WCAG guidelines are legally embedded in the <strong>European Accessibility Act (EAA)<\/strong> and the <strong>EN 301 549 standard<\/strong>. This legislation requires government websites and certain commercial sectors (such as e-commerce and financial services) to meet at least WCAG 2.1 Level AA.<\/p>\n<p>In Belgium, digital accessibility is mandatory for government agencies and public organizations under the Law on Digital Accessibility. This means that federal, regional, and municipal government websites must comply with WCAG 2.1 AA.<\/p>\n<p>For <strong>private businesses, compliance is not yet a universal obligation.<\/strong> However, <strong>starting in June 2025<\/strong>, the European Accessibility Act will make accessibility mandatory for sectors such as banking, e-commerce, and transportation.<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h4 class=\"wp-block-heading\">Fines, sanctions, and reputation damage<\/h4>\n<p>Failure to comply with WCAG guidelines can have <strong>various consequences<\/strong>, depending on the sector and country:<\/p>\n<p>Failure to comply with the WCAG guidelines can have various consequences, depending on the sector and the country. In the public sector, fines or sanctions can be imposed if government websites do not meet the legal accessibility requirements.<\/p>\n<p>In the private sector, companies can face lawsuits and claims for damages from users who are disadvantaged by inaccessible websites.<\/p>\n<p>In addition, an inaccessible website can lead to reputational damage and loss of customers, because more and more consumers and companies value inclusiveness and user-friendliness.<\/p>\n<p>Companies and organisations that strive to comply with WCAG guidelines reduce the risk of legal liability and at the same time strengthen their market reach and reputation.<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"731\" src=\"https:\/\/www.combell.com\/en\/blog\/files\/accessibility-visual-presentation-1024x731.jpg\" alt=\"The visual presentation of your web pages plays a crucial role in accessibility! \" class=\"wp-image-13071\" srcset=\"https:\/\/www.combell.com\/en\/blog\/files\/accessibility-visual-presentation-1024x731.jpg 1024w, https:\/\/www.combell.com\/en\/blog\/files\/accessibility-visual-presentation-300x214.jpg 300w, https:\/\/www.combell.com\/en\/blog\/files\/accessibility-visual-presentation-768x549.jpg 768w, https:\/\/www.combell.com\/en\/blog\/files\/accessibility-visual-presentation.jpg 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The visual presentation of your web pages plays a crucial role in accessibility! <\/figcaption><\/figure>\n<\/div>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">Key benefits of WCAG<\/h2>\n<div class=\"wp-block-uagb-icon-list uagb-block-8e82bf72\">\n<div class=\"uagb-icon-list__wrap\">\n<div class=\"wp-block-uagb-icon-list-child uagb-block-eaad5113\"><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong><strong>Improving accessibility for people with disabilities<\/strong><\/strong><\/span><\/div>\n<\/div>\n<\/div>\n<p>The primary benefit of the WCAG guidelines is ensuring that websites and apps are accessible to everyone, including individuals with disabilities. Consider users with visual, auditory, motor, and cognitive impairments.<\/p>\n<p>By providing alternative text for images, captions for videos, and a clear navigation structure, more people can easily use digital content. This increases their independence and improves their online experience.<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"wp-block-uagb-icon-list uagb-block-e5579a77\">\n<div class=\"uagb-icon-list__wrap\">\n<div class=\"wp-block-uagb-icon-list-child uagb-block-d36e24dc\"><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong><strong>Legal compliance and WCAG guidelines for government<\/strong><\/strong><\/span><\/div>\n<\/div>\n<\/div>\n<p>For many businesses and organizations, especially in the public sector, compliance with WCAG 2.1 AA or WCAG 2.2 is a legal requirement. In the European Union, government bodies and public services are required to comply with accessibility standards according to the European Accessibility Act and the EN 301 549 standard.<\/p>\n<p>By following these guidelines, organizations avoid legal risks and demonstrate social responsibility.<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"wp-block-uagb-icon-list uagb-block-c588785c\">\n<div class=\"uagb-icon-list__wrap\">\n<div class=\"wp-block-uagb-icon-list-child uagb-block-4ed454cc\"><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong><strong>Improved SEO and user experience<\/strong><\/strong><\/span><\/div>\n<\/div>\n<\/div>\n<p>An accessible website benefits not only users with disabilities but also search engines like Google. Many accessibility improvements, such as clear headings, semantically correct HTML, and <a href=\"https:\/\/www.combell.com\/en\/blog\/website-load-time-nothing-but-ultrafast-is-good-enough\/\" rel=\"noreferrer noopener\" target=\"_blank\">fast load times<\/a>, contribute to better SEO rankings.<\/p>\n<p>This ensures that a website ranks higher in search results and is more easily found by a broader audience. Furthermore, these adjustments enhance overall user experience (UX), resulting in lower bounce rates and higher conversions.<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"wp-block-uagb-icon-list uagb-block-869d2005\">\n<div class=\"uagb-icon-list__wrap\">\n<div class=\"wp-block-uagb-icon-list-child uagb-block-f4d7e6a9\"><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong><strong>Broader audience and market reach<\/strong><\/strong><\/span><\/div>\n<\/div>\n<\/div>\n<p>By improving digital accessibility, you automatically reach a larger group of users. This includes not only people with disabilities but also elderly individuals, mobile users, and people with temporary limitations (such as a broken arm or strong sunlight on their screen).<\/p>\n<p>Companies investing in WCAG guidelines can appeal to a larger potential customer base and stand out from competitors who have not yet addressed accessibility.<\/p>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">The different WCAG updates<\/h2>\n<p>The WCAG guidelines were first published in 1999 by the <strong>W3C\u2019s Web Accessibility Initiative (WAI).<\/strong> The aim was to introduce a universally applicable set of guidelines enabling web developers to make their websites accessible.<\/p>\n<p>Since then, several updates have been made to improve and adapt the guidelines to new technologies. Here are the most significant:<\/p>\n<div class=\"wp-block-uagb-icon-list uagb-block-670d0f0d\">\n<div class=\"uagb-icon-list__wrap\">\n<div class=\"wp-block-uagb-icon-list-child uagb-block-15105a22\"><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>WCAG 2.1<\/strong>: Added extra guidelines for mobile accessibility, users with low vision, and various functional limitations.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-edda5cc5\"><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>WCAG 2.2<\/strong>: Emphasizes accessibility for users with learning and cognitive disabilities and further expands support for mobile devices.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-4623b7ee\"><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>WCAG 3.0 (under development)<\/strong>: Focuses on web content, apps, tools, online publications, and creating web technologies.<\/span><\/div>\n<\/div>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\">What are the different levels?<\/h3>\n<p>The WCAG standards are divided into three levels: <strong>A, AA, and AAA<\/strong>. These levels indicate the strictness of the accessibility requirements.<\/p>\n<div class=\"wp-block-uagb-icon-list uagb-block-82d3f585 uagb-icon-list__outer-wrap uagb-icon-list__layout-vertical uagb-icon-list__icon-at-top\">\n<div class=\"uagb-icon-list__wrap\">\n<div class=\"wp-block-uagb-icon-list-child uagb-block-b33fe8af uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Level A contains the minimum requirements for accessibility. Websites that meet these requirements offer some accessibility, but barriers still remain for many users with a disability.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>Level A<\/strong> contains the minimum requirements for accessibility. Websites that meet these requirements offer some accessibility, but barriers still remain for many users with a disability.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-61eea483 uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Level AA is the standard used by most organisations and governments. This level ensures that most barriers for users with a disability are removed.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>Level AA<\/strong> is the standard used by most organisations and governments. This level ensures that most barriers for users with a disability are removed.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-902f1156 uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Level AAA is the highest level and offers the best possible accessibility, but is often difficult to fully implement without compromising on design or functionality.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>Level AAA<\/strong> is the highest level and offers the best possible accessibility, but is often difficult to fully implement without compromising on design or functionality.<\/span><\/div>\n<\/div>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h4 class=\"wp-block-heading\">Accessibility requirements by level<\/h4>\n<p>The accessibility requirements vary by level and focus on different website aspects:<\/p>\n<ul>\n<li><strong>Level A:<\/strong> Basic requirements, such as <a href=\"https:\/\/accessibe.com\/glossary\/keyboard-navigation\" target=\"_blank\" rel=\"noreferrer noopener\">keyboard navigation<\/a> and alternative text for images.<\/li>\n<li><strong>Level AA:<\/strong> Additional measures, like sufficient <a href=\"https:\/\/www.anysurfer.be\/en\/documentation\/articles\/detail\/colour-contrast\" target=\"_blank\" rel=\"noreferrer noopener\">color contrast<\/a> and clear focus indicators for interactive elements.<\/li>\n<li><strong>Level AAA:<\/strong> Strict rules, such as even higher contrast levels and alternative formats for complex content, like sign-language videos for all spoken content.<\/li>\n<\/ul>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h4 class=\"wp-block-heading\">WCAG 2.1 AA guidelines for government websites<\/h4>\n<p>All websites and mobile apps of government organizations must comply with the WCAG 2.1 guidelines up to level AA under the terms of the European Standard for digital accessibility (EN 301 549V1.1.2).<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p><strong>Key aspects of the WCAG 2.1 guidelines:<\/strong><\/p>\n<div class=\"wp-block-uagb-icon-list uagb-block-233bbb0f uagb-icon-list__outer-wrap uagb-icon-list__layout-vertical uagb-icon-list__icon-at-top\">\n<div class=\"uagb-icon-list__wrap\">\n<div class=\"wp-block-uagb-icon-list-child uagb-block-603d25e3 uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Meeting requirements such as a minimum contrast ratio of 4.5:1 for text and background.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\">Meeting requirements such as a minimum contrast ratio of 4.5:1 for text and background.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-5f38b4b6 uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"All functions accessible via keyboard (no mouse required).\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\">All functions accessible via keyboard (no mouse required).<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-e8236d5e uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Clear and consistent navigation without unexpected changes so users can easily find information.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\">Clear and consistent navigation without unexpected changes so users can easily find information.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-ebc82739 uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"No content or graphic elements that could trigger epileptic seizures, such as rapidly flashing animations.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\">No content or graphic elements that could trigger epileptic seizures, such as rapidly flashing animations.<\/span><\/div>\n<\/div>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p>Government bodies must actively monitor and improve their websites and mobile applications to remain accessible to all citizens.<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h4 class=\"wp-block-heading\">What about WCAG 2.2?<\/h4>\n<p>WCAG 2.2 <strong>is the latest version of accessibility guidelines,<\/strong> building upon WCAG 2.1 AA guidelines. This update primarily focuses on improving accessibility for individuals with cognitive disabilities, motor impairments, and mobile users.<\/p>\n<p>The main changes in WCAG 2.2 include additional guidelines for:<\/p>\n<ul>\n<li><strong>User-friendly focus indicators, <\/strong>allowing individuals navigating via keyboard or assistive devices to clearly see their location on a page.<\/li>\n<li><strong>Accessibility of interactive elements,<\/strong> such as buttons large enough to easily tap on mobile devices.<\/li>\n<li><strong>Avoiding unnecessary re-authentication,<\/strong> so users with cognitive impairments do not repeatedly need to enter complex passwords.<\/li>\n<\/ul>\n<p>Although WCAG 2.2 is not yet incorporated into all legislations, it is recommended for <strong>new websites and applications<\/strong> and will gradually play a significant role for government websites and organizations preparing for stricter accessibility standards.<\/p>\n<p>While it cannot yet be stated with absolute certainty, there is a strong likelihood that WCAG 2.2 will form the basis for the European Accessibility Act (EAA).<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"357\" src=\"https:\/\/www.combell.com\/en\/blog\/files\/wcag-succescriteria-1024x357.jpg\" alt=\"The WCAG guidelines contain a series of success criteria.\" class=\"wp-image-13074\" srcset=\"https:\/\/www.combell.com\/en\/blog\/files\/wcag-succescriteria-1024x357.jpg 1024w, https:\/\/www.combell.com\/en\/blog\/files\/wcag-succescriteria-300x105.jpg 300w, https:\/\/www.combell.com\/en\/blog\/files\/wcag-succescriteria-768x268.jpg 768w, https:\/\/www.combell.com\/en\/blog\/files\/wcag-succescriteria.jpg 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The WCAG guidelines contain a series of success criteria.<\/figcaption><\/figure>\n<\/div>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">How do you know if your website or app meets accessibility standards?<\/h2>\n<p>The <strong>WCAG guidelines<\/strong> contain a series of <strong>success criteria<\/strong> that determine whether a website or application complies with the accessibility standards. These success criteria are objectively measurable and are assessed on the basis of three levels: <strong>A, AA and AAA.<\/strong><\/p>\n<p>By meeting these criteria, websites become accessible to a broader audience and comply with legal requirements.<\/p>\n<p>Assessment typically involves <strong>automated accessibility tests<\/strong> and <strong>manual evaluations<\/strong>. Automated tools like <a href=\"https:\/\/wave.webaim.org\/\" rel=\"noreferrer noopener\" target=\"_blank\">WAVE<\/a> or Axe quickly detect technical errors, but a thorough manual review is necessary to ensure the website is genuinely usable by people with disabilities.<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\">Difference between mandatory and optional criteria<\/h3>\n<p>Not all WCAG criteria are mandatory in practice. <strong>Level A and AA<\/strong> guidelines are <strong>compulsory<\/strong> for most organizations and public bodies subject to accessibility legislation.<\/p>\n<p><strong>Level AAA<\/strong> guidelines are <strong>recommended but not obligatory<\/strong>, as they are often difficult to implement fully without significantly changing a website's design or functionality.<\/p>\n<p>For example, the requirement for text to have a contrast ratio of 7:1 instead of the standard <strong>4.5:1<\/strong> (AA level).<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-c5f55fe8 uagb-inline_notice__outer-wrap\">\n<p class=\"uagb-notice-title\">Tip: Use a WCAG Checker for color contrast<\/p>\n<div class=\"uagb-notice-text\">\n<p>One of the most important accessibility requirements is <strong>sufficient contrast between text and background<\/strong>, ensuring readability for all users, including those with visual impairments. You can quickly and easily verify this using a WCAG checker for contrast, such as <strong><a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebAIM Contrast Checker<\/a><\/strong> or <strong><a href=\"https:\/\/www.tpgi.com\/color-contrast-checker\/\" target=\"_blank\" rel=\"noreferrer noopener\">Color Contrast Analyzer<\/a><\/strong>.<\/p>\n<p><\/p>\n<p>These tools immediately show if your color combinations meet <strong>WCAG 2.1 levels AA or AAA<\/strong> and suggest improved color values if your contrast is insufficient. This ensures your website is accessible and readable to a broader audience.<\/p>\n<\/div>\n<\/div>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"731\" src=\"https:\/\/www.combell.com\/en\/blog\/files\/successcriteria-visual-1024x731.jpg\" alt=\"An essential requirement within the success criteria: color should not be the only visual means of conveying information. \" class=\"wp-image-13075\" srcset=\"https:\/\/www.combell.com\/en\/blog\/files\/successcriteria-visual-1024x731.jpg 1024w, https:\/\/www.combell.com\/en\/blog\/files\/successcriteria-visual-300x214.jpg 300w, https:\/\/www.combell.com\/en\/blog\/files\/successcriteria-visual-768x549.jpg 768w, https:\/\/www.combell.com\/en\/blog\/files\/successcriteria-visual.jpg 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">An essential requirement within the success criteria: color should not be the only visual means of conveying information. <\/figcaption><\/figure>\n<\/div>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\">Some common WCAG success criteria include:<\/h3>\n<div class=\"wp-block-uagb-icon-list uagb-block-68ceb0e3 uagb-icon-list__outer-wrap uagb-icon-list__layout-vertical uagb-icon-list__icon-at-top\">\n<div class=\"uagb-icon-list__wrap\">\n<div class=\"wp-block-uagb-icon-list-child uagb-block-2dc1cbf2 uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Text alternatives for non-text content (Level A): images and buttons must have descriptive alt text for screen readers to convey to blind users.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>Text alternatives for non-text content (Level A)<\/strong>: images and buttons must have descriptive alt text for screen readers to convey to blind users.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-fbd68f55 uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Keyboard accessibility (Level A): all website functionalities must be operable without a mouse, using only a keyboard.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>Keyboard accessibility (Level A)<\/strong>: all website functionalities must be operable without a mouse, using only a keyboard.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-de3a78bb uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Adequate color contrast (Level AA): text and background must have sufficient contrast to guarantee readability for users with visual impairments.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>Adequate color contrast (Level AA)<\/strong>: text and background must have sufficient contrast to guarantee readability for users with visual impairments.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-eb8d37f4 uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Clear focus indicators (Level AA): interactive elements, like buttons and form fields, should visually indicate when selected by keyboard navigation.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>Clear focus indicators (Level AA)<\/strong>: interactive elements, like buttons and form fields, should visually indicate when selected by keyboard navigation.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-44658352 uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"No time restrictions (Level AAA): users should not be restricted by time limits when completing forms or viewing content.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>No time restrictions (Level AAA)<\/strong>: users should not be restricted by time limits when completing forms or viewing content.<\/span><\/div>\n<\/div>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h4 class=\"wp-block-heading\">WCAG Evaluation Methodology (WCAG-EM)<\/h4>\n<p>The <a href=\"https:\/\/www.w3.org\/WAI\/test-evaluate\/conformance\/wcag-em\/\" rel=\"noreferrer noopener\" target=\"_blank\">WCAG Evaluation Methodology<\/a> is the <strong>standard method for web accessibility evaluation<\/strong>.<\/p>\n<p><strong>WCAG-EM<\/strong> is a structured approach to assess if a website meets <strong>WCAG guidelines<\/strong>. Developed by the <strong>World Wide Web Consortium (W3C)<\/strong>, it helps organizations systematically test digital accessibility.<\/p>\n<p>WCAG-EM combines <strong>automated scans, manual evaluations, and user testing.<\/strong> By following this method, organizations gain comprehensive insights into their website\u2019s accessibility, allowing targeted improvements.<\/p>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">When are you WCAG-proof?<\/h2>\n<p>A website is considered <strong>WCAG-proof<\/strong> when it meets required accessibility standards, usually at <strong>level AA<\/strong>. This means the site is accessible to people with various disabilities and compatible with assistive technologies such as screen readers and keyboard navigation.<\/p>\n<p>Being WCAG-proof is not only a technical requirement but also <strong>a quality mark<\/strong>. It demonstrates an organization's commitment to inclusivity and user-friendliness, positively impacting brand perception and customer trust.<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h4 class=\"wp-block-heading\">How to verify if your site complies with the guidelines?<\/h4>\n<p>Several ways exist to verify if a website is <strong>WCAG-proof<\/strong>:<\/p>\n<div class=\"wp-block-uagb-icon-list uagb-block-d90e14df uagb-icon-list__outer-wrap uagb-icon-list__layout-vertical uagb-icon-list__icon-at-top\">\n<div class=\"uagb-icon-list__wrap\">\n<div class=\"wp-block-uagb-icon-list-child uagb-block-4261a5e1 uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Use a WCAG checker: online tools like WAVE, Axe, or Lighthouse help detect accessibility errors.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>Use a WCAG checker<\/strong>: online tools like WAVE, Axe, or Lighthouse help detect accessibility errors.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-68d2c240 uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Manual testing: test the website with a keyboard (without a mouse) and screen reader software like NVDA or VoiceOver to experience how users with disabilities navigate the site.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>Manual testing<\/strong>: test the website with a keyboard (without a mouse) and screen reader software like NVDA or VoiceOver to experience how users with disabilities navigate the site.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-2220f7ab uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Conduct an accessibility audit: a specialized party can perform a thorough WCAG audit and produce a report with recommendations.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>Conduct an accessibility audit<\/strong>: a specialized party can perform a thorough WCAG audit and produce a report with recommendations.<\/span><\/div>\n<div class=\"wp-block-uagb-icon-list-child uagb-block-2b293f8c uagb-icon-list-repeater uagb-icon-list__wrapper\"><a target=\"_self\" aria-label=\"Obtain feedback from real users: involve people with disabilities in site testing to identify potential issues.\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM406.6 278.6l-103.1 103.1c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L306.8 288H128C110.3 288 96 273.7 96 256s14.31-32 32-32h178.8l-49.38-49.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l103.1 103.1C414.6 241.3 416 251.1 416 256C416 260.9 414.6 270.7 406.6 278.6z\"><\/path><\/svg><\/span><span class=\"uagb-icon-list__label\"><strong>Obtain feedback from real users<\/strong>: involve people with disabilities in site testing to identify potential issues.<\/span><\/div>\n<\/div>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\">Getting WCAG-proof with Accessiway<\/h3>\n<p>You can collaborate with an external partner to enhance the accessibility of your products and services efficiently and cost-effectively. <strong>Accessiway is the ideal solution to take your first steps towards a WCAG-compliant website.<\/strong><\/p>\n<p>This accessibility solution helps you make your website accessible to all your visitors. Accessiway, part of team.blue \u2013 which also includes Combell \u2013 offers a simple and effective way to improve digital accessibility. Think of this accessibility solution as an excellent starting point.<\/p>\n<p>This accessibility solution ensures your website is usable by all visitors. Accessiway, part of team.blue -which includes Combell - offers a simple and effective method for improving digital accessibility.<\/p>\n<p>With the addition of <strong>WayWidget<\/strong>, a convenient widget, Accessiway helps you with:<\/p>\n<ul>\n<li>Improved readability<\/li>\n<li>Optimized colors and contrasts<\/li>\n<li>Enhanced support for screen readers<\/li>\n<\/ul>\n<p>Additionally, Accessiway performs daily scans, continuously optimizing the content of your website or webshop.<\/p>\n<p>Are you interested in making your online tools WCAG-proof and curious about how Accessiway can support you?<\/p>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"wp-block-buttons is-vertical is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-yellow-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/www.combell.com\/en\/accessiway\">Discover what Accessiway has to offer<\/a><\/div>\n<\/div>\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\">Frequently asked questions about WCAG<\/h2>\n<div class=\"wp-block-uagb-faq uagb-faq__outer-wrap uagb-block-9f7970b7 uagb-faq-icon-row uagb-faq-layout-accordion uagb-faq-expand-first-false uagb-faq-inactive-other-true uagb-faq__wrap uagb-buttons-layout-wrap uagb-faq-equal-height uagb-faq-expand-first-true\" data-faqtoggle=\"true\" role=\"tablist\"><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"@id\":\"https:\/\/www.combell.com\/en\/blog\/wcag-guidelines\/\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Is WCAG mandatory?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Compliance with WCAG guidelines is mandatory depending on your situation. For public sector organizations, compliance with WCAG 2.1 AA or WCAG 2.2 is obligatory under European law (European Accessibility Act - EAA and EN 301 549 standards).&lt;br>For private companies, WCAG compliance might not be legally required yet, but it is increasingly recommended and can be enforced through lawsuits and user complaints.\"}},{\"@type\":\"Question\",\"name\":\"What are the guidelines for making web content more accessible?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The Web Content Accessibility Guidelines (WCAG) are a series of international guidelines developed by the World Wide Web Consortium (W3C). They provide a framework for making websites and web applications accessible to people with disabilities.&lt;br>WCAG is based on four fundamental principles: perceivable, operable, understandable and robust. Within these principles there are various criteria on three levels. Level A (minimum accessibility requirements), Level AA (standard that most organisations must follow), Level AAA (the highest accessibility standard, recommended but difficult to fully implement).\"}},{\"@type\":\"Question\",\"name\":\"What are the four principles?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The Web Content Accessibility Guidelines are built around four core principles that ensure web content is accessible to as many users as possible:&lt;br>&lt;strong>Perceivable&lt;\/strong>: all users must be able to perceive the content, for example via alt text for images and subtitles for videos.&lt;br>&lt;strong>Operable&lt;\/strong>: the website must be accessible with different input methods, such as keyboard navigation for users who cannot use a mouse.&lt;br>&lt;strong>Understandable&lt;\/strong>: content and navigation must be logical and predictable, with clear instructions and error messages.&lt;br>&lt;strong>Robust&lt;\/strong>: websites must be compatible with different browsers, devices and assistive technologies, such as screen readers.\"}},{\"@type\":\"Question\",\"name\":\"How can you check if your website meets WCAG guidelines?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Checking WCAG compliance typically involves automated tools like WAVE or Axe, manual testing, and feedback from users with disabilities. A tool like AccessiWay also supports you in taking those first steps towards WCAG-compliant online tools.\"}}]}<\/script><\/p>\n<div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-7b230e93\" role=\"tab\" tabindex=\"0\">\n<div class=\"uagb-faq-questions-button uagb-faq-questions\"><span class=\"uagb-icon uagb-faq-icon-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg><\/span><span class=\"uagb-icon-active uagb-faq-icon-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg><\/span><\/p>\n<h4 class=\"uagb-question\">Is WCAG mandatory?<\/h4>\n<\/div>\n<p class=\"uagb-faq-content\">Compliance with WCAG guidelines is mandatory depending on your situation. For public sector organizations, compliance with WCAG 2.1 AA or WCAG 2.2 is obligatory under European law (European Accessibility Act - EAA and EN 301 549 standards).<br \/>For private companies, WCAG compliance might not be legally required yet, but it is increasingly recommended and can be enforced through lawsuits and user complaints.<\/p>\n<\/div>\n<div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-ec6bc51d\" role=\"tab\" tabindex=\"0\">\n<div class=\"uagb-faq-questions-button uagb-faq-questions\"><span class=\"uagb-icon uagb-faq-icon-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg><\/span><span class=\"uagb-icon-active uagb-faq-icon-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg><\/span><\/p>\n<h4 class=\"uagb-question\">What are the guidelines for making web content more accessible?<\/h4>\n<\/div>\n<p class=\"uagb-faq-content\">The Web Content Accessibility Guidelines (WCAG) are a series of international guidelines developed by the World Wide Web Consortium (W3C). They provide a framework for making websites and web applications accessible to people with disabilities.<br \/>WCAG is based on four fundamental principles: perceivable, operable, understandable and robust. Within these principles there are various criteria on three levels. Level A (minimum accessibility requirements), Level AA (standard that most organisations must follow), Level AAA (the highest accessibility standard, recommended but difficult to fully implement).<\/p>\n<\/div>\n<div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-3f863d6d\" role=\"tab\" tabindex=\"0\">\n<div class=\"uagb-faq-questions-button uagb-faq-questions\"><span class=\"uagb-icon uagb-faq-icon-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg><\/span><span class=\"uagb-icon-active uagb-faq-icon-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg><\/span><\/p>\n<h4 class=\"uagb-question\">What are the four principles?<\/h4>\n<\/div>\n<p class=\"uagb-faq-content\">The Web Content Accessibility Guidelines are built around four core principles that ensure web content is accessible to as many users as possible:<br \/><strong>Perceivable<\/strong>: all users must be able to perceive the content, for example via alt text for images and subtitles for videos.<br \/><strong>Operable<\/strong>: the website must be accessible with different input methods, such as keyboard navigation for users who cannot use a mouse.<br \/><strong>Understandable<\/strong>: content and navigation must be logical and predictable, with clear instructions and error messages.<br \/><strong>Robust<\/strong>: websites must be compatible with different browsers, devices and assistive technologies, such as screen readers.<\/p>\n<\/div>\n<div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-333cd8b7\" role=\"tab\" tabindex=\"0\">\n<div class=\"uagb-faq-questions-button uagb-faq-questions\"><span class=\"uagb-icon uagb-faq-icon-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg><\/span><span class=\"uagb-icon-active uagb-faq-icon-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg><\/span><\/p>\n<h4 class=\"uagb-question\">How can you check if your website meets WCAG guidelines?<\/h4>\n<\/div>\n<p class=\"uagb-faq-content\">Checking WCAG compliance typically involves automated tools like WAVE or Axe, manual testing, and feedback from users with disabilities. A tool like AccessiWay also supports you in taking those first steps towards WCAG-compliant online tools.<\/p>\n<\/div>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>As a digitally accessible (online) company, you must comply with the guidelines of the international Web Content Accessibility Guidelines. We explain how WCAG ensures digital accessibility and what steps you...<\/p>\n","protected":false},"author":33,"featured_media":13069,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[72,71,65],"tags":[],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9.jpg",1200,420,false],"thumbnail":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9-50x50.jpg",50,50,true],"medium":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9-300x105.jpg",300,105,true],"medium_large":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9-768x269.jpg",768,269,true],"large":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9-1024x358.jpg",1024,358,true],"1536x1536":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9.jpg",1200,420,false],"2048x2048":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9.jpg",1200,420,false],"post-featured":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9-850x290.jpg",850,290,true],"post-featured-opt":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9-750x256.jpg",750,256,true],"post-featured-opt-md":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9-850x290.jpg",850,290,true],"post-featured-opt-sm":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9-485x165.jpg",485,165,true],"post-featured-opt-xs":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9-375x128.jpg",375,128,true],"post-most-popular":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9-50x50.jpg",50,50,true],"post-author":["https:\/\/www.combell.com\/en\/blog\/files\/1200x420-small-9-60x60.jpg",60,60,true]},"uagb_author_info":{"display_name":"Amber","author_link":"https:\/\/www.combell.com\/en\/blog\/author\/amber\/"},"uagb_comment_info":0,"uagb_excerpt":"As a digitally accessible (online) company, you must comply with the guidelines of the international Web Content Accessibility Guidelines. We explain how WCAG ensures digital accessibility and what steps you...","_links":{"self":[{"href":"https:\/\/www.combell.com\/en\/blog\/wp-json\/wp\/v2\/posts\/13050"}],"collection":[{"href":"https:\/\/www.combell.com\/en\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.combell.com\/en\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.combell.com\/en\/blog\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.combell.com\/en\/blog\/wp-json\/wp\/v2\/comments?post=13050"}],"version-history":[{"count":15,"href":"https:\/\/www.combell.com\/en\/blog\/wp-json\/wp\/v2\/posts\/13050\/revisions"}],"predecessor-version":[{"id":14022,"href":"https:\/\/www.combell.com\/en\/blog\/wp-json\/wp\/v2\/posts\/13050\/revisions\/14022"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.combell.com\/en\/blog\/wp-json\/wp\/v2\/media\/13069"}],"wp:attachment":[{"href":"https:\/\/www.combell.com\/en\/blog\/wp-json\/wp\/v2\/media?parent=13050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.combell.com\/en\/blog\/wp-json\/wp\/v2\/categories?post=13050"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.combell.com\/en\/blog\/wp-json\/wp\/v2\/tags?post=13050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}