{"id":7079,"date":"2024-10-29T18:50:00","date_gmt":"2024-10-29T17:50:00","guid":{"rendered":"https:\/\/tatjanakruck.de\/?p=7079"},"modified":"2026-04-21T14:34:25","modified_gmt":"2026-04-21T12:34:25","slug":"barrierefreie-website-checkliste-wordpress","status":"publish","type":"post","link":"https:\/\/tatjanakruck.de\/kampagne\/barrierefreie-website-checkliste-wordpress\/","title":{"rendered":"Barrierefreie Website leicht gemacht: Deine Checkliste f\u00fcr WordPress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7079\" class=\"elementor elementor-7079\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f9135f5 e-flex e-con-boxed e-con e-parent\" data-id=\"7f9135f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaacbca elementor-widget elementor-widget-text-editor\" data-id=\"aaacbca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Eine <strong>barrierefreie Website<\/strong> stellt sicher, dass deine Inhalte f\u00fcr alle Menschen zug\u00e4nglich sind \u2013 unabh\u00e4ngig davon, ob sie Einschr\u00e4nkungen beim Sehen, H\u00f6ren oder in der Mobilit\u00e4t haben. Schon seit 2019 sind \u00f6ffentliche Institutionen zur Barrierefreiheit auf ihren Websites gesetzlich verpflichtet. Ab Ende Juni 2025 wird die Verpflichtung auch auf die privaten Unternehmen erweitert. In diesem Beitrag zeige ich dir Schritt f\u00fcr Schritt, wie du deine WordPress-Website barrierefrei machst \u2013 mit einer leicht umsetzbaren Checkliste.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-930784f elementor-widget elementor-widget-heading\" data-id=\"930784f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Was bedeutet eine barrierefreie Website?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-645871d elementor-widget elementor-widget-text-editor\" data-id=\"645871d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Eine <strong>barrierefreie Website<\/strong> bedeutet, dass jeder Mensch, unabh\u00e4ngig von k\u00f6rperlichen Einschr\u00e4nkungen oder technischen Gegebenheiten, deine Seite problemlos nutzen kann. Die <strong><a href=\"https:\/\/outline-rocks.github.io\/wcag\/translations\/WCAG21-de\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web Content Accessibility Guidelines<\/a> (WCAG)<\/strong> geben klare Richtlinien vor, wie Websites barrierefrei gestaltet werden sollten:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33aebba elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"33aebba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Wahrnehmbar<\/strong> (Perceivable): Alle Inhaltedeiner Website sollten so gestaltet sein, dass sie f\u00fcr alle Nutzer gut erkennbar sind. Dazu geh\u00f6ren z. B. alternative Texte f\u00fcr Bilder, Transkriptionen f\u00fcr Audioinhalte sowie klare Beschriftungen und Fehlermeldungen. Es sollte auch m\u00f6glich sein, Texte in verschiedenen Gr\u00f6\u00dfen und Farben anzupassen, damit jeder sie gut lesen kann.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Bedienbarkeit<\/strong> (Operable): Egal, wie Besucher mit deiner Website interagieren \u2013 alle Inhalte und Formularfelder m\u00fcssen problemlos bedienbar sein. Das bedeutet, dass die Navigation auch nur mit der Tastatur funktionieren muss oder ausreichend Zeit f\u00fcr interaktive Elemente vorhanden sein sollte.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Verst\u00e4ndlich<\/strong> (Understandable): Formulare auf deiner Website sollten einfach und klar aufgebaut sein, damit jeder sie versteht. Achte darauf, dass das Design der Elemente konsistent, Formulierungen klar und Interaktionen vorhersehbar sind.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Robust<\/strong> (Robust): Deine Seite sollte auf allen Plattformen und Ger\u00e4ten korrekt funktionieren. Das bedeutet, dass sie so gestaltet sein mussen, dass sie von allen Browsern und Ger\u00e4ten fehlerfrei interpretiert werden kann. So k\u00f6nnen auch technische Hilfsmittel, wie Screenreader, die Formulare richtig verstehen.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e248a37 elementor-widget elementor-widget-heading\" data-id=\"e248a37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Barrierefreiheitsst\u00e4rkungsgesetz 2025<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5096da elementor-widget elementor-widget-text-editor\" data-id=\"c5096da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Das <a href=\"https:\/\/www.ihk-muenchen.de\/ratgeber\/recht\/werbung-fairer-wettbewerb\/barrierefreiheitsstaerkungsgesetz\/\" target=\"_blank\" rel=\"noreferrer noopener\">Barrierefreiheitsst\u00e4rkungsgesetz 2025<\/a> ist ein wichtiger Schritt, um digitale Barrierefreiheit in Deutschland voranzubringen. Es verpflichtet Unternehmen und \u00f6ffentliche Stellen, ihre Websites und mobilen Anwendungen f\u00fcr alle zug\u00e4nglich zu machen. Das Ziel ist, dass Menschen mit Behinderungen die gleichen digitalen Angebote nutzen k\u00f6nnen wie alle anderen.<\/p><p>Dieses Gesetz basiert auf der <strong>EU-Richtlinie 2016\/2102<\/strong>, die europaweit einheitliche Standards f\u00fcr barrierefreie Websites vorschreibt. Seitdem sind vor allem \u00f6ffentliche Einrichtungen verpflichtet, ihre Seiten entsprechend anzupassen. Ab 28. Juni 2025 m\u00fcssen jedoch auch private Unternehmen mit bestimmten Produkten oder Dienstleistungen im <strong>elektronischen Gesch\u00e4ftsverkehr<\/strong> sicherstellen, dass deine digitalen Angebote barrierefrei sind.<\/p><p>Die Pflicht zur Barrierefreiheit entf\u00e4llt, nur wenn du:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1a15d5 elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"b1a15d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">weniger als 10 Personen besch\u00e4ftigst <strong>UND<\/strong><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">einen Jahresumsatz von h\u00f6chstens 2 Millionen Euro <strong>oder<\/strong> eine Bilanzsumme von h\u00f6chstens 2 Millionen Euro hast.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3210325 elementor-widget elementor-widget-heading\" data-id=\"3210325\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vorteile einer barrierefreien Website<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1c85f4 elementor-widget elementor-widget-text-editor\" data-id=\"b1c85f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Wenn du Selbstst\u00e4ndiger oder Unternehmer bist und eine Website betreibst, ist es wichtig, die Anforderungen des Barrierefreiheitst\u00e4rkungsgesetzes zu kennen und umzusetzen. Eine barrierefreie Website hilft dir nicht nur, rechtliche Risiken zu vermeiden sie bringt weitere entscheidende Vorteile:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83b7660 elementor-widget__width-initial elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"83b7660\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Erh\u00f6hte Reichweite:<\/strong> Du erreichst mehr Menschen, da die Seite f\u00fcr alle Nutzer zug\u00e4nglich ist.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Bessere Benutzererfahrung:<\/strong> Eine nutzerfreundliche Website sorgt daf\u00fcr, dass Besucher l\u00e4nger bleiben und gerne zur\u00fcckkommen. Beides sind positive Nutzersignale, die deine Suchmaschinenrankings verbessern k\u00f6nnen.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><strong>Wettbewerbsvorteil:<\/strong> Machst du deine Websitejetzt schon barrierefrei, obwohl du (noch) nicht zu den Pflichtunternehmen geh\u00f6rst, hast du Vorteile gg\u00fc. deinen Wettbewerbern.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99e6a45 elementor-widget elementor-widget-image\" data-id=\"99e6a45\" data-element_type=\"widget\" data-e-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=\"780\" height=\"350\" src=\"https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/gruende-fuer-barrierefreie-website.png\" class=\"attachment-full size-full wp-image-7118\" alt=\"Gr\u00fcnde f\u00fcr barrierefreie Website: Gesetzliche Vorschriften, Gr\u00f6\u00dfere Zielgruppe, bessere Benutzererfahrung, positive Ranking-Signale, gesellschaftliche Verantwortung\" srcset=\"https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/gruende-fuer-barrierefreie-website.png 780w, https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/gruende-fuer-barrierefreie-website-300x135.png 300w, https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/gruende-fuer-barrierefreie-website-768x345.png 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d81a75 elementor-widget elementor-widget-heading\" data-id=\"1d81a75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Checkliste f\u00fcr eine barrierefreie Website in WordPress<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b29a721 elementor-widget elementor-widget-text-editor\" data-id=\"b29a721\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Hier findest du eine Schritt-f\u00fcr-Schritt-Checkliste, die dir hilft, deine <strong>Website barrierefrei<\/strong> zu machen:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d02fd82 elementor-widget elementor-widget-heading\" data-id=\"d02fd82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Barrierefreie WordPress-Themes<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b114102 elementor-widget elementor-widget-text-editor\" data-id=\"b114102\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Es gibt WordPress-Themes, die bereits so entwickelt wurden, dass sie barrierefrei sind. Ein gutes Beispiel ist das Theme <span style=\"text-decoration: underline;\"><a href=\"https:\/\/de.wordpress.org\/themes\/twentytwentyfour\/\" target=\"_blank\" rel=\"noreferrer noopener\">Twenty Twenty-Four<\/a><\/span> von WordPress oder das <a href=\"https:\/\/elementor.com\/themes\/hello-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span style=\"text-decoration: underline;\">Hello<\/span><\/a> f\u00fcr Elementor. Solche Themes bieten eine solide Basis und sind ideal, wenn du deine Website barrierefrei gestalten m\u00f6chtest.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f6750f elementor-widget elementor-widget-heading\" data-id=\"0f6750f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Tastaturnavigation erm\u00f6glichen<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff6a420 elementor-widget elementor-widget-text-editor\" data-id=\"ff6a420\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Stelle sicher, dass deine Website auch ohne Maus navigierbar ist. Probiere es selbst aus, indem du nur mit der Tab-Taste durch deine Website gehst. Achte darauf, dass alle wichtigen Elemente, wie Men\u00fcs und Buttons und auch das Cookie Consent Banner, erreicht werden k\u00f6nnen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-800665d elementor-widget elementor-widget-heading\" data-id=\"800665d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Konsistente logische Struktur schaffen<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05f0afe elementor-widget elementor-widget-text-editor\" data-id=\"05f0afe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Eine logische und konsistente Strukturierung deiner Inhalte erleichtert die Orientierung. \u00dcberschriften und Abs\u00e4tze helfen dabei, die Inhalte verst\u00e4ndlich zu gliedern. Achte darauf, dass alle Elemente in einer Hierarchischen HTML-Struktur (H1, H2, H3, usw.) angeordnet sind. Das erm\u00f6glicht sad fehlerfreie Lesen der Inhalte von Screenreadern.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c371690 elementor-widget elementor-widget-image\" data-id=\"c371690\" data-element_type=\"widget\" data-e-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=\"780\" height=\"350\" src=\"https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/logische-struktur.png\" class=\"attachment-full size-full wp-image-7121\" alt=\"Logische Struktur f\u00fcr Bessee Lesbarkeit\" srcset=\"https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/logische-struktur.png 780w, https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/logische-struktur-300x135.png 300w, https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/logische-struktur-768x345.png 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd3eb9b elementor-widget elementor-widget-heading\" data-id=\"fd3eb9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. Auch mobile Version anpassen<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-101f5d5 elementor-widget elementor-widget-text-editor\" data-id=\"101f5d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Sorge daf\u00fcr, dass deine Website auf allen Ger\u00e4ten einwandfrei funktioniert und barrierefrei bleibt.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5d56ce elementor-widget elementor-widget-heading\" data-id=\"c5d56ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5. Biete Anpassungsfuktionen an<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ef28f5 elementor-widget elementor-widget-text-editor\" data-id=\"9ef28f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Biete Optionen zur Anpassung der Darstellung, zum Beispiel die Lupenfunktion um Schriftgr\u00f6\u00dfe vergr\u00f6\u00dfern zu k\u00f6nnen und so den individuellen Bed\u00fcrfnissen gerecht zu werden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04b9032 elementor-widget elementor-widget-heading\" data-id=\"04b9032\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">6. Optimiere die Lesbarkeit deiner Texte<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e7ab7a elementor-widget elementor-widget-text-editor\" data-id=\"1e7ab7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>W\u00e4hle eine leicht lesbare, optimalerweise serifenlose Schriftart wie z.B. <span style=\"text-decoration: underline;\"><a href=\"https:\/\/gwfh.mranftl.com\/fonts\/roboto?subsets=latin\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"link\" data-id=\"https:\/\/gwfh.mranftl.com\/fonts\/roboto?subsets=latin\">Roboto<\/a><\/span> (hier verwendet) oder <a href=\"https:\/\/gwfh.mranftl.com\/fonts\/source-sans-3?subsets=latin\" target=\"_blank\" rel=\"noreferrer noopener\"><span style=\"text-decoration: underline;\">Source Sans 3<\/span><\/a>. Verwende zudem f\u00fcr die Flie\u00dftexte mindestens die Gr\u00f6\u00dfe von 16px. Ist die Schrift grunds\u00e4tzlich klein, w\u00e4hle die Schriftgr\u00f6\u00dfe 18px f\u00fcr den Text. Lass&#8216; zwischenden Zeilen etwas mehr Platz, dann ist es einfacher den Text zu lesen.<\/p><p>Extratipp: Wie eine Schriftart wirkt oder ob deine gew\u00e4hlten Schriftarten zusammen passen, kannst du ganz einfach in <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Canva<\/a><\/span> testen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c88d63 elementor-widget elementor-widget-image\" data-id=\"1c88d63\" data-element_type=\"widget\" data-e-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=\"780\" height=\"350\" src=\"https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/schriftgroesse-schriftart.png\" class=\"attachment-full size-full wp-image-7144\" alt=\"Schriftart und Schriftgr\u00f6\u00dfe im Vergleich\" srcset=\"https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/schriftgroesse-schriftart.png 780w, https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/schriftgroesse-schriftart-300x135.png 300w, https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/schriftgroesse-schriftart-768x345.png 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b259a46 elementor-widget elementor-widget-heading\" data-id=\"b259a46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">7. W\u00e4hle einfache Sprache<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-603792f elementor-widget elementor-widget-text-editor\" data-id=\"603792f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Verwende eine einfache und leicht verst\u00e4ndliche Sprache. Vermeide verschachtelte S\u00e4tze und lange Abs\u00e4tze. Verzichte auf komplizierte Fachw\u00f6rter.<\/p><p>Du kannst deine Seite auch als extra Version in einer einfachen Sprache anbieten. Mithilfe des Language Plugins WPML kannst du die einfache Sprache als eine &#8222;\u00dcbersetzung&#8220; deiner Seite anlegen. Der L\u00e4ndercode daf\u00fcr ist \u201ede-simple\u201c.<\/p><p>Platziere den Link zur einfachen Version deiner Website prominent im Header, damit er schnell gefunden wird und leicht angeklickt werden kann.<\/p><p>Die &#8222;\u00dcbersetzungen&#8220; selbst kannst du auch mithilfe der KI erstellen. Daf\u00fcr kannst du entweder ein Plugin wie <span style=\"text-decoration: underline;\"><a href=\"https:\/\/de.wordpress.org\/plugins\/easy-language\/\" target=\"_blank\" rel=\"noopener\">Easy Language<\/a><\/span> mit einer Schnittstelle zu einer KI-Software nutzen oder die Texte direkt mit ChatGPT erstellen. F\u00fcr ein gutes Ergebnis musst du allerdings ein paar Zusatzanweisungen in deinen Prompt einbauen. Welche es sind, findest du, in meiner <a href=\"\/kampagne\/#checkliste\"><span style=\"text-decoration: underline;\"><strong>Checkliste f\u00fcr barrierefreie Website<\/strong><\/span><\/a> heraus.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf6aec0 elementor-widget elementor-widget-heading\" data-id=\"cf6aec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">8. Achte auf die Bedienbarkeit<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e86260c elementor-widget elementor-widget-text-editor\" data-id=\"e86260c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Sorge daf\u00fcr, dass interaktive Elemente wie Buttons und Links gro\u00df genug und leicht bedienbar sind. Sie sollten sich au\u00dferdem nicht nur anhand von Farben unterscheiden. Links innerhalb der Text sollten zum Beispiel zus\u00e4tzlich unterstrichen werden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63b6783 elementor-widget elementor-widget-heading\" data-id=\"63b6783\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">9. Pr\u00fcfe die Farbkontraste<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-337903f elementor-widget elementor-widget-text-editor\" data-id=\"337903f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Damit deine Texte auf der Website gut lesbar sind, ist ein hoher Farbkontrast wichtig. Achte deshalb gut darauf, dass deine Text und der Hintergrund, auf dem sie platziert sind, ein hohes Kontrastverh\u00e4ltnis haben. Nutze Tools wie den <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">Contrast Checker von WebAIM<\/span><\/a>, um sicherzustellen, dass deine Farben genug Kontrast bieten. Eine barrierefreie Website sollte ein Kontrastverh\u00e4ltnis von mindestens 4.5:1 haben.<\/p><p>Verzichte auf grelle Hintergrundfarben und vermeide Rot-Gr\u00fcn-Kombinationen. Achte auch bei der Gestaltung von Grafiken bzw. der Auswahl von Bildern auf die Farben und Kontraste. Tools wie der <a href=\"https:\/\/venngage.com\/tools\/accessible-color-palette-generator\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">Accessible color palette generator<\/span><\/a> helfen dir dabei gute Farbkombinationen zu finden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a58c3cf elementor-widget elementor-widget-image\" data-id=\"a58c3cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"540\" src=\"https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2022\/04\/WebAIM-Contrast-Checker.png\" class=\"attachment-full size-full wp-image-7123\" alt=\"WebAIM-Contrast-Checker - Tool zum Testen von Kontrastst\u00e4rke zwischen zwei Farben\" srcset=\"https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2022\/04\/WebAIM-Contrast-Checker.png 780w, https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2022\/04\/WebAIM-Contrast-Checker-300x208.png 300w, https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2022\/04\/WebAIM-Contrast-Checker-768x532.png 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fee07ba elementor-widget elementor-widget-heading\" data-id=\"fee07ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">10. Entferne flackernde Elemente<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e33354b elementor-widget elementor-widget-text-editor\" data-id=\"e33354b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Verzichte auf alle Elemente, die flackern oder blinken, um Risiken f\u00fcr Menschen mit Lichtempfindlichkeiten zu vermeiden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ebc453 elementor-widget elementor-widget-heading\" data-id=\"0ebc453\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">11. Baue Textalternativen f\u00fcr visuelle Inhalte ein<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b297e52 elementor-widget elementor-widget-text-editor\" data-id=\"b297e52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Textalternativen f\u00fcr visuelle Inhalte sind der Grundstein f\u00fcr Barrierefreiheit. Stelle sicher, dass alle Bilder auf deiner Website eine Beschreibung (Alt-Text) haben. Das hilft Menschen mit Sehbehinderung, den Inhalt deiner Website besser zu verstehen. In WordPress kannst du diese Alt-Tags ganz einfach beim Hochladen der Bilder eingeben. F\u00fcr richtig gute Alt-Tags kannst auch ChatGPT nutzen.<\/p><p>Auch Videos sollten auf einer barrierefreien Website mit Alt-Tags, Untertiteln, Geb\u00e4rdensprache oder einer Audiodeskription erg\u00e4nzt werden. So k\u00f6nnen auch h\u00f6rgesch\u00e4digte Menschen diese Inhalte konsumieren. Auch daf\u00fcr stehen dir zahlreiche, oft sogar kostenfreie Tools zur Verf\u00fcgung. F\u00fcr das Erstellen von Untertitel kannst du zum Beispiel <a href=\"https:\/\/www.capcut.com\/de-de\/\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">CapCut<\/span><\/a> nutzen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91189d0 elementor-widget elementor-widget-video\" data-id=\"91189d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;}}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/tatjanakruck.de\/kampagne\/wp-content\/uploads\/2024\/10\/untertitel-mit-capcut-screenshot.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb2688a elementor-widget elementor-widget-heading\" data-id=\"eb2688a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">12. Gestalte Formulare barrierefrei<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64306e2 elementor-widget elementor-widget-text-editor\" data-id=\"64306e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Verwende klare Beschriftungen f\u00fcr Formularfelder und achte darauf, dass Fehlermeldungen verst\u00e4ndlich und gut sichtbar sind. Erl\u00e4utere verst\u00e4ndlich, wie die einzelnen Formularfelder auszuf\u00fcllen sind. Markiere zum Beispiel die Pflichtfelder nicht ausschlie\u00dflich mit &#8222;*&#8220;, sondern mit so etwas wie &#8222;Pflichtfeld&#8220; oder &#8222;erforderliche Angabe&#8220;.<\/p><p>Achte darauf, dass Felder und Text in deinen Formularen gro\u00df genug sind und ein gutes Kontrastverh\u00e4ltnis haben. Sorge daf\u00fcr, dass jedes Feld per Tastatur zug\u00e4nglich ist.<\/p><p>Als barrierefrei gelten die Formulare von <a href=\"https:\/\/wsform.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">WS Form<\/span><\/a> oder <a href=\"https:\/\/www.gravityforms.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">Gravity Forms<\/span><\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dcc2441 elementor-widget elementor-widget-heading\" data-id=\"dcc2441\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">13. Biete verschiedene Kontaktm\u00f6glichkeiten an<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da4cb87 elementor-widget elementor-widget-text-editor\" data-id=\"da4cb87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Stelle deinen Usern verschiedene Kontaktm\u00f6glichkeiten an: E-Mail oder Kontaktformular, Chat, Anruf oder R\u00fcckruffunktion.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae282b7 elementor-widget elementor-widget-heading\" data-id=\"ae282b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">14. Integriere barrierefrei PDFs<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90b78d2 elementor-widget elementor-widget-text-editor\" data-id=\"90b78d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Achte darauf, dass die PDFs auf deiner Website ebenfalls barrierefrei sind und mit Screenreadern gelesen werden k\u00f6nnen. Mit dem <a href=\"https:\/\/pac.pdf-accessibility.org\/de\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">PDF Accessibilty Checker (PAC)<\/span><\/a> kannst du die Barrierefreiheit deiner PDF-Dateien pr\u00fcfen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04ffb7e elementor-widget elementor-widget-heading\" data-id=\"04ffb7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">15. Binde Inhalte in Textform ein<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53558a3 elementor-widget elementor-widget-text-editor\" data-id=\"53558a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Alle wichtigen Inhalte wie Informationstexte, Rechtstexte (Impressum, Datenschutzerkl\u00e4rung, AGB) solltest du unbedingt als Texte und auf keinen Fall als Grafiken einbinden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbdd02f elementor-widget elementor-widget-heading\" data-id=\"fbdd02f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">16. ARIA-Markup einf\u00fcgen (fortgeschrittene Anpassungen)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9588e62 elementor-widget elementor-widget-text-editor\" data-id=\"9588e62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Wenn du dich besser auskennst, kannst du auch das sogenannte <a href=\"https:\/\/www.barrierefreiheit-dienstekonsolidierung.bund.de\/Webs\/PB\/DE\/umsetzungshilfen\/webentwicklung\/aria\/aria-node.html\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">ARIA-Markup<\/span><\/a> (Accessible Rich Internet Applications) nutzen. Dies hilft Screenreadern, den Inhalt deiner Website besser zu verstehen. Beispielsweise kannst du wichtige Elemente wie Men\u00fcs oder Schaltfl\u00e4chen besser beschreiben.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08c1088 elementor-widget elementor-widget-heading\" data-id=\"08c1088\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Barrierefreiheit mit Plugins pr\u00fcfen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f76ba44 elementor-widget elementor-widget-text-editor\" data-id=\"f76ba44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00dcber die bereits genannten Plugins hinaus gibt es auch Plugins, die deine Website auf Stolpersteine hinsichtlich Barrierefreiheit pr\u00fcfen und dir dabei helfen, deine Website barrierefrei zu machen. Hier sind meine zwei Empfehlungen:<\/p><p><a href=\"https:\/\/wordpress.org\/plugins\/wp-accessibility\/\" target=\"_blank\" rel=\"noopener\"><strong><span style=\"text-decoration: underline;\">WP Accessibility:<\/span><\/strong><\/a> Dieses kostenlose Plugin f\u00fcgt deiner Website automatisch Funktionen hinzu, die Barrierefreiheit verbessern. \u00dcber ein einfaches Einstellungsmen\u00fc kannst du verschiedene Barrierefreiheits-Features aktivieren oder deaktivieren.<\/p><p><a href=\"https:\/\/tatjanakruck.de\/kampagne\/wordpress-barrierefreiheit-plugin-ally\/\"><span style=\"text-decoration: underline;\"><strong>Ally \u2013 Web Accessibility &amp; Usability:<\/strong><\/span><\/a> Ein einfaches Plugin, mit dem du viele n\u00fctzliche Anpassungen f\u00fcr Barrierefreiheit vornehmen kannst, unter anderem ARIA-Landmarken setzen \u2013 ganz ohne Programmierkenntnisse.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42523a9 elementor-widget elementor-widget-heading\" data-id=\"42523a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Checkliste f\u00fcr deine barrierefreie Website<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68ac2e9 elementor-widget elementor-widget-text-editor\" data-id=\"68ac2e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Um dir die Umsetzung zu erleichtern, habe ich eine <a href=\"https:\/\/lp-barrierefreiheit-74755.getresponsewebsite.com\/\" target=\"_blank\" rel=\"noopener\"><strong>kostenlose Checkliste<\/strong><\/a> erstellt, die dir hilft, deine WordPress-Website barrierefrei zu machen. In dieser Checkliste findest du alle wichtigen Punkte, die du beachten musst \u2013 von Alt-Texten bis hin zur Tastaturnavigation.<\/p><p><strong>Lade dir jetzt die Checkliste herunter und bring deine Website auf den neuesten Stand der Barrierefreiheit!<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d623153 elementor-widget elementor-widget-html\" data-id=\"d623153\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"text\/javascript\" src=\"https:\/\/app.getresponse.com\/view_webform_v2.js?u=hOlrg&webforms_id=S3jay\" data-webform-id=\"S3jay\"><\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78b5be1 elementor-widget elementor-widget-heading\" data-id=\"78b5be1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fazit<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37a12d21 elementor-widget elementor-widget-text-editor\" data-id=\"37a12d21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Eine barrierefreie Website ist kein einmaliges Projekt, sondern ein fortlaufender Prozess. Du solltest regelm\u00e4\u00dfig pr\u00fcfen, ob deine Seite den Anforderungen entspricht und gegebenenfalls Anpassungen vornehmen.<br \/>Nutze die Checkliste und optimiere deine Website \u2013 so machst du sie zug\u00e4nglich f\u00fcr alle und bereitest dich optimal auf die Anforderungen des Barrierefreiheitst\u00e4rkungsgesetzes vor!<\/p><p>Hast du Fragen zur Barrierefreiheit oder m\u00f6chtest du weitere Tipps? Abonniere meinen <a href=\"https:\/\/tatjanakruck.de\/kampagne\/newsletter\/\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">Newsletter<\/span><\/a> oder folge mir auf <a href=\"https:\/\/www.instagram.com\/tatjana.kruck\/\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">Instagram<\/span><\/a>!<\/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>Eine barrierefreie Website stellt sicher, dass deine Inhalte f\u00fcr alle Menschen zug\u00e4nglich sind \u2013 unabh\u00e4ngig davon, ob sie Einschr\u00e4nkungen beim Sehen, H\u00f6ren oder in der Mobilit\u00e4t haben. Schon seit 2019 sind \u00f6ffentliche Institutionen zur Barrierefreiheit auf ihren Websites gesetzlich verpflichtet. Ab Ende Juni 2025 wird die Verpflichtung auch auf die privaten Unternehmen erweitert. In diesem [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7091,"comment_status":"open","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-7079","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-fortgeschrittene"],"_links":{"self":[{"href":"https:\/\/tatjanakruck.de\/kampagne\/wp-json\/wp\/v2\/posts\/7079","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tatjanakruck.de\/kampagne\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tatjanakruck.de\/kampagne\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tatjanakruck.de\/kampagne\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tatjanakruck.de\/kampagne\/wp-json\/wp\/v2\/comments?post=7079"}],"version-history":[{"count":0,"href":"https:\/\/tatjanakruck.de\/kampagne\/wp-json\/wp\/v2\/posts\/7079\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tatjanakruck.de\/kampagne\/wp-json\/wp\/v2\/media\/7091"}],"wp:attachment":[{"href":"https:\/\/tatjanakruck.de\/kampagne\/wp-json\/wp\/v2\/media?parent=7079"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tatjanakruck.de\/kampagne\/wp-json\/wp\/v2\/categories?post=7079"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tatjanakruck.de\/kampagne\/wp-json\/wp\/v2\/tags?post=7079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}