{"id":37964,"date":"2025-02-04T16:39:25","date_gmt":"2025-02-04T15:39:25","guid":{"rendered":"https:\/\/leadpeak.me\/magazin\/how-to-test-your-website-for-accessibility\/"},"modified":"2025-06-11T16:39:40","modified_gmt":"2025-06-11T14:39:40","slug":"how-to-test-your-website-for-accessibility","status":"publish","type":"post","link":"https:\/\/leadpeak.me\/en\/magazin\/how-to-test-your-website-for-accessibility\/","title":{"rendered":"How to test your website for accessibility"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"37964\" class=\"elementor elementor-37964 elementor-37922\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2d46fc e-flex e-con-boxed e-con e-parent\" data-id=\"d2d46fc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fe8f02 elementor-widget elementor-widget-text-editor\" data-id=\"3fe8f02\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">Digital accessibility is becoming increasingly important &#8211; not only due to legal requirements such as the German Accessibility Improvement Act (BFSG), but also to enable an inclusive user experience. But how do you find out whether your website is accessible? There is a simple and free solution, especially for smaller websites: the <a href=\"https:\/\/wave.webaim.org\/\">WAVE<\/a> tool. In this article, you will learn how to test your website for accessibility with WAVE and what measures you can take to fix existing problems.   <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67a0b3f elementor-widget elementor-widget-heading\" data-id=\"67a0b3f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/leadpeak.me\/en\/magazin\/how-to-test-your-website-for-accessibility\/#Why_is_accessibility_important\" >Why is accessibility important?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/leadpeak.me\/en\/magazin\/how-to-test-your-website-for-accessibility\/#The_WAVE_tool_Simple_accessibility_check\" >The WAVE tool: Simple accessibility check<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/leadpeak.me\/en\/magazin\/how-to-test-your-website-for-accessibility\/#Step_1_Call_up_WAVE\" >Step 1: Call up WAVE<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/leadpeak.me\/en\/magazin\/how-to-test-your-website-for-accessibility\/#Step_2_Understanding_analysis_results\" >Step 2: Understanding analysis results<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/leadpeak.me\/en\/magazin\/how-to-test-your-website-for-accessibility\/#Step_3_Correct_the_error\" >Step 3: Correct the error<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/leadpeak.me\/en\/magazin\/how-to-test-your-website-for-accessibility\/#Step_4_Adapt_accessibility_statement\" >Step 4: Adapt accessibility statement<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/leadpeak.me\/en\/magazin\/how-to-test-your-website-for-accessibility\/#Conclusion_Test_and_improve_accessibility\" >Conclusion: Test and improve accessibility<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Why_is_accessibility_important\"><\/span><br>Why is accessibility important?<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3350e1 elementor-widget elementor-widget-text-editor\" data-id=\"d3350e1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">An accessible website is accessible to everyone &#8211; regardless of physical limitations. People with visual impairments, motor impairments or other disabilities can benefit from an optimized website. In addition, accessibility improves usability for all users and contributes to search engine optimization (SEO).  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d232aac elementor-widget elementor-widget-heading\" data-id=\"d232aac\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"The_WAVE_tool_Simple_accessibility_check\"><\/span><br>The WAVE tool: Simple accessibility check<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abf1d75 elementor-widget elementor-widget-text-editor\" data-id=\"abf1d75\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">The free analysis tool <a href=\"https:\/\/wave.webaim.org\/\">WAVE<\/a> is operated by the WebAIM Institute at the University of Utah and is one of the best solutions for checking the accessibility of a website quickly and easily.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef30d12 elementor-widget elementor-widget-heading\" data-id=\"ef30d12\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Step_1_Call_up_WAVE\"><\/span>Step 1: Call up WAVE<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c5bd59 elementor-widget elementor-widget-text-editor\" data-id=\"8c5bd59\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">Visit the WAVE website and enter the URL of your website in the address field. Note that WAVE can only check individual pages. If your website consists of several subpages, you should test representative pages.  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02bfa4c elementor-widget elementor-widget-heading\" data-id=\"02bfa4c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Step_2_Understanding_analysis_results\"><\/span>Step 2: Understanding analysis results<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c440f20 e-grid e-con-full e-con e-child\" data-id=\"c440f20\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa066ae elementor-widget elementor-widget-text-editor\" data-id=\"fa066ae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 3 []\">After the analysis, WAVE displays different categories of results:<\/p><ul><li><strong>Errors:<\/strong> These are urgent to fix as they make it considerably more difficult or impossible to use your website. A common error is, for example, &#8220;empty links&#8221; that have no alternative texts. <\/li><\/ul><p> <\/p><ul><li><strong>Contrast errors (contrast errors):<\/strong> These affect the legibility of texts. WAVE points out places where the color contrast is not sufficient. If adjusting the contrast would compromise the corporate design, an alternative solution, such as contrast adjustment using third-party tools, may be useful.  <\/li><\/ul><p> <\/p><ul><li><strong>Alerts (warning notices):<\/strong> These indicate potential problems that you should check manually. One example is the notification that a video requires a transcription. <\/li><\/ul><p> <\/p><p> <\/p><p>Here you will find a list of errors, contrasting errors and warnings. These points are relevant for you. Features, structural elements and the accessible rich items (ARIA) are only displayed for the sake of completeness.  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e25a523 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"e25a523\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"698\" height=\"850\" src=\"https:\/\/leadpeak.me\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-05-um-07.15.22-png.webp\" class=\"attachment-full size-full wp-image-37937\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e496603 elementor-widget elementor-widget-heading\" data-id=\"e496603\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Step_3_Correct_the_error\"><\/span><br>Step 3: Correct the error<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32188e2 e-grid e-con-full e-con e-child\" data-id=\"32188e2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86026f3 elementor-widget elementor-widget-text-editor\" data-id=\"86026f3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li data-pm-slice=\"1 1 []\"><strong>Errors:<\/strong> The main task of accessibility is to keep your site &#8220;error-free&#8221;. These are clear malfunctions that are usually also problematic for healthy people or search engines. In the screenshot, for example, you can see &#8220;empty links&#8221; &#8211; links without alternative texts. Such errors often occur when anchor links are placed within the website. In our case, it is an arrow that scrolls down the page slightly when clicked. If you click on the error message, you can see what is wrong on your website. Fix this error by logging into your website and setting an alternative text under the link. Do the same with all errors.       <\/li><\/ul><p><br><br><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff40ca4 elementor-widget elementor-widget-image\" data-id=\"ff40ca4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"624\" height=\"812\" src=\"https:\/\/leadpeak.me\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-05-um-07.34.07-png.webp\" class=\"attachment-large size-large wp-image-37942\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccadbbe e-con-full e-flex e-con e-child\" data-id=\"ccadbbe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ef14d8 elementor-widget elementor-widget-text-editor\" data-id=\"1ef14d8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Contrast<\/strong> errors: Contrast errors are almost impossible to correct without third-party software. Maximum contrast is required for accessible websites. However, if your website is not to be designed in black and white, you may have to accept this error.  <\/li><\/ul><p><br>If you want to be on the safe side, you can use third-party software such as <a href=\"https:\/\/leadpeak.me\/en\/magazin\/accessibility-made-easy-with-the-digiaccess-software\/\">DigiAccess<\/a>, which allows restricted users to customize the contrast without having to change your corporate design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e3f145 e-grid e-con-full e-con e-child\" data-id=\"7e3f145\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f8a9ae elementor-widget elementor-widget-text-editor\" data-id=\"1f8a9ae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Alerts<\/strong> (warnings): Alerts are warnings that you should look at. Under the &#8220;i&#8221; symbol, you can see what the reason for the alert is. Not every alert is also an error. For example, the &#8220;HTML5 Video or Audio&#8221; alert indicates that video or audio content requires a transcript if it contains spoken words. If you already have the transcript or the video does not contain any audio components, you can ignore the alert.    <\/li><\/ul><p><br>We recommend that you go through all alerts and decide on a case-by-case basis which ones you want to process, ignore or include in the accessibility statement.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0655365 elementor-widget elementor-widget-image\" data-id=\"0655365\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"584\" height=\"714\" src=\"https:\/\/leadpeak.me\/wp-content\/uploads\/2025\/02\/Bildschirmfoto-2025-02-05-um-07.39.29-png.webp\" class=\"attachment-large size-large wp-image-37944\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cb0903 elementor-widget elementor-widget-heading\" data-id=\"0cb0903\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Step_4_Adapt_accessibility_statement\"><\/span><br>Step 4: Adapt accessibility statement<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90db475 elementor-widget elementor-widget-text-editor\" data-id=\"90db475\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">If certain adjustments are not possible for technical or design reasons, for example, if the contrast cannot be adjusted due to the corporate design, you should document this in an accessibility statement. In this way, you inform users transparently about existing restrictions and possible alternatives. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1316971 elementor-widget elementor-widget-heading\" data-id=\"1316971\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Conclusion_Test_and_improve_accessibility\"><\/span><br>Conclusion: Test and improve accessibility<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-919fa62 elementor-widget elementor-widget-text-editor\" data-id=\"919fa62\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">With WAVE, you can quickly and easily check how accessible your website is. Especially for smaller websites, the tool is an excellent solution for implementing initial measures without additional costs. Continuous optimization not only helps to meet legal requirements, but also makes your website more accessible for all users.  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Digital accessibility is becoming increasingly important &#8211; not only due to legal requirements such as the German Accessibility Improvement Act (BFSG), but also to enable an inclusive user experience. But how do you find out whether your website is accessible? There is a simple and free solution, especially for smaller websites: the WAVE tool. In [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":37970,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"Leadpeak GmbH - So testest du Deine Website auf Barrierefreiheit","_seopress_titles_desc":"Viele Unternehmen fragen sich, wie die Umsetzung der Barrierefreiheit aussieht. Wir empfehlen zu erst eine Pr\u00fcfung mit dem kostenlosen Tool WAVE.","_seopress_robots_index":"","footnotes":""},"categories":[40],"tags":[],"test":[],"class_list":["post-37964","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibility"],"acf":[],"_links":{"self":[{"href":"https:\/\/leadpeak.me\/en\/wp-json\/wp\/v2\/posts\/37964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leadpeak.me\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leadpeak.me\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leadpeak.me\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leadpeak.me\/en\/wp-json\/wp\/v2\/comments?post=37964"}],"version-history":[{"count":2,"href":"https:\/\/leadpeak.me\/en\/wp-json\/wp\/v2\/posts\/37964\/revisions"}],"predecessor-version":[{"id":38147,"href":"https:\/\/leadpeak.me\/en\/wp-json\/wp\/v2\/posts\/37964\/revisions\/38147"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/leadpeak.me\/en\/wp-json\/wp\/v2\/media\/37970"}],"wp:attachment":[{"href":"https:\/\/leadpeak.me\/en\/wp-json\/wp\/v2\/media?parent=37964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadpeak.me\/en\/wp-json\/wp\/v2\/categories?post=37964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadpeak.me\/en\/wp-json\/wp\/v2\/tags?post=37964"},{"taxonomy":"test","embeddable":true,"href":"https:\/\/leadpeak.me\/en\/wp-json\/wp\/v2\/test?post=37964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}