{"id":39336,"date":"2026-10-26T13:26:24","date_gmt":"2026-10-26T13:26:24","guid":{"rendered":"https:\/\/decareto.com\/?page_id=39336"},"modified":"2026-10-29T15:00:52","modified_gmt":"2026-10-29T15:00:52","slug":"10-punkte-leitfaden-fur-barrierefreie-websites","status":"publish","type":"page","link":"https:\/\/decareto.com\/de\/10-punkte-leitfaden-fur-barrierefreie-websites\/","title":{"rendered":"10-Punkte-Leitfaden f\u00fcr barrierefreie Websites"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"39336\" class=\"elementor elementor-39336\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0f196b e-con-full e-flex e-con e-parent\" data-id=\"b0f196b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<main class=\"elementor-element elementor-element-336e736 hero_gradient e-con-full e-flex e-con e-child\" data-id=\"336e736\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8888b7f e-grid e-con-full e-con e-child\" data-id=\"8888b7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a205f9f e-con-full e-flex e-con e-child\" data-id=\"a205f9f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c0d716 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"1c0d716\" 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 style=\"text-align: left;\">Ihr kostenloser 10-Punkte-Leitfaden f\u00fcr barrierefreie Websites<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84d2a16 elementor-widget elementor-widget-heading\" data-id=\"84d2a16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Tastaturbedienbarkeit richtig umsetzen<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9446b6 elementor-widget elementor-widget-text-editor\" data-id=\"b9446b6\" 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>Websites m\u00fcssen auch ohne Maus bedienbar sein. Doch gerade bei Men\u00fcs, Formularen und interaktiven Elementen entstehen h\u00e4ufig Barrieren, die bei der Entwicklung leicht \u00fcbersehen werden.<\/p><p>In diesem Leitfaden beschreiben wir die <strong>zehn wichtigsten Punkte f\u00fcr die technische Umsetzung<\/strong> und bieten Web-Entwicklern und -Verantwortlichen eine Richtlinie mit Bezug zu den WCAG-Kriterien.<\/p><ul><li><strong>Praxisnahe Empfehlungen<\/strong><\/li><li><strong>Konkrete Umsetzungstipps<\/strong><\/li><li><strong>f\u00fcr Web-Teams und Agenturen\u00a0<\/strong><\/li><\/ul><p>Sichern Sie sich jetzt den kostenlosen Leitfaden mit konkreten Beispielen f\u00fcr Ihre Webprojekte.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ac4b7b elementor-widget elementor-widget-html\" data-id=\"6ac4b7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ------------ CR-Popup ------------ -->\n<style data=\"cr\/theme\">.bgcolor-1{background-color:#fff}.bgcolor-1-outlook{background-color:#fff}.color-1{color:#082137}.bgcolor-2{background-color:#fff}.bgcolor-2-outlook{background-color:#fff}.color-2{color:#082137}.aux-color-1{color:#00282e}.aux-bgcolor-1{background-color:#00282e}.aux-color-2{color:#1d9dd9}.aux-bgcolor-2{background-color:#1d9dd9}body{background-color:#fff}a{color:#1d9dd9}.cr-web-row{width:100%;max-width:600px}.cr-maxwidth{max-width:600px}<\/style><style hash=\"cr-text-web\">.cr-text{font-family:Helvetica,Arial,sans-serif;font-size:14px}<\/style><style hash=\"cr-web-css\">.cr-nope{display:none!important}.cr-web-row{box-sizing:border-box}@media only screen and (max-width:768px){.cr-web-row{width:75vw}}.cr-web-wrapper{display:flex;justify-content:center}.cr-web-row ul,.cr-web-row li{gap:4px;flex-direction:row}.cr-web-row ul{padding:0 8px;margin:0;list-style-type:none;flex-direction:column}.cr-web-row option{min-height:2em;white-space:normal}.cr-web-form{display:flex;flex-direction:column}.cr-web-form input,.cr-web-form select,.cr-web-form button{padding:8px 12px;border-radius:4px;border-style:solid;border-width:1px}.cr-web-form label,.cr-web-label{font-weight:500;padding:8px 0;font-style:normal;line-height:normal}.cr-web-form button{font-size:1em;font-weight:700;color:#fff;font-style:normal;border-style:solid;border-color:transparent;border-radius:4px;cursor:pointer}.cr-web-form label.required:after{content:' *';width:10px;height:100%;font-size:1.1em;line-height:inherit}.cr-web-label.required:after{content:' *'}.cr-web-form label.required .cred-html-wrapper,.cr-web-form label.required .cred-html{display:inline-block!important}<\/style><style hash=\"cr-consent-required\">.cr-consent-required{display:block;margin-left:24px;padding:0!important}.cr-consent-required:after{content:' *'}<\/style><style hash=\"cr-consent-wrapper\">.cr-consent-wrapper{display:flex;align-items:start}.cr-consent-wrapper input{display:block;width:auto}<\/style>\n<!-- ------------ form ------------ -->\n<form method=\"post\" action=\"https:\/\/flow.cleverreach.com\/fl\/0ca81573-346f-4cc3-b03b-b96dc528bcf2\/confirm\" class=\"cr-form\" target=\"_blank\">\n  <input type=\"text\" tabindex=\"-1\" autocomplete=\"false\" style=\"display:none !important;\" class=\"cr-nope\" name=\"email_confirm\">\n\n  <!-- Hidden UTM tracking fields (filled automatically by the script below) -->\n  <input type=\"hidden\" name=\"global.utm_source\" value=\"\">\n  <input type=\"hidden\" name=\"global.utm_medium\" value=\"\">\n  <input type=\"hidden\" name=\"global.utm_campaign\" value=\"\">\n  <input type=\"hidden\" name=\"global.utm_content\" value=\"\">\n  <input type=\"hidden\" name=\"global.utm_term\" value=\"\">\n\n  <div class=\"cr-web-wrapper bgcolor-1\">\n    <div class=\"cr-web-row bgcolor-2\" style=\"padding:10px 20px;\">\n      <div class=\"cr-text color-2\">\n        <div class=\"cr-web-form\">\n          <label class=\"required\">Vorname<\/label>\n          <input type=\"text\" placeholder=\"\" name=\"global.firstname\" required=\"\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"cr-web-wrapper bgcolor-1\">\n    <div class=\"cr-web-row bgcolor-2\" style=\"padding:10px 20px;\">\n      <div class=\"cr-text color-2\">\n        <div class=\"cr-web-form\">\n          <label class=\"required\">E-Mail<\/label>\n          <input type=\"email\" placeholder=\"\" name=\"email\" required=\"\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"cr-web-wrapper bgcolor-1\">\n    <div class=\"cr-web-row bgcolor-2\" style=\"padding:10px 20px;\">\n      <div class=\"cr-text color-2\">\n        <div class=\"cr-web-form\">\n          <div>\n            <div class=\"cr-consent-wrapper\">\n              <input type=\"checkbox\" name=\"tags[]\" value=\"accept\" required=\"\">\n              <label class=\"cr-consent-required\">Ja, ich m\u00f6chte per E-Mail aktuelle Informationen zu Produkten, Inhalten und Events von decareto erhalten. Ich willige ein, dass meine Daten und meine E-Mail zu Marketingzwecken, f\u00fcr die Auswertung des Erfolgs von Marketingkampagnen und f\u00fcr die Dokumentation meiner Einwilligung genutzt werden. Diese Einwilligung k\u00f6nnen Sie jederzeit mit Wirkung f\u00fcr die Zukunft per E-Mail an datenschutz@decareto.de oder direkt am Ende einer E-Mail widerrufen.<\/label>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"cr-web-wrapper bgcolor-1\">\n    <div class=\"cr-web-row bgcolor-2\" style=\"padding:10px 20px;\">\n      <div class=\"cr-text color-2\">\n        <div align=\"left\">Weitere Informationen finden Sie in unserer&nbsp;<a class=\"false\" href=\"https:\/\/decareto.com\/de\/datenschutz\/\" target=\"_blank\" rel=\"noopener\" data-auto-event-observed=\"true\">Datenschutzerkl\u00e4rung.<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"cr-web-wrapper bgcolor-1\">\n    <div class=\"cr-web-row bgcolor-2\" style=\"padding:10px 20px;\">\n      <div class=\"cr-web-form\">\n        <button type=\"submit\" class=\"aux-color-1 aux-bgcolor-1 cr-text\" style=\"font-weight:inherit !important;font-size:14px;font-family:inherit;background-color: rgb(29, 157, 217);\">Leitfaden jetzt herunterladen<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/form>\n<!-- ------------ javascript ------------ -->\n<script>document.addEventListener(\"DOMContentLoaded\",()=>{document.querySelectorAll('input[type=\"checkbox\"][required]').forEach(e=>{e.addEventListener(\"change\",()=>{let t=e.closest(\"ul\");if(!t)return;let n=t.querySelectorAll('input[type=\"checkbox\"]:checked').length;t.querySelectorAll('input[type=\"checkbox\"]').forEach(e=>{n>0?e.removeAttribute(\"required\"):e.setAttribute(\"required\",\"required\")})})})})<\/script>\n\n<!-- UTM auto-fill: reads utm_* from the page URL; remembers them for the visit\n     so they still get sent if the visitor browses to another page before signing up -->\n<script>\n(function () {\n  var keys = [\"utm_source\", \"utm_medium\", \"utm_campaign\", \"utm_content\", \"utm_term\"];\n\n  function store(k, v) { try { sessionStorage.setItem(\"cr_\" + k, v); } catch (e) {} }\n  function recall(k) { try { return sessionStorage.getItem(\"cr_\" + k) || \"\"; } catch (e) { return \"\"; } }\n\n  function fill() {\n    var params = new URLSearchParams(window.location.search);\n    keys.forEach(function (k) {\n      var value = params.get(k);\n      if (value) { store(k, value); } else { value = recall(k); }\n      document.querySelectorAll('input[name=\"global.' + k + '\"]').forEach(function (input) {\n        input.value = value;\n      });\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", fill);\n  } else {\n    fill();\n  }\n})();\n<\/script>\n<!-- ------------ \/CR-Popup ------------ -->\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8066746 elementor-widget elementor-widget-text-editor\" data-id=\"8066746\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Der 10-Punkte-Leitfaden zeigt Ihnen auf 26 Seiten, wie Sie:<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38c8203 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"38c8203\" 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 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" fill=\"url(#paint0_linear_2168_445)\"><\/path><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" stroke=\"url(#paint1_linear_2168_445)\"><\/path><path d=\"M6.25 10.75L8.5 13L13.75 7.75\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><defs><linearGradient id=\"paint0_linear_2168_445\" x1=\"9.58333\" y1=\"21.3158\" x2=\"9.58334\" y2=\"-1.31579\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#25A7FF\"><\/stop><stop offset=\"1\" stop-color=\"#52B9FF\"><\/stop><\/linearGradient><linearGradient id=\"paint1_linear_2168_445\" x1=\"-1.48148\" y1=\"25\" x2=\"20.1981\" y2=\"24.708\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0.0885124\" stop-color=\"#30ACFF\"><\/stop><stop offset=\"0.516867\" stop-color=\"#C5E5F1\"><\/stop><stop offset=\"1\" stop-color=\"#31AAFF\"><\/stop><\/linearGradient><\/defs><\/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\">mit HTML und ARIA eine zuverl\u00e4ssige Tastaturbedienbarkeit sicherstellen<\/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 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" fill=\"url(#paint0_linear_2168_445)\"><\/path><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" stroke=\"url(#paint1_linear_2168_445)\"><\/path><path d=\"M6.25 10.75L8.5 13L13.75 7.75\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><defs><linearGradient id=\"paint0_linear_2168_445\" x1=\"9.58333\" y1=\"21.3158\" x2=\"9.58334\" y2=\"-1.31579\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#25A7FF\"><\/stop><stop offset=\"1\" stop-color=\"#52B9FF\"><\/stop><\/linearGradient><linearGradient id=\"paint1_linear_2168_445\" x1=\"-1.48148\" y1=\"25\" x2=\"20.1981\" y2=\"24.708\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0.0885124\" stop-color=\"#30ACFF\"><\/stop><stop offset=\"0.516867\" stop-color=\"#C5E5F1\"><\/stop><stop offset=\"1\" stop-color=\"#31AAFF\"><\/stop><\/linearGradient><\/defs><\/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\">sichtbare Fokus-Indikatoren und eine logische Tab-Reihenfolge umsetzen<\/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 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" fill=\"url(#paint0_linear_2168_445)\"><\/path><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" stroke=\"url(#paint1_linear_2168_445)\"><\/path><path d=\"M6.25 10.75L8.5 13L13.75 7.75\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><defs><linearGradient id=\"paint0_linear_2168_445\" x1=\"9.58333\" y1=\"21.3158\" x2=\"9.58334\" y2=\"-1.31579\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#25A7FF\"><\/stop><stop offset=\"1\" stop-color=\"#52B9FF\"><\/stop><\/linearGradient><linearGradient id=\"paint1_linear_2168_445\" x1=\"-1.48148\" y1=\"25\" x2=\"20.1981\" y2=\"24.708\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0.0885124\" stop-color=\"#30ACFF\"><\/stop><stop offset=\"0.516867\" stop-color=\"#C5E5F1\"><\/stop><stop offset=\"1\" stop-color=\"#31AAFF\"><\/stop><\/linearGradient><\/defs><\/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\">Men\u00fcs, Dropdowns und Formulare vollst\u00e4ndig ohne Maus bedienbar machen<\/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 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" fill=\"url(#paint0_linear_2168_445)\"><\/path><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" stroke=\"url(#paint1_linear_2168_445)\"><\/path><path d=\"M6.25 10.75L8.5 13L13.75 7.75\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><defs><linearGradient id=\"paint0_linear_2168_445\" x1=\"9.58333\" y1=\"21.3158\" x2=\"9.58334\" y2=\"-1.31579\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#25A7FF\"><\/stop><stop offset=\"1\" stop-color=\"#52B9FF\"><\/stop><\/linearGradient><linearGradient id=\"paint1_linear_2168_445\" x1=\"-1.48148\" y1=\"25\" x2=\"20.1981\" y2=\"24.708\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0.0885124\" stop-color=\"#30ACFF\"><\/stop><stop offset=\"0.516867\" stop-color=\"#C5E5F1\"><\/stop><stop offset=\"1\" stop-color=\"#31AAFF\"><\/stop><\/linearGradient><\/defs><\/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\">Cookie-Banner, Dialoge und Popups ohne Tastaturfallen gestalten<\/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 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" fill=\"url(#paint0_linear_2168_445)\"><\/path><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" stroke=\"url(#paint1_linear_2168_445)\"><\/path><path d=\"M6.25 10.75L8.5 13L13.75 7.75\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><defs><linearGradient id=\"paint0_linear_2168_445\" x1=\"9.58333\" y1=\"21.3158\" x2=\"9.58334\" y2=\"-1.31579\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#25A7FF\"><\/stop><stop offset=\"1\" stop-color=\"#52B9FF\"><\/stop><\/linearGradient><linearGradient id=\"paint1_linear_2168_445\" x1=\"-1.48148\" y1=\"25\" x2=\"20.1981\" y2=\"24.708\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0.0885124\" stop-color=\"#30ACFF\"><\/stop><stop offset=\"0.516867\" stop-color=\"#C5E5F1\"><\/stop><stop offset=\"1\" stop-color=\"#31AAFF\"><\/stop><\/linearGradient><\/defs><\/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\">Hover-Inhalte und Drag-and-Drop-Funktionen barrierefrei umsetzen<\/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 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" fill=\"url(#paint0_linear_2168_445)\"><\/path><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" stroke=\"url(#paint1_linear_2168_445)\"><\/path><path d=\"M6.25 10.75L8.5 13L13.75 7.75\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><defs><linearGradient id=\"paint0_linear_2168_445\" x1=\"9.58333\" y1=\"21.3158\" x2=\"9.58334\" y2=\"-1.31579\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#25A7FF\"><\/stop><stop offset=\"1\" stop-color=\"#52B9FF\"><\/stop><\/linearGradient><linearGradient id=\"paint1_linear_2168_445\" x1=\"-1.48148\" y1=\"25\" x2=\"20.1981\" y2=\"24.708\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0.0885124\" stop-color=\"#30ACFF\"><\/stop><stop offset=\"0.516867\" stop-color=\"#C5E5F1\"><\/stop><stop offset=\"1\" stop-color=\"#31AAFF\"><\/stop><\/linearGradient><\/defs><\/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\">typische WCAG-Verst\u00f6\u00dfe erkennen und vermeiden<\/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 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" fill=\"url(#paint0_linear_2168_445)\"><\/path><path d=\"M0.5 10C0.5 4.7533 4.7533 0.5 10 0.5C15.2467 0.5 19.5 4.7533 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.7533 19.5 0.5 15.2467 0.5 10Z\" stroke=\"url(#paint1_linear_2168_445)\"><\/path><path d=\"M6.25 10.75L8.5 13L13.75 7.75\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><defs><linearGradient id=\"paint0_linear_2168_445\" x1=\"9.58333\" y1=\"21.3158\" x2=\"9.58334\" y2=\"-1.31579\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#25A7FF\"><\/stop><stop offset=\"1\" stop-color=\"#52B9FF\"><\/stop><\/linearGradient><linearGradient id=\"paint1_linear_2168_445\" x1=\"-1.48148\" y1=\"25\" x2=\"20.1981\" y2=\"24.708\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0.0885124\" stop-color=\"#30ACFF\"><\/stop><stop offset=\"0.516867\" stop-color=\"#C5E5F1\"><\/stop><stop offset=\"1\" stop-color=\"#31AAFF\"><\/stop><\/linearGradient><\/defs><\/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\">automatisierte Accessibility-Tests mit manuellen Pr\u00fcfungen kombinieren<\/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>\n\t\t<div class=\"elementor-element elementor-element-0f3deaa e-con-full e-flex e-con e-child\" data-id=\"0f3deaa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:150,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;laptop&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbb7a8f elementor-widget elementor-widget-image\" data-id=\"dbb7a8f\" 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=\"800\" height=\"800\" src=\"https:\/\/decareto.com\/wp-content\/uploads\/2026\/10\/Tastaturbedienbarkeit-richtig-umsetzen-1024x1024.png\" class=\"attachment-large size-large wp-image-39283\" alt=\"\" srcset=\"https:\/\/decareto.com\/wp-content\/uploads\/2026\/10\/Tastaturbedienbarkeit-richtig-umsetzen-1024x1024.png 1024w, https:\/\/decareto.com\/wp-content\/uploads\/2026\/10\/Tastaturbedienbarkeit-richtig-umsetzen-300x300.png 300w, https:\/\/decareto.com\/wp-content\/uploads\/2026\/10\/Tastaturbedienbarkeit-richtig-umsetzen-150x150.png 150w, https:\/\/decareto.com\/wp-content\/uploads\/2026\/10\/Tastaturbedienbarkeit-richtig-umsetzen-768x768.png 768w, https:\/\/decareto.com\/wp-content\/uploads\/2026\/10\/Tastaturbedienbarkeit-richtig-umsetzen.png 1254w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\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>\n\t\t\t\t<\/main>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ihr kostenloser 10-Punkte-Leitfaden f\u00fcr barrierefreie Websites Tastaturbedienbarkeit richtig umsetzen Websites m\u00fcssen auch ohne Maus bedienbar sein. Doch gerade bei Men\u00fcs, Formularen und interaktiven Elementen entstehen h\u00e4ufig Barrieren, die bei der Entwicklung leicht \u00fcbersehen werden. In diesem Leitfaden beschreiben wir die zehn wichtigsten Punkte f\u00fcr die technische Umsetzung und bieten Web-Entwicklern und -Verantwortlichen eine Richtlinie mit [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"class_list":["post-39336","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/pages\/39336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/comments?post=39336"}],"version-history":[{"count":11,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/pages\/39336\/revisions"}],"predecessor-version":[{"id":40090,"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/pages\/39336\/revisions\/40090"}],"wp:attachment":[{"href":"https:\/\/decareto.com\/de\/wp-json\/wp\/v2\/media?parent=39336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}