{"id":76035,"date":"2025-04-09T17:13:00","date_gmt":"2025-04-09T15:13:00","guid":{"rendered":"https:\/\/www.herold.at\/ratgeber\/?p=76035"},"modified":"2025-10-16T13:44:02","modified_gmt":"2025-10-16T11:44:02","slug":"barrierefreie-website","status":"publish","type":"post","link":"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/","title":{"rendered":"Barrierefreie Website: Das musst du beachten"},"content":{"rendered":"\n\n\n<p><strong>Eine barrierefreie Website erm\u00f6glicht Menschen mit Behinderung die gleichberechtige Teilnahme am gesellschaftlichen Leben. Daher gibt es nun auch ein neues Gesetz, das mit dem 28.06.25 in Kraft tritt. In diesem Beitrag erf\u00e4hrst du alles, was du f\u00fcr dein Unternehmen \u00fcber die digitale Barrierefreiheit wissen musst!<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\"><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_17 counter-hierarchy\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Inhaltsverzeichnis<\/p>\n<span class=\"ez-toc-title-toggle\"><a class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" style=\"display: none;\"><i class=\"ez-toc-glyphicon ez-toc-icon-toggle\"><\/i><\/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:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Das_Wichtigste_auf_einen_Blick\" title=\"Das Wichtigste auf einen Blick\">Das Wichtigste auf einen Blick<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Was_bedeutet_Barrierefreiheit_bei_Websites\" title=\"Was bedeutet Barrierefreiheit bei Websites?\">Was bedeutet Barrierefreiheit bei Websites?<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Warum_benoetige_ich_eine_barrierefreie_Website_fuer_mein_Unternehmen\" title=\"Warum ben\u00f6tige ich eine barrierefreie Website f\u00fcr mein Unternehmen?\">Warum ben\u00f6tige ich eine barrierefreie Website f\u00fcr mein Unternehmen?<\/a><ul class=\"ez-toc-list-level-3\"><li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#1_Du_erreichst_eine_groessere_Zielgruppe\" title=\"1. Du erreichst eine gr\u00f6\u00dfere Zielgruppe\">1. Du erreichst eine gr\u00f6\u00dfere Zielgruppe<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#2_Betroffene_werden_zu_loyaler_Kundschaft\" title=\"2. Betroffene werden zu loyaler Kundschaft\">2. Betroffene werden zu loyaler Kundschaft<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#3_Du_verbesserst_die_User_Experience_UX\" title=\"3. Du verbesserst die User Experience (UX)\">3. Du verbesserst die User Experience (UX)<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#4_Google_bevorzugt_deine_Website\" title=\"4. Google bevorzugt deine Website\">4. Google bevorzugt deine Website<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#5_Du_haeltst_gesetzliche_Vorgaben_ein\" title=\"5. Du h\u00e4ltst gesetzliche Vorgaben ein\">5. Du h\u00e4ltst gesetzliche Vorgaben ein<\/a><\/li><\/ul><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Ist_die_digitale_Barrierefreiheit_Pflicht\" title=\"Ist die digitale Barrierefreiheit Pflicht?\">Ist die digitale Barrierefreiheit Pflicht?<\/a><ul class=\"ez-toc-list-level-3\"><li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Was_passiert_bei_Nicht-Einhaltung\" title=\"Was passiert bei Nicht-Einhaltung?\">Was passiert bei Nicht-Einhaltung?<\/a><\/li><\/ul><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#4_Kriterien_fuer_eine_barrierefreie_Website\" title=\"4 Kriterien f\u00fcr eine barrierefreie Website\">4 Kriterien f\u00fcr eine barrierefreie Website<\/a><ul class=\"ez-toc-list-level-3\"><li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#1_Wahrnehmbarkeit\" title=\"1. Wahrnehmbarkeit\">1. Wahrnehmbarkeit<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#2_Bedienbarkeit\" title=\"2. Bedienbarkeit\">2. Bedienbarkeit<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#3_Verstaendlichkeit\" title=\"3. Verst\u00e4ndlichkeit\">3. Verst\u00e4ndlichkeit<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#4_Robustheit\" title=\"4. Robustheit\">4. Robustheit<\/a><\/li><\/ul><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Wichtige_Elemente_fuer_die_barrierefreie_Website\" title=\"Wichtige Elemente f\u00fcr die barrierefreie Website\">Wichtige Elemente f\u00fcr die barrierefreie Website<\/a><ul class=\"ez-toc-list-level-3\"><li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#1_Schrift_und_Kontraste\" title=\"1. Schrift und Kontraste\">1. Schrift und Kontraste<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#2_Alternativtexte\" title=\"2. Alternativtexte\">2. Alternativtexte<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#3_Bedienflaechen\" title=\"3. Bedienfl\u00e4chen\">3. Bedienfl\u00e4chen<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#4_Sprache\" title=\"4. Sprache\">4. Sprache<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#5_Struktur\" title=\"5. Struktur\">5. Struktur<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#6_Formulare\" title=\"6. Formulare\">6. Formulare<\/a><\/li><\/ul><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Mit_diesen_Tools_kannst_du_deine_Website_auf_Barrierefreiheit_testen\" title=\"Mit diesen Tools kannst du deine Website auf Barrierefreiheit testen\">Mit diesen Tools kannst du deine Website auf Barrierefreiheit testen<\/a><ul class=\"ez-toc-list-level-3\"><li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Allgemeine_Barrierefreiheit_von_Website_testen\" title=\"Allgemeine Barrierefreiheit von Website testen\">Allgemeine Barrierefreiheit von Website testen<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Kontrast_testen\" title=\"Kontrast testen\">Kontrast testen<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Sprachlevel_testen\" title=\"Sprachlevel testen\">Sprachlevel testen<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Screenreader\" title=\"Screenreader\">Screenreader<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Barrierefreiheit_von_PDFs_testen\" title=\"Barrierefreiheit von PDFs testen\">Barrierefreiheit von PDFs testen<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#BITV_Test_Barrierefreiheit_professionell_testen_lassen\" title=\"BITV Test: Barrierefreiheit professionell testen lassen\">BITV Test: Barrierefreiheit professionell testen lassen<\/a><\/li><\/ul><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/barrierefreie-website\/#Fazit\" title=\"Fazit\">Fazit<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Das_Wichtigste_auf_einen_Blick\"><\/span>Das Wichtigste auf einen Blick<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div id=\"block_border_block_34a8772f91f05161f0a4ae8a263a5a46\" class=\"container\"> \n\n<div class=\"block_highlight_wrapper flex_wrapper herold_gelb_border standard rem2\">\n\n<ul id=\"block-b84fdab6-146f-48bf-82ec-87e44bc5d001\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block is-selected wp-block-list rich-text\" tabindex=\"0\" role=\"group\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"Block: Liste\" data-block=\"b84fdab6-146f-48bf-82ec-87e44bc5d001\" data-type=\"core\/list\" data-title=\"Liste\">\n<li>Das Barrierefreiheitsgesetz (BaFG) tritt mit dem 28.06.25 in Kraft. Manchmal gibt es jedoch \u00dcbergangsfristen von 5 Jahren.<\/li>\n<li>In Deutschland tr\u00e4gt es den Namen Barrierefreiheitsst\u00e4rkungsgesetz (BFSG)<\/li>\n<li>Websites, Produkte &amp; Dienstleistungen m\u00fcssen ab dem Tag barrierefrei sein. Wir konzentrieren uns hier auf barrierefreie Websites<\/li>\n<li>Daf\u00fcr m\u00fcssen gewisse Kriterien erf\u00fcllt werden<\/li>\n<li>Es gibt Tools, mit denen Websites auf ihre Barrierefreiheit getestet werden k\u00f6nnen<\/li>\n<li>Das Gesetz gilt haupts\u00e4chlich f\u00fcr B2C-Unternehmen, reine B2B-Unternehmen sind ausgenommen<\/li>\n<li>Weitere Ausnahme: Kleinstunternehmer mit weniger als 10 Mitarbeiter:innen und einem Jahresumsatz von max. 2 Mio. Euro (sofern sie Dienstleistungen erbringen)<\/li>\n<\/ul>\n<\/div>\n\n<\/div>\n\n\n\n<p>Ausf\u00fchrliche Details findest du in diesem Artikel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Was_bedeutet_Barrierefreiheit_bei_Websites\"><\/span>Was bedeutet Barrierefreiheit bei Websites?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Der Ausgangspunkt beim Thema Barrierefreiheit von Websites ist folgende Tatsache: Es gibt unz\u00e4hlige Menschen, die beim Sehen, H\u00f6ren, Bewegen oder auch beim Denken gewisse <strong>Beeintr\u00e4chtigungen<\/strong> aufweisen, <strong>die ihnen die Nutzung des Internets erschweren<\/strong> oder eben unm\u00f6glich machen.<\/p>\n\n\n\n<p>Dies k\u00f6nnen dauerhafte Einschr\u00e4nkungen sein (z. B. Blindheit), aber auch tempor\u00e4re (z. B. gebrochener Arm).<\/p>\n\n\n\n<p>Genau an dieser Stelle kommt die <strong>digitale Barrierefreiheit<\/strong> ins Spiel. Hier geht es darum, die Perspektive derjenigen einzunehmen, die aufgrund k\u00f6rperlicher oder geistiger Beeintr\u00e4chtigungen nicht in der Lage sind, das konventionelle Internet mit dem dort \u00fcblichen Webdesign (z. B. kleine Buchstaben, viel schriftlicher Text, wenige h\u00f6rbare Elemente etc.) zu nutzen.<\/p>\n\n\n\n<p>Durch entsprechende Anpassungen, also ein barrierefreies Webdesign, werden H\u00fcrden weitestgehend minimiert, um m\u00f6glichst vielen Menschen den Zugang zur Website zu erm\u00f6glichen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Warum_benoetige_ich_eine_barrierefreie_Website_fuer_mein_Unternehmen\"><\/span>Warum ben\u00f6tige ich eine barrierefreie Website f\u00fcr mein Unternehmen?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Eine barrierefreie Website ist Ausdruck einer demokratischen, offenen sowie inklusiven Gesellschaft. Doch sie ist sehr wohl mehr als das. <\/p>\n\n\n\n<p>Auch <strong>aus betriebswirtschaftlicher Perspektive gibt es viele Vorteile<\/strong>, weshalb Unternehmen von der Barrierefreiheit ihrer Website bzw. den Barrierefreiheitsanforderungen eigentlich nur profitieren k\u00f6nnen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Du_erreichst_eine_groessere_Zielgruppe\"><\/span>1. Du erreichst eine gr\u00f6\u00dfere Zielgruppe<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Laut <a href=\"https:\/\/www.behindertenrat.at\/#:~:text=Der%20%C3%96sterreichische%20Behindertenrat&amp;text=Als%20Interessenvertretung%20f%C3%BCr%201%2C4,von%20Menschen%20mit%20Behinderungen%20ein.\" target=\"_blank\" rel=\"noreferrer noopener\">\u00d6sterreichischem Behindertenrat<\/a> leben in \u00d6sterreich ca. <strong>1,4 Millionen Menschen mit einer Behinderung<\/strong>. Bei vielen von ihnen f\u00fchrt die Beeintr\u00e4chtigung dazu, dass sie die digitalen Kommunikationsmedien nicht auf die \u00fcbliche Art nutzen k\u00f6nnen.<\/p>\n\n\n\n<p>So sind z. B. Menschen mit einer Sehschw\u00e4che auf Screenreader angewiesen, um Websites nutzen zu k\u00f6nnen. Und Menschen mit einer motorischen Beeintr\u00e4chtigung der H\u00e4nde ben\u00f6tigen die Sprachsteuerung, da sie z. B. ihr Smartphone nicht mit ihren H\u00e4nden nutzen zu k\u00f6nnen. <\/p>\n\n\n\n<p>Setzt du diese Ma\u00dfnahmen um, vergr\u00f6\u00dferst du deine potenzielle Zielgruppe somit um 1,4 Millionen \u00d6sterreicher:innen!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Betroffene_werden_zu_loyaler_Kundschaft\"><\/span>2. Betroffene werden zu loyaler Kundschaft<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Viele Menschen mit Beeintr\u00e4chtigung bleiben, wenn sie einen qualitativen Anbieter mit barrierefreiem Internetauftritt gefunden haben, diesem \u00fcber einen langen Zeitraum treu. <\/p>\n\n\n\n<p>Die Investition in eine Website, die f\u00fcr (fast) alle zug\u00e4nglich ist, ist folglich immer auch eine Investition in <strong>langj\u00e4hrige Gesch\u00e4ftsbeziehungen<\/strong> &#8211; und somit in loyale Kundschaft.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Du_verbesserst_die_User_Experience_UX\"><\/span>3. Du verbesserst die User Experience (UX)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Ein weiterer Vorteil des barrierefreien Webdesigns, der keineswegs untersch\u00e4tzt werden sollte: Die Barrierefreiheit von Websites f\u00fchrt ganz allgemein zu einer besseren Usability, also zu einer gr\u00f6\u00dferen Benutzerfreundlichkeit. <\/p>\n\n\n\n<p>Das liegt daran, dass Website <strong>f\u00fcr alle User angenehmer und somit leichter zu bedienen<\/strong> ist.<\/p>\n\n\n\n<p>Unabh\u00e4ngig davon, ob eine Beeintr\u00e4chtigung vorliegt oder nicht, wird die Benutzererfahrung aller User verbessert. Ein echte Win-win-Situation!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Google_bevorzugt_deine_Website\"><\/span>4. Google bevorzugt deine Website<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Dieser Punkt h\u00e4ngt mit dem vorherigen zusammen.<\/p>\n\n\n\n<p>Eine barrierefreie Website erh\u00e4lt zwar nicht allein durch ihre Barrierefreiheit ein besseres Ranking, doch sie verbessert die Benutzererfahrungen mit deiner Website. <\/p>\n\n\n\n<p>Das f\u00fchrt dazu, dass User l\u00e4nger auf deiner Website verweilen, sie h\u00e4ufiger besuchen und sie gegen\u00fcber Freunden und Bekannten weiterempfehlen. <\/p>\n\n\n\n<p>Und all dies wird sich in Summe tats\u00e4chlich positiv auf dein Google Ranking auswirken. Barrierefreiheit kann somit als <strong>indirekter <a title=\"Ausf\u00fchrlicher Beitrag zum Thema Google Ranking Faktoren | Herold\" href=\"https:\/\/www.herold.at\/ratgeber\/suchmaschinenoptimierung-seo\/google-ranking-faktoren\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Ranking Faktor<\/a><\/strong> gewertet werden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Du_haeltst_gesetzliche_Vorgaben_ein\"><\/span>5. Du h\u00e4ltst gesetzliche Vorgaben ein<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Mit dem 28.06.25 tritt nun das Barrierefreiheitsgesetz in Kraft. Gewisse Produkte und Dienstleistungen m\u00fcssen barrierefrei sein &#8211; und das gilt auch f\u00fcr Websites und Apps.<\/p>\n\n\n\n<p>Ausnahme: Wenn die Umstelllung eine unverh\u00e4ltnism\u00e4\u00dfige Belastung f\u00fcr die Firma darstellt, kann sich diese auf Ausnahmetatbest\u00e4nde berufen. Inwieweit diese unverh\u00e4ltnism\u00e4\u00dfige Belastung jedoch bei der Umstellung von Websites gegeben ist, ist fraglich.<\/p>\n\n\n<div id=\"block_cta_box-block_c341d6604a0f43b20a7664afd151007e\" class=\"container\">\n    <div class=\"herold_blog_cta_box\">\n        <div class=\"cta_box_text\">\n            Deine Website soll barrierefrei werden?        <\/div>\n                <div class=\"cta_box_button_wrapper\">\n            <div class=\"cta_box_button\"><a href=\"https:\/\/www.herold.at\/marketing\/kontakt\/?utm_source=herold_ratgeber&#038;utm_medium=cta1&#038;utm_campaign=b2b_contact&#038;utm_content=barrierefreie-website\" target=\"_blank\">Beraten lassen<\/a><\/div>\n        <\/div>\n            <\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ist_die_digitale_Barrierefreiheit_Pflicht\"><\/span>Ist die digitale Barrierefreiheit Pflicht?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Es kommt drauf an! <\/p>\n\n\n\n<p>Hier findest du einen \u00dcberblick, f\u00fcr welche Unternehmen das BaFG bzw. BFSG gilt:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_1_Herold-1.png\"><img decoding=\"async\" width=\"1120\" height=\"746\" src=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_1_Herold-1.png\" alt=\"\u00dcbersicht \u00fcber unterschiedliche Firmenarten und ihre Verpflichtung zu barrierefreien Websites.\" class=\"wp-image-136709\" srcset=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_1_Herold-1.png 1120w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_1_Herold-1-300x200.png 300w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_1_Herold-1-1024x682.png 1024w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_1_Herold-1-768x512.png 768w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_1_Herold-1-400x266.png 400w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" \/><\/a><figcaption class=\"wp-element-caption\">Diese Firmen brauchen barrierefreie Websites (nicht). Bild: \u00a9 Herold<\/figcaption><\/figure>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Kleinstunternehmer:innen mit weniger als 10 Mitarbeiter:innen und einem Jahresumsatz von max. 2 Mio. Euro sind ebenfalls nicht vom BaFG betroffen. Sie m\u00fcssen also auch ihre Website oder ihren Shop nicht barrierefrei machen.<br>Einzige Ausnahme: Wenn du als Kleinstunternehmer:in Produkte verkaufst, die unter das BaFG fallen, m\u00fcssen diese Produkte barrierefrei sein.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Was_passiert_bei_Nicht-Einhaltung\"><\/span>Was passiert bei Nicht-Einhaltung?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>F\u00fcr die \u00dcberpr\u00fcfung der Barrierefreiheit wird eine Markt\u00fcberwachungsbeh\u00f6rde eingerichtet, die auch die Kontrollen \u00fcbernimmt.<\/p>\n\n\n\n<p>Im Fall der Nicht-Einhaltung k\u00f6nnen Bu\u00dfgelder bis zu <strong>80.000 Euro<\/strong> f\u00e4llig werden.<\/p>\n\n\n<div id=\"block_border_block_7bb786d991dff4e2068123a266282003\" class=\"container\"> \n\n<div class=\"block_highlight_wrapper flex_wrapper herold_gelb standard rem2\">\n\n<p><strong>Wichtig zu wissen:<\/strong> Websites, die schon online sind, haben teilweise eine \u00dcbergangsfrist von 5 Jahren (bis Juni 2030). Alles, was du jedoch neu auf deine Seite stellst (neue Unterseite, neues Design, neue Funktionen) muss direkt barrierefrei sein.<\/p>\n<p>Und: Laut <a href=\"https:\/\/www.wko.at\/internetrecht\/barrierefreiheitsgesetz-e-commerce#heading__\" target=\"_blank\" rel=\"noopener\">WKO<\/a> gilt die \u00dcbergangsfrist beispielsweise f\u00fcr Webshops nicht.<\/p>\n<p>Lass dich hier am besten von deinem Anwalt bzw. deiner Anw\u00e4ltin beraten, um wirklich auf Nummer sicher zu gehen.<\/p>\n<\/div>\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Kriterien_fuer_eine_barrierefreie_Website\"><\/span>4 Kriterien f\u00fcr eine barrierefreie Website<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Nachdem du jetzt einen guten \u00dcberblick \u00fcber das Thema erhalten hast, ist eine Frage allerdings noch offen: <\/p>\n\n\n\n<p>Wie sieht <strong>Barrierefreiheit von Websites<\/strong> denn konkret aus? <\/p>\n\n\n\n<p>Deshalb stellen wir dir nun die <strong>4<\/strong> <strong>Prinzipien der Barrierefreiheit<\/strong> vor und zeigen dir anhand der entscheidenden Website-Elemente, was Barrierefreiheit bei Websites ganz konkret bedeutet:<\/p>\n\n\n<div id=\"block_border_block_c90a27c004a7e415bcd0c409cf2341bb\" class=\"container\"> \n\n<div class=\"block_highlight_wrapper flex_wrapper herold_gelb_border standard rem2\">\n\n<ul>\n<li>Wahrnehmbarkeit<\/li>\n<li>Bedienbarkeit<\/li>\n<li>Verst\u00e4ndlichkeit<\/li>\n<li>Robustheit<\/li>\n<\/ul>\n<\/div>\n\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Wahrnehmbarkeit\"><\/span>1. Wahrnehmbarkeit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Alle Informationen sowie Elemente der Benutzeroberfl\u00e4che m\u00fcssen so gestaltet sein, dass sie ohne Probleme wahrgenommen werden k\u00f6nnen. <\/p>\n\n\n\n<p>Folgendes kann damit gemeint sein:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Alternative Texte in einfacher Sprache<\/li>\n\n\n\n<li>Untertitel<\/li>\n\n\n\n<li>Beschreibungen von Videos<\/li>\n\n\n\n<li>Farbauswahl<\/li>\n\n\n\n<li>Kontraste<\/li>\n\n\n\n<li>Verstellbare Gr\u00f6\u00dfen<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Bedienbarkeit\"><\/span>2. Bedienbarkeit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Alle Elemente, also z. B. Buttons, aber auch die Navigationsleiste, m\u00fcssen so gestaltet sein, dass sie von m\u00f6glichst vielen Menschen bedient werden k\u00f6nnen. <\/p>\n\n\n\n<p>Konkret kann dies bedeuten:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bedienbarkeit mittels Tastatur<\/li>\n\n\n\n<li>ausreichend Zeit f\u00fcr die Bedienung<\/li>\n\n\n\n<li>kein Flackern und keine Blitze<\/li>\n\n\n\n<li>Reihenfolge nach Fokus<\/li>\n\n\n\n<li>Skiplinks<\/li>\n\n\n\n<li>\u00dcberspringen von Inhalten<\/li>\n\n\n\n<li>Auszeichnung der \u00dcberschrift durch H1, H2, H3 etc. (nicht nur Fetten der Textstellen)<\/li>\n\n\n\n<li>passende Reihenfolge der \u00dcberschriften<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Verstaendlichkeit\"><\/span>3. Verst\u00e4ndlichkeit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Sowohl die Informationen als auch die Bedienung der Website m\u00fcssen so konzipiert sein, dass sie f\u00fcr m\u00f6glichst viele User verst\u00e4ndlich sind. <\/p>\n\n\n\n<p>Folgende Faktoren tragen unter anderen dazu bei:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>einfache Lesbarkeit<\/li>\n\n\n\n<li>koh\u00e4rente Navigation<\/li>\n\n\n\n<li>Fehlererkennung<\/li>\n\n\n\n<li>Eingabehilfe<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Robustheit\"><\/span>4. Robustheit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Unter einer robusten Website k\u00f6nnen sich die wenigsten etwas vorstellen. Gemeint ist damit, dass der Internetauftritt so beschaffen ist, dass auch verschiedene Hilfetools sie interpretieren k\u00f6nnen. <\/p>\n\n\n\n<p>Dazu z\u00e4hlen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Vergr\u00f6\u00dferungssoftware<\/li>\n\n\n\n<li>Screenreader (Software, die stimmlich erkl\u00e4rt, was auf dem Bildschirm zu sehen bzw. lesen ist)<\/li>\n\n\n\n<li>Braillezeile (Tastatur mit Blindenschrift)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2022\/06\/Die-barrierefreie-Website-Content-Bild-2.jpg\"><img decoding=\"async\" width=\"1120\" height=\"630\" src=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2022\/06\/Die-barrierefreie-Website-Content-Bild-2.jpg\" alt=\"Frau, die eine Braille-Tastatur bedient.\" class=\"wp-image-77445\" srcset=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2022\/06\/Die-barrierefreie-Website-Content-Bild-2.jpg 1120w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2022\/06\/Die-barrierefreie-Website-Content-Bild-2-300x169.jpg 300w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2022\/06\/Die-barrierefreie-Website-Content-Bild-2-1024x576.jpg 1024w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2022\/06\/Die-barrierefreie-Website-Content-Bild-2-768x432.jpg 768w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2022\/06\/Die-barrierefreie-Website-Content-Bild-2-400x225.jpg 400w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" \/><\/a><figcaption class=\"wp-element-caption\">Die Braillezeile erm\u00f6glicht Menschen mit Sehbehinderung die Nutzung der Tastatur. Bild: \u00a9&nbsp;Adobe Stock<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Wichtige_Elemente_fuer_die_barrierefreie_Website\"><\/span>Wichtige Elemente f\u00fcr die barrierefreie Website<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Du fragst dich nun, welche Elemente einer Website dar\u00fcber entscheiden, ob ein Web-Auftritt auch f\u00fcr Menschen mit (unterschiedlichsten) Beeintr\u00e4chtigungen zug\u00e4nglich ist oder nicht? <\/p>\n\n\n\n<p>Im Gro\u00dfen und Ganzen lassen sich <strong>6 Bereiche<\/strong> identifizieren, die sich allesamt auf die Barrierefreiheit deiner Website auswirken:<\/p>\n\n\n<div id=\"block_border_block_553c90b70a525b47c8c7e695c089ab42\" class=\"container\"> \n\n<div class=\"block_highlight_wrapper flex_wrapper herold_gelb_border standard rem2\">\n\n<ul id=\"block-3e40169b-1f78-4d01-bc0e-ded4f5000c86\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block is-selected wp-block-list rich-text\" tabindex=\"0\" role=\"group\" contenteditable=\"true\" aria-multiline=\"true\" aria-label=\"Block: Liste\" data-block=\"3e40169b-1f78-4d01-bc0e-ded4f5000c86\" data-type=\"core\/list\" data-title=\"Liste\">\n<li>Schrift und Kontraste<\/li>\n<li>Bildtexte<\/li>\n<li>Bedienfl\u00e4che<\/li>\n<li>Sprache<\/li>\n<li>Formulare<\/li>\n<li>Struktur<\/li>\n<\/ul>\n<\/div>\n\n<\/div>\n\n\n\n<p>Wie genau deine Website in diesen Bereichen gestaltet sein sollte, um barrierefrei zu sein, stellen wir dir hier nun in K\u00fcrze vor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Schrift_und_Kontraste\"><\/span>1. Schrift und Kontraste<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Damit ein Text gut lesbar ist, sollte zwischen der Farbe im Vordergrund (also die Farbe des Buchstaben) und dem Hintergrund ein <strong>ausreichend gro\u00dfer Kontrast<\/strong> bestehen. <\/p>\n\n\n\n<p>Dies ist umso wichtiger, je kleiner die Schriftgr\u00f6\u00dfe ist. Auch sollten <strong>Farbfehlsichtigkeiten<\/strong>, wie z. B. die weit verbreitete Rot-Gr\u00fcn-Schw\u00e4che, ber\u00fccksichtigt werden. <\/p>\n\n\n\n<p>Starke Kontraste haben dar\u00fcber hinaus den Vorteil, dass man bei mobilen Versionen die Inhalte der Website auch drau\u00dfen bei Sonneneinstrahlung gut erkennen kann.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_3_Herold.png\"><img decoding=\"async\" width=\"1120\" height=\"746\" src=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_3_Herold.png\" alt=\"Gegen\u00fcberstellung eines Textes, der einmal genug Kontrast zum Hintergrund hat und einmal zu wenig.\" class=\"wp-image-136664\" srcset=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_3_Herold.png 1120w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_3_Herold-300x200.png 300w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_3_Herold-1024x682.png 1024w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_3_Herold-768x512.png 768w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_3_Herold-400x266.png 400w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" \/><\/a><figcaption class=\"wp-element-caption\">Hier siehst du sehr deutlich, wie viel Kontraste ausmachen. Bild: \u00a9 Herold<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Alternativtexte\"><\/span>2. Alternativtexte<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Vor allem f\u00fcr blinde Menschen ist es wichtig, dass es zu allen Bildern, die sich auf einer Website befinden, sogenannte <strong>Alt-Texte<\/strong> (=Alternativtexte) gibt. <\/p>\n\n\n\n<p><strong>Screenreader<\/strong>, also Vorlese-Anwendungen, lesen diese Bildbeschreibungen vor, damit auch diejenigen, die nicht (oder nur wenig) sehen k\u00f6nnen, eine Vorstellung davon bekommen, was auf den Bildern zu sehen ist. <\/p>\n\n\n\n<p>Auch f\u00fcr <strong>Suchmaschinen<\/strong> wie Google haben die Bildtextierungen eine Bedeutung, insbesondere bei der Bildsuche. Oder wenn Bilder einmal aus technischen gr\u00fcnden nicht geladen werden k\u00f6nnen. In einem solchen Fall werden anstelle des Fotos ganz einfach die Alternativtexte ausgespielt<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_4_Herold.png\"><img decoding=\"async\" width=\"1120\" height=\"585\" src=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_4_Herold.png\" alt=\"Ein Bild, das nicht angezeigt wird. Einmal mit ALT-Tag und einmal ohne.\" class=\"wp-image-136667\" srcset=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_4_Herold.png 1120w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_4_Herold-300x157.png 300w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_4_Herold-1024x535.png 1024w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_4_Herold-768x401.png 768w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_4_Herold-400x209.png 400w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" \/><\/a><figcaption class=\"wp-element-caption\">Der Alt-Tag hilft, wenn Bilder nicht angezeigt werden. Bild: \u00a9 Herold<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Bedienflaechen\"><\/span>3. Bedienfl\u00e4chen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Es gibt User, die Probleme haben,<strong> <\/strong>Links oder sonstige Schaltfl\u00e4chen anzuklicken, da die zu ber\u00fchrende Fl\u00e4che zu klein ist. <\/p>\n\n\n\n<p>Denn \u00fcblicherweise sind diese <strong>klickbaren Kontaktpunkte<\/strong> daf\u00fcr konzipiert, mit dem (recht kleinen) Mauszeiger angeklickt zu werden. Und was mit einer Maus gut funktioniert, muss beim Bedienen mit dem Fingern nicht mehr unbedingt funktionieren. <\/p>\n\n\n\n<p>Die Bedienung mit dem Finger auf dem Smartphone oder dem Tablet kann so schnell zu einer un\u00fcberwindbaren H\u00fcrde werden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_5_Herold.png\"><img decoding=\"async\" width=\"1120\" height=\"746\" src=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_5_Herold.png\" alt=\"Links eine Seite mit zu kleinem CTA, rechts eine barrierefreie Website mit ausreichend gro\u00dfem CTA.\" class=\"wp-image-136670\" srcset=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_5_Herold.png 1120w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_5_Herold-300x200.png 300w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_5_Herold-1024x682.png 1024w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_5_Herold-768x512.png 768w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_5_Herold-400x266.png 400w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" \/><\/a><figcaption class=\"wp-element-caption\">Der rechte CTA l\u00e4sst sich besser klicken. Bild: \u00a9 Herold<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Sprache\"><\/span>4. Sprache<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Barrierefreiheit ist keineswegs nur eine Frage des Designs oder der Technik. Auch durch die Wahl einer angemessenen Sprache wird eine Website barrierefrei. <\/p>\n\n\n\n<p>Prinzipiell solltest du also versuchen, eine<strong> leicht verst\u00e4ndliche Sprache<\/strong> zu benutzen, da du so mehr Menschen erreichst. Die goldene Regel lautet hier: <\/p>\n\n\n\n<p>Einfache Satzstruktur, kurze S\u00e4tze und m\u00f6glichst wenig Fremdw\u00f6rter. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Struktur\"><\/span>5. Struktur<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Jede Website besteht immer aus verschiedenen <strong>Elementen, die die Website in ihrem Aufbau strukturieren<\/strong>. <\/p>\n\n\n\n<p>Zu solchen Struktur-Elementen (auch Bl\u00f6cke genannt) z\u00e4hlen unter anderem der Block f\u00fcr die Navigation oder auch der Block, der den eigentlichen Inhalt der Seite umfasst. <\/p>\n\n\n\n<p>In Letzterem befinden sich \u00dcberschriften, verschiedene Flie\u00dftexte oder auch Listen. All diese Strukturen sind mit sogenannten semantischen Auszeichnungen versehen. <\/p>\n\n\n\n<p>Ziel einer solchen Auszeichnung ist es, dass auch sehbehinderte Menschen bzw. solche mit einer Sehschw\u00e4che sich auf der Seite zurechtfinden k\u00f6nnen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_6_Herold.png\"><img decoding=\"async\" width=\"1120\" height=\"746\" src=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_6_Herold.png\" alt=\"Links: Website-Text ohne Strukturierung, rechts: Website-Text, der gut strukturiert ist.\" class=\"wp-image-136673\" srcset=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_6_Herold.png 1120w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_6_Herold-300x200.png 300w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_6_Herold-1024x682.png 1024w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_6_Herold-768x512.png 768w, https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/04\/Barrierefreie-Website_Content_6_Herold-400x266.png 400w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" \/><\/a><figcaption class=\"wp-element-caption\">Strukturen helfen jedem, Inhalte besser aufzunehmen. Bild: \u00a9 Herold<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"6_Formulare\"><\/span>6. Formulare<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Ein nicht weniger wichtiges Thema sind die sogenannten Formulare, also die <strong>Eingabefelder<\/strong>, \u00fcber die Website-User z. B. mit dir in Kontakt treten oder eine Online-Bestellung aufgeben k\u00f6nnen. <\/p>\n\n\n\n<p>Ob deine Formulare barrierefrei sind, kannst du testen, indem du du die Beschriftung der Felder anklickst (z. B. das Wort &#8222;Stra\u00dfe&#8220; oder &#8222;Nachname&#8220;). <\/p>\n\n\n\n<p>Sollte der Cursor (= Mauszeiger) direkt in das Eingabefeld springen, hat das jeweilige Feld das ben\u00f6tigte Label (= Kennzeichnung) f\u00fcr die Eingabe und kann dementsprechend als barrierefrei eingestuft werden.<\/p>\n\n\n\n<style>\n.bgt{\n  background: #F4F4F4;\n  border-radius: 10px;\n  margin:50px 0;\n  padding:0 40px;\n}\n.bgt picture{\n  margin:-20px 0\n}\n.bgt .btn{\n  font-size:12px;\n  padding:12px 30px;\n  min-width: max-content;\n}\n.bgt .row .col:last-child{\n  justify-content: flex-end\n}\n@media (max-width:600px){\n  .bgt picture{\n    margin: 0\n  }\n  .bgt{\n    padding:30px 20px\n  }\n  .bgt .col{\n    text-align: center;\n    justify-content: center\n  }\n  .bgt .row .col:last-child{\n    justify-content: center;\n  } \n}\n<\/style>\n\n<div class=\"bgt\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.herold.at\/ratgeber\/wp-content\/uploads\/2025\/09\/Whitepaper_Mockup_gated_barrierefreie-Website.png\" alt=\"\" \/>\n                            <\/div>\n            <div class=\"col\"><p>Gratis Leitfaden<br \/>\n<strong>Rundum-Infos zur Barrierefreiheit\u00a0<\/strong><\/p>\n<\/div>\n            <div class=\"col\">\n                                    <a class=\"btn btn-primary\" href=\"https:\/\/www.herold.at\/marketing\/downloads\/barrierefreie-websites\/?utm_source=herold_ratgeber&#038;utm_medium=banner&#038;utm_campaign=gated_barrierefreiheit&#038;utm_content=barrierefreie-website\" target=\"_blank\">Zum Download<\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mit_diesen_Tools_kannst_du_deine_Website_auf_Barrierefreiheit_testen\"><\/span>Mit diesen Tools kannst du deine Website auf Barrierefreiheit testen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Du hast bereits eine eigene Website und m\u00f6chtest gern wissen, wie es um die Barrierefreiheit deiner Website bestellt ist? <\/p>\n\n\n\n<p>Genau f\u00fcr diesen Fall gibt es verschiedene Online-Anwendungen, die du kostenfrei nutzen kannst. <\/p>\n\n\n\n<p>Wir stellen dir die hilfreichsten Tools vor, mit denen du deiner <a title=\"Tipps mit denen man die Website verbessern kann | Herold - Autor: Dominik Knapp\" href=\"https:\/\/www.herold.at\/ratgeber\/website-erstellen\/website-verbessern\/\" target=\"_blank\" rel=\"noreferrer noopener\">Website verbessern<\/a> kannst.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Allgemeine_Barrierefreiheit_von_Website_testen\"><\/span>Allgemeine Barrierefreiheit von Website testen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Mit dem <a title=\"Tool um Barrierefreiheit der Website zu testen | WAVE\" href=\"https:\/\/wave.webaim.org\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WAVE<\/strong><\/a> Web Accessibility Evaluation Tool kannst du deine Website auf Herz und Niere pr\u00fcfen bzw. auf <strong>Barrierefreiheit testen<\/strong>. <\/p>\n\n\n\n<p>Nachdem du dort auf der Startseite die Domain (= Internetadresse) deiner Website eingetippt hast, erh\u00e4ltst du eine detaillierte, aber dennoch \u00fcbersichtliche Auswertung deiner Website. <\/p>\n\n\n\n<p>An allen kritischen Punkten deiner Website, werden kleine Icons angezeigt, die dir Feedback dar\u00fcber geben, ob das jeweilige Element so passt oder was genau du \u00e4ndern musst, um an dieser Stelle Barrierefreiheit herzustellen.<\/p>\n\n\n\n<p>\u00c4hnlich funktionieren auch <a href=\"https:\/\/chromewebstore.google.com\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk?hl=de\" target=\"_blank\" rel=\"noreferrer noopener\">Lighthouse<\/a> oder <a href=\"https:\/\/www.siteimprove.com\/de\/platform\/accessibility\/\" target=\"_blank\" rel=\"noreferrer noopener\">Siteimprove<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Kontrast_testen\"><\/span>Kontrast testen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Ob dein Internetauftritt \u00fcber ausreichend starke Kontraste verf\u00fcgt, kannst du mit dem kostenlosen <a title=\"Tool um die Kontraste deiner Website zu \u00fcberpr\u00fcfen | Contrast Checker\" href=\"https:\/\/contrastchecker.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Contrast Checker<\/strong><\/a> \u00fcberpr\u00fcfen.<\/p>\n\n\n\n<p>Dort hast du die M\u00f6glichkeit, eine Vordergrundfarbe mit der jeweiligen Hintergrundfarben abzugleichen, um zu schauen, ob zwischen beiden Farben ein angemessener Kontrast entsteht. <\/p>\n\n\n\n<p>Auch kannst du dort Bilder hochladen, die dann automatisch auf Kontrast gepr\u00fcft werden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Sprachlevel_testen\"><\/span>Sprachlevel testen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Mit dem <a href=\"https:\/\/languagetool.org\/de\" target=\"_blank\" rel=\"noreferrer noopener\">Language Tool<\/a> kannst du testen, ob die von dir verwendete Sprache einfach zu verstehen ist.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Screenreader\"><\/span>Screenreader<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Kann deine Website von Screenreadern ausgelesen werden? Diese Frage beantwortet dir das <a href=\"https:\/\/www.nvaccess.org\/download\/\" target=\"_blank\" rel=\"noreferrer noopener\">NVDA<\/a> Tool.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Barrierefreiheit_von_PDFs_testen\"><\/span>Barrierefreiheit von PDFs testen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Auch die Dokumente, die du den Usern auf deiner Website bereitstellst, m\u00fcssen barrierefrei sein. <\/p>\n\n\n\n<p>Denn was bringt eine barrierefreie Website, auf der man zwar mithilfe von Assistenz-Technologien (z. B. Screenreadern) problemlos bis zu einem Dokument navigiert, der Screenreader dieses dann aber nicht entschl\u00fcsseln kann?<\/p>\n\n\n\n<p>Mit dem <a title=\"Tool um die Barrierefreihet von PDF-Dateien zu \u00fcberpr\u00fcfen | PDF Acessibility Checker\" href=\"https:\/\/pdfua.foundation\/de\/pdf-accessibility-checker-pac\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>PDF Accessibility Checker<\/strong><\/a> (PAC) kannst du deine PDF-Dokumente ganz einfach auf Barrierefreiheit pr\u00fcfen. Dort erh\u00e4ltst du sofort eine Auswertung mit entsprechenden Verbesserungsvorschl\u00e4gen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"BITV_Test_Barrierefreiheit_professionell_testen_lassen\"><\/span>BITV Test: Barrierefreiheit professionell testen lassen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Wer sicherstellen will, dass die eigene Website wirklich in allen wichtigen Punkten barrierefrei ist, kann den offiziellen <strong><a title=\"Test um die Barrierefreiheit von Webanwendungen zu testen | BITV Test\" href=\"https:\/\/www.bitvtest.de\/bitv_test.html\" target=\"_blank\" rel=\"noreferrer noopener\">BITV Test<\/a><\/strong> durchf\u00fchren lassen. <\/p>\n\n\n\n<p>Hierbei handelt es sich um ein offizielles Verfahren zur \u00dcberpr\u00fcfung der Barrierefreiheit von Webanwendungen. <\/p>\n\n\n\n<p>Der Test ist zugegebenerma\u00dfen  nicht gerade kosteng\u00fcnstig, doch Websites, die den Test erfolgreich bestehen, erhalten ein offizielles Zertifikat, welches best\u00e4tigt, dass die Website gem\u00e4\u00df deutscher BITV (Barrierefreie-Informationstechnik-Verordnung) als barrierefrei gilt. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Fazit\"><\/span>Fazit<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Durch eine barrierefreie Firmenwebsite erm\u00f6glichst du Menschen mit einer Behinderung die Teilnahme am digitalen gesellschaftlichen Leben. Aber auch du als Unternehmer:in profitierst davon ungemein. <\/p>\n\n\n\n<p>Du erreichst nicht nur eine gr\u00f6\u00dfere Zielgruppe, sondern betroffene Konsument:innen werden oft auch zu loyaler Kundschaft. <\/p>\n\n\n\n<p>Dar\u00fcber hinaus verbessert die Barrierefreiheit deiner Website tats\u00e4chlich auch die Nutzererfahrung aller User. Das bringt dir einen Vorteil bei Google-Suchen und verhindert nicht zuletzt, dass du mit dem Gesetz in Konflikt ger\u00e4tst. <\/p>\n\n\n\n<p>Eine barrierefreie Website ist somit allen Unternehmen zu empfehlen.<\/p>\n\n\n<div id=\"block_cta_box-block_eba5f5b2107554bf6094de7b148a8ab6\" class=\"container\">\n    <div class=\"herold_blog_cta_box\">\n        <div class=\"cta_box_text\">\n            Du willst eine barrierefreie Firmenwebsite?        <\/div>\n                <div class=\"cta_box_button_wrapper\">\n            <div class=\"cta_box_button\"><a href=\"https:\/\/www.herold.at\/marketing\/websites\/?utm_source=herold_ratgeber&#038;utm_medium=cta2&#038;utm_campaign=herold_website_lp&#038;utm_content=barrierefreie-website\" target=\"_blank\">Mehr Infos zu Websites<\/a><\/div>\n        <\/div>\n            <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column blog_sidebar is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:15%\"><p>[shariff]<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<div id=\"content-right_column_post-block_57c0f8678ee18c503fa34f2925f0662f\" class=\"flex_wrapper right_column_post \">\n    <div class=\"autorbox-new\" itemscope itemtype=\"https:\/\/schema.org\/Person\">\n        \n        <div>\n            <p class=\"right_author_name\" itemprop=\"name\"><\/p>\n            <meta itemprop=\"jobTitle\" content=\"\">\n            <p class=\"right_author_role\"><\/p>\n\n                    <\/div>\n    <\/div>\n\n    <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Eine barrierefreie Website erm\u00f6glicht Menschen mit Behinderung die gleichberechtige Teilnahme am gesellschaftlichen Leben. Daher gibt es nun auch ein neues Gesetz, das mit dem 28.06.25 in Kraft tritt. In diesem Beitrag erf\u00e4hrst du alles, was du f\u00fcr dein Unternehmen \u00fcber die digitale Barrierefreiheit wissen musst! Das Wichtigste auf einen Blick Inhaltsverzeichnis Das Wichtigste auf einen [&hellip;]<\/p>\n","protected":false},"author":44,"featured_media":136535,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"tags":[],"content_art":[],"class_list":["post-76035","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-erstellen"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/posts\/76035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/comments?post=76035"}],"version-history":[{"count":212,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/posts\/76035\/revisions"}],"predecessor-version":[{"id":147086,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/posts\/76035\/revisions\/147086"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/media\/136535"}],"wp:attachment":[{"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/media?parent=76035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/categories?post=76035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/tags?post=76035"},{"taxonomy":"content_art","embeddable":true,"href":"https:\/\/www.herold.at\/ratgeber\/wp-json\/wp\/v2\/content_art?post=76035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}