{"id":3780,"date":"2023-01-09T06:00:00","date_gmt":"2023-01-09T05:00:00","guid":{"rendered":"https:\/\/friendlycaptcha.com\/?p=3780"},"modified":"2026-04-07T16:16:42","modified_gmt":"2026-04-07T14:16:42","slug":"create-an-accessible-website-how-it-works","status":"publish","type":"post","link":"https:\/\/friendlycaptcha.com\/de\/insights\/create-an-accessible-website-how-it-works\/","title":{"rendered":"Barrierefreie Website erstellen \u2013 So funktioniert's"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3780\" class=\"elementor elementor-3780\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-62112909 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"62112909\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3a73168d\" data-id=\"3a73168d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6f5f562 elementor-widget elementor-widget-heading\" data-id=\"6f5f562\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-6f5f562{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fe317d elementor-widget elementor-widget-spacer\" data-id=\"7fe317d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-7fe317d{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9241314 elementor-widget elementor-widget-heading\" data-id=\"9241314\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Barrierefreie Website \u2013 Auf einen Blick<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3205aaf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3205aaf\" data-element_type=\"section\" data-e-type=\"section\" data-no-translation=\"\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ed3699c\" data-id=\"ed3699c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3b19219 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"3b19219\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-times-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 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tProbleme mit unzug\u00e4nglichen Websites\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tBeachten Sie, dass Menschen mit unterschiedlichen Beeintr\u00e4chtigungen Schwierigkeiten mit Webdesign, Darstellung von Inhalten und Seitenstruktur haben k\u00f6nnen.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78e6c2e elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"78e6c2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-deaf\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M216 260c0 15.464-12.536 28-28 28s-28-12.536-28-28c0-44.112 35.888-80 80-80s80 35.888 80 80c0 15.464-12.536 28-28 28s-28-12.536-28-28c0-13.234-10.767-24-24-24s-24 10.766-24 24zm24-176c-97.047 0-176 78.953-176 176 0 15.464 12.536 28 28 28s28-12.536 28-28c0-66.168 53.832-120 120-120s120 53.832 120 120c0 75.164-71.009 70.311-71.997 143.622L288 404c0 28.673-23.327 52-52 52-15.464 0-28 12.536-28 28s12.536 28 28 28c59.475 0 107.876-48.328 108-107.774.595-34.428 72-48.24 72-144.226 0-97.047-78.953-176-176-176zm268.485-52.201L480.2 3.515c-4.687-4.686-12.284-4.686-16.971 0L376.2 90.544c-4.686 4.686-4.686 12.284 0 16.971l28.285 28.285c4.686 4.686 12.284 4.686 16.97 0l87.03-87.029c4.687-4.688 4.687-12.286 0-16.972zM168.97 314.745c-4.686-4.686-12.284-4.686-16.97 0L3.515 463.23c-4.686 4.686-4.686 12.284 0 16.971L31.8 508.485c4.687 4.686 12.284 4.686 16.971 0L197.256 360c4.686-4.686 4.686-12.284 0-16.971l-28.286-28.284z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tNicht-barrierefreie CAPTCHAs\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tHerk\u00f6mmliche CAPTCHAs wie reCAPTCHA beeintr\u00e4chtigen die Barrierefreiheit durch visuelle R\u00e4tsel oder Audioaufgaben, die viele Benutzer nicht l\u00f6sen k\u00f6nnen.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-d47e238\" data-id=\"d47e238\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea8c903 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"ea8c903\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-list-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm-6 400H54a6 6 0 0 1-6-6V86a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v340a6 6 0 0 1-6 6zm-42-92v24c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h200c6.627 0 12 5.373 12 12zm0-96v24c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h200c6.627 0 12 5.373 12 12zm0-96v24c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h200c6.627 0 12 5.373 12 12zm-252 12c0 19.882-16.118 36-36 36s-36-16.118-36-36 16.118-36 36-36 36 16.118 36 36zm0 96c0 19.882-16.118 36-36 36s-36-16.118-36-36 16.118-36 36-36 36 16.118 36 36zm0 96c0 19.882-16.118 36-36 36s-36-16.118-36-36 16.118-36 36-36 36 16.118 36 36z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tAnforderungen an die Barrierefreiheit\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tStreben Sie die Einhaltung der WCAG-Richtlinien f\u00fcr Text (Grundschriftgr\u00f6\u00dfe 15\u201316 px, klare Sprache, lesbare \u00dcberschriften) und Bilder (Alt-Text, Bildunterschriften) an.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d33d8e7 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"d33d8e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-double\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M505 174.8l-39.6-39.6c-9.4-9.4-24.6-9.4-33.9 0L192 374.7 80.6 263.2c-9.4-9.4-24.6-9.4-33.9 0L7 302.9c-9.4 9.4-9.4 24.6 0 34L175 505c9.4 9.4 24.6 9.4 33.9 0l296-296.2c9.4-9.5 9.4-24.7.1-34zm-324.3 106c6.2 6.3 16.4 6.3 22.6 0l208-208.2c6.2-6.3 6.2-16.4 0-22.6L366.1 4.7c-6.2-6.3-16.4-6.3-22.6 0L192 156.2l-55.4-55.5c-6.2-6.3-16.4-6.3-22.6 0L68.7 146c-6.2 6.3-6.2 16.4 0 22.6l112 112.2z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tFriendly Captcha ist f\u00fchrend\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tFriendly Captcha ist ein barrierefreies CAPTCHA \u2013 datenschutzkonform und unsichtbar \u2013, das Bots ohne St\u00f6rungen von Menschen unterscheidet.<br><b><a href=\"https:\/\/friendlycaptcha.com\/de\/signup\/\">Jetzt testen \u203a <\/a><\/b> \t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-7137880 elementor-widget elementor-widget-spacer\" data-id=\"7137880\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5e0815 elementor-widget elementor-widget-heading\" data-id=\"c5e0815\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-c5e0815{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd22e82 elementor-widget elementor-widget-spacer\" data-id=\"cd22e82\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-cd22e82{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f267ac6 elementor-widget elementor-widget-text-editor\" data-id=\"3f267ac6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-3f267ac6{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d36215 elementor-widget elementor-widget-image\" data-id=\"7d36215\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-7d36215{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4d8ac1 elementor-widget elementor-widget-text-editor\" data-id=\"e4d8ac1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-e4d8ac1{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed6cea6 elementor-widget elementor-widget-image\" data-id=\"ed6cea6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-ed6cea6{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-122c842 elementor-widget elementor-widget-text-editor\" data-id=\"122c842\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-122c842{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c974916 plausible-event-name=PostContentCTA elementor-cta--skin-classic elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"c974916\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-c974916{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c107637 elementor-widget elementor-widget-image\" data-id=\"c107637\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-c107637{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-530c205 elementor-widget elementor-widget-text-editor\" data-id=\"530c205\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-530c205{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a16d1ab elementor-widget elementor-widget-text-editor\" data-id=\"a16d1ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">Wenn Sie eine Webseite gestalten wollen, sollten Sie dabei eine wichtige Gruppe von Nutzern nicht vergessen. Es gibt Menschen, die eine Beeintr\u00e4chtigung haben und deshalb auf eine barrierefreie Gestaltung von Webseiten angewiesen sind.<\/p>\n<p>Wir wollen Ihnen erl\u00e4utern, was eine barrierefreie Website ist. Was m\u00fcssen Sie beachten, wenn Sie eine barrierefreie Website erstellen wollen und welche Rolle spielt <a href=\"https:\/\/friendlycaptcha.com\/de\/insights\/captcha-accessibility\/\">CAPTCHA Barrierefreiheit<\/a>? Der Aufwand, den man f\u00fcr eine barrierefreie Website betreiben muss, ist \u00fcberschaubar. Sie erreichen damit aber zus\u00e4tzliche Menschen und leisten einen gesellschaftlichen Beitrag zu mehr Barrierefreiheit im Internet. Unsere Checkliste f\u00fcr eine barrierefreie Website hilft Ihnen dabei, Ihre Inhalte f\u00fcr alle Menschen zug\u00e4nglich zu machen.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0877813 elementor-widget elementor-widget-image\" data-id=\"0877813\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/friendlycaptcha.com\/wp-content\/uploads\/2023\/11\/FriendlyCaptcha_Website-Barriers.svg\" class=\"attachment-large size-large wp-image-6308\" alt=\"Barrier-free access to website\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5e81f9 elementor-widget elementor-widget-text-editor\" data-id=\"e5e81f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<h2 class=\"wp-block-heading\">Was ist eine barrierefreie Website?<\/h2>\n<p class=\"wp-block-paragraph\">Eine \u201ebarrierefreie Website\u201c ist eine Website, die so gestaltet ist, dass sie f\u00fcr m\u00f6glichst viele Menschen leicht zug\u00e4nglich und nutzbar ist, unabh\u00e4ngig von ihren k\u00f6rperlichen, technischen oder geistigen F\u00e4higkeiten.<\/p>\n<p>Es gibt unterschiedliche Beeintr\u00e4chtigungen, die es dem Webseitenbesucher schwer machen Ihre Inhalte zu verstehen. Die h\u00e4ufigsten H\u00fcrden, die Sie durch das Erstellen einer barrierefreien Website aus dem Weg r\u00e4umen k\u00f6nnen, sind:<\/p>\n<ul class=\"wp-block-list\">\n<li>Probleme mit dem Sehen<\/li>\n<li>Probleme mit dem H\u00f6ren<\/li>\n<li>Schwierigkeiten Texte zu verstehen<\/li>\n<li>Schwierigkeiten mit der Struktur<\/li>\n<\/ul>\n<p class=\"translation-block\">Zum Gl\u00fcck gibt es f\u00fcr diese H\u00fcrden L\u00f6sungen, die Sie bei der Erstellung einer barrierefreien Website ber\u00fccksichtigen k\u00f6nnen. Das gilt \u00fcbrigens f\u00fcr jede Form von Webseiten, auch wenn es nur f\u00fcr bestimmte Websites gesetzlich vorgeschrieben ist, ein barrierefreies Angebot zu realisieren <a href=\"https:\/\/www.w3.org\/WAI\/policies\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"URL\" data-id=\"https:\/\/www.w3.org\/WAI\/policies\/\">[1]<\/a>. Die wichtigste Regel bei der Erstellung einer barrierefreien Website ist es, sich der Probleme bewusst zu werden, die andere Menschen mit Ihrem Webdesign, Ihrer Darstellung und Ihrer Struktur haben k\u00f6nnten.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-521491a elementor-widget elementor-widget-image\" data-id=\"521491a\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"315\" src=\"https:\/\/friendlycaptcha.com\/wp-content\/uploads\/2026\/02\/WCAG-2.2-AA-Zertifikat-Friendly-Captcha.svg\" class=\"attachment-large size-large wp-image-18010\" alt=\"Badge mit der Info, dass Friendly Captcha das einzige WCAG 2.2. Level AA gold zertifizierte CAPTCHA ist.\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-591d097 elementor-widget elementor-widget-text-editor\" data-id=\"591d097\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<h2>Was sind die Anforderungen an eine barrierefreie Website?<\/h2>\n<p class=\"wp-block-paragraph\">Um es Ihnen ein wenig leichter zu machen eine barrierefreie Website zu erstellen, haben wir im Folgenden die wichtigsten Punkte zum Einstieg zusammengefasst. Entstanden ist eine barrierefreie Website-Checkliste. Die ersten beiden Punkte zu den Texten und Bildern sind schnell und einfach f\u00fcr jede Website umsetzbar. Die Punkte danach gehen tiefer in den Aufbau der Website und geben Ihnen eine kurze Einf\u00fchrung in die Web Content Accessibility Guidelines.<\/p>\n<h3 class=\"wp-block-heading\">Die Texte<\/h3>\n<p>Die Texte Ihrer Webseite spielen auf zweierlei Weise eine entscheidende Rolle. Zum einen sollten Sie die Schriftgr\u00f6\u00dfe und Farbe so w\u00e4hlen, dass auch Menschen mit einer Sehschw\u00e4che oder Sehbehinderung sie gut lesen k\u00f6nnen. W\u00e4hlen Sie die Schriftgr\u00f6\u00dfe nicht zu klein und sorgen Sie f\u00fcr einen guten Kontrast. Mit einem schwarzen Text auf einem wei\u00dfen Untergrund machen Sie definitiv nichts falsch. F\u00fcr eine bessere Lesbarkeit sollte die Schriftgr\u00f6\u00dfe mindestens 15 oder 16 Pixel betragen.<\/p>\n<p class=\"translation-block\">Ein Punkt, den viele Webdesigner untersch\u00e4tzen, ist die Verst\u00e4ndlichkeit der Sprache. Nicht alle Menschen k\u00f6nnen fl\u00fcssig lesen und haben Probleme beim Verstehen von komplexen Sachverhalten. Sie k\u00f6nnen darauf Einfluss nehmen, ob Ihre Texte leicht und verst\u00e4ndlich zu lesen sind. Es gibt sogar ein kostenloses Tool, welches Ihnen dabei hilft, Ihre Texte zu bewerten. Der <a href=\"https:\/\/fleschindex.de\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"URL\" data-id=\"https:\/\/fleschindex.de\">Flesch-Index<\/a> bewertet die Verst\u00e4ndlichkeit Ihrer Texte. Kurze S\u00e4tze mit kurzen W\u00f6rtern sind sehr viel einfacher zu lesen als lange Schachtels\u00e4tze mit Fachbegriffen. Mit stilistischen Mitteln wie Aufz\u00e4hlungen k\u00f6nnen Sie die Lesbarkeit Ihrer Texte zus\u00e4tzlich erh\u00f6hen.<\/p>\n<h3 class=\"wp-block-heading\">Die Bilder<\/h3>\n<p>Sch\u00f6ne und ansprechende Bilder sind eine gute Erg\u00e4nzung f\u00fcr eine erfolgreiche Website. Sie sollten hierbei allerdings auch an Menschen mit einer Beeintr\u00e4chtigung des Sehverm\u00f6gens denken, wenn Sie eine barrierefreie Website erstellen wollen. Sie k\u00f6nnen beispielsweise bei der Auswahl der Motive darauf achten, dass Sie keine Bilder ausw\u00e4hlen, die f\u00fcr Menschen mit einer Rot-Gr\u00fcn-Schw\u00e4che problematisch sind.<\/p>\n<p>F\u00fcr Menschen mit einer Sehbehinderung k\u00f6nnen Sie Bilder auch mit einem sogenannten Alternativ-Text versehen. Dabei handelt es sich um eine kurze Beschreibung dessen, was auf dem jeweiligen Bild zu sehen ist. Viele Webmaster verwenden die Alt-Texte nur f\u00fcr die Suchmaschinenoptimierung, dabei handelt es sich eigentlich um ein wichtiges Hilfsmittel f\u00fcr barrierefreie Webseiten.<\/p>\n<p>Bei Videos ist f\u00fcr Menschen mit eingeschr\u00e4nkten H\u00f6rverm\u00f6gen zu beachten, dass Sie eine Untertitel-Funktion anbieten, um vertonte Inhalte f\u00fcr sie sichtbar zu machen.<\/p>\n<h3 class=\"wp-block-heading\">Die Struktur Ihrer Webseite<\/h3>\n<p class=\"translation-block\">Wenn Sie eine barrierefreie Website erstellen, sollten Sie sich die Zeit nehmen und eine zug\u00e4ngliche Struktur entwickeln. Die <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"URL\" data-id=\"https:\/\/www.w3.org\/TR\/WCAG22\/\">Web Content Accessibility Guidelines<\/a> (WCAG) bieten einen solchen Rahmen. Die WCAG sind eine Reihe von Richtlinien, um Webinhalte f\u00fcr Menschen mit Behinderungen zug\u00e4nglicher zu machen.<\/p>\n<p>Die WCAG-Richtlinien f\u00fcr barrierefreie Webinhalte decken eine Reihe von Themen ab, darunter:<\/p>\n<ul class=\"wp-block-list\">\n<li>Zug\u00e4nglichmachung von Textinhalten<\/li>\n<li>Bereitstellung von Alternativen f\u00fcr Nicht-Text-Inhalte<\/li>\n<li>Gestaltung f\u00fcr Sehbehinderung und Blindheit<\/li>\n<li>Gestaltung f\u00fcr Taubheit und Schwerh\u00f6rigkeit<\/li>\n<li>Gestaltung f\u00fcr k\u00f6rperliche Behinderungen<\/li>\n<li>Gestaltung f\u00fcr kognitive und neurologische Behinderungen<\/li>\n<li>Bereitstellung von \u00dcbersetzungen und Bildunterschriften<\/li>\n<\/ul>\n<p>Sie k\u00f6nnen Ihre Website mit dem <a href=\"https:\/\/friendlycaptcha.com\/de\/wcag-checker\/\">WCAG-Checker<\/a> von Friendly Captcha auf WCAG 2.2 Konformit\u00e4t pr\u00fcfen und somit umfassend sicherstellen, dass Ihre Website barrierefrei ist.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9f8b56 plausible-event-name=PostContentCTA elementor-cta--skin-classic elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"d9f8b56\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta\">\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-content-item elementor-cta__content-item elementor-icon-wrapper elementor-cta__icon elementor-view-default\">\n\t\t\t\t\t\t<div class=\"elementor-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__title elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tIst Ihre Website barrierefrei?\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__description elementor-cta__content-item elementor-content-item\">\n\t\t\t\t\t\tMit dem WCAG-Checker von Friendly Captcha k\u00f6nnen Sie Ihre Website ganz einfach auf Barrierefreiheit \u00fcberpr\u00fcfen. Erfahren Sie alles, was Sie wissen m\u00fcssen, um Ihre Website WCAG-konform und barrierefrei zu gestalten.\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item \">\n\t\t\t\t\t<a class=\"elementor-cta__button elementor-button elementor-size-\" href=\"https:\/\/friendlycaptcha.com\/de\/wcag-checker\">\n\t\t\t\t\t\tWCAG checker &rsaquo;\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d2693f elementor-widget elementor-widget-image\" data-id=\"1d2693f\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/friendlycaptcha.com\/wp-content\/uploads\/2023\/11\/FriendlyCaptcha_Accessibility-Positive.svg\" class=\"attachment-large size-large wp-image-6344\" alt=\"Accessible captcha\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1199e18 elementor-widget elementor-widget-text-editor\" data-id=\"1199e18\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<h2>Wie kann Friendly Captcha die Gestaltung einer barrierefreien Website unterst\u00fctzen?<\/h2>\n<p class=\"wp-block-paragraph\">Wenn Sie Ihre Webseite barrierefrei gestalten wollen, dann sollten Sie sich auch mit Ihren Formularen, Login- und Registrierungs-Bereichen auseinandersetzen. Diese sind auf der einen Seite wichtig, damit die Besucher Ihrer Website mit Ihnen in Verbindung treten k\u00f6nnen. Gleichzeitig k\u00f6nnen sie allerdings je nach Konfiguration f\u00fcr Menschen mit einer Beeintr\u00e4chtigung eine gro\u00dfe H\u00fcrde darstellen.<\/p>\n<p class=\"translation-block\">Das liegt an den weitverbreiteten reCAPTCHA Tests, die in Formulare zum Schutz vor Spam und automatisierten Angriffen eingebaut werden. Die hierf\u00fcr zu l\u00f6senden Aufgaben sind insbesondere f\u00fcr Menschen mit einer Sehbehinderung eine gro\u00dfe Herausforderung. Die Web Content Accessibility Guidelines (WCAG) betrachten ein solches Captcha daher aus Sicht der Barrierefreiheit als \u00e4u\u00dferst problematisch <a href=\"https:\/\/www.w3.org\/TR\/turingtest\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"URL\" data-id=\"https:\/\/www.w3.org\/TR\/turingtest\/\">[2]<\/a>. Um dieses Problem zu l\u00f6sen, haben wir von Friendly Captcha ein <a href=\"https:\/\/friendlycaptcha.com\/de\/insights\/captcha-accessibility\/\" target=\"_self\" data-type=\"page\" data-id=\"1885\">barrierefreies Captcha<\/a> entwickelt. F\u00fcr die Unterscheidung zwischen Menschen und Computer m\u00fcssen bei Friendly Captcha weder bestimmte Bilder angeklickt noch sonstige Aufgaben von den Nutzern gel\u00f6st werden.<\/p>\n<p class=\"translation-block\">Unser barrierefreies Captcha ist <a href=\"https:\/\/friendlycaptcha.com\/de\/privacy\/gdpr\/\" target=\"_self\" data-type=\"page\" data-id=\"1885\">DSGVO-konform<\/a> und <a href=\"https:\/\/friendlycaptcha.com\/de\/insights\/what-is-an-invisible-captcha\/\" target=\"_self\" data-type=\"post\" data-id=\"3157\">l\u00e4uft im Hintergrund<\/a>, w\u00e4hrend das Kontaktformular bef\u00fcllt wird. Dies ist f\u00fcr die Nutzer der Webseite komfortabel und bietet Ihnen gleichzeitig einen zuverl\u00e4ssigen Schutz vor Spamnachrichten und Massenangriffen.<\/p>\n<p class=\"translation-block\">Mit Friendly Captcha unterst\u00fctzen wir Sie dabei, Ihre Webseite f\u00fcr alle Nutzer zug\u00e4nglich zu machen und Ihren Beitrag zur digitalen Inklusion zu leisten. <a href=\"https:\/\/friendlycaptcha.com\/de\/\" target=\"_self\" data-type=\"page\" data-id=\"90\">Informieren Sie sich zu Friendly Captcha<\/a> und sch\u00fctzen Sie Ihre Website vor Cyberangriffen mit einer barrierefreien L\u00f6sung.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b29f9f7 elementor-widget elementor-widget-text-editor\" data-id=\"b29f9f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-b29f9f7{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac87919 elementor-widget elementor-widget-image\" data-id=\"ac87919\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-ac87919{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc44f30 elementor-widget elementor-widget-text-editor\" data-id=\"dc44f30\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-dc44f30{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-645fa6e elementor-widget elementor-widget-image\" data-id=\"645fa6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-645fa6e{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9106a6b elementor-widget elementor-widget-text-editor\" data-id=\"9106a6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-9106a6b{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccbff14 plausible-event-name=PostContentCTA elementor-cta--skin-classic elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"ccbff14\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-ccbff14{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4341e9c elementor-widget elementor-widget-image\" data-id=\"4341e9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-4341e9c{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f99ce1b elementor-widget elementor-widget-text-editor\" data-id=\"f99ce1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-f99ce1b{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accessible Website \u2013 At a Glance Problems with inaccessible websites Be aware that people with different impairments may struggle with web design, content presentation, and page structure. Inaccessible CAPTCHAs Traditional CAPTCHAs like reCAPTCHA harm accessibility via visual puzzles or audio tasks that many users cannot complete. Accessibility requirements Aim for WCAG compliance with text (base [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":6308,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[24],"tags":[35],"class_list":["post-3780","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-insights","tag-accessibility"],"_links":{"self":[{"href":"https:\/\/friendlycaptcha.com\/de\/wp-json\/wp\/v2\/posts\/3780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/friendlycaptcha.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/friendlycaptcha.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/friendlycaptcha.com\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/friendlycaptcha.com\/de\/wp-json\/wp\/v2\/comments?post=3780"}],"version-history":[{"count":0,"href":"https:\/\/friendlycaptcha.com\/de\/wp-json\/wp\/v2\/posts\/3780\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/friendlycaptcha.com\/de\/wp-json\/wp\/v2\/media\/6308"}],"wp:attachment":[{"href":"https:\/\/friendlycaptcha.com\/de\/wp-json\/wp\/v2\/media?parent=3780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendlycaptcha.com\/de\/wp-json\/wp\/v2\/categories?post=3780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendlycaptcha.com\/de\/wp-json\/wp\/v2\/tags?post=3780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}