{"id":265,"date":"2026-07-23T17:22:18","date_gmt":"2026-07-23T15:22:18","guid":{"rendered":"https:\/\/doryo.de\/accessible-website\/"},"modified":"2026-07-24T19:28:40","modified_gmt":"2026-07-24T17:28:40","slug":"accessible-website","status":"publish","type":"page","link":"https:\/\/doryo.de\/en\/accessible-website\/","title":{"rendered":"Accessible website (WCAG 2.2 AA \/ BFSG)"},"content":{"rendered":"<section class=\"doryo-section doryo-section--bg-hero doryo-section--pad-spacious doryo-section--w-wide doryo-section--layout-split-media\">\n\t<div class=\"doryo-section__inner\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p class=\"doryo-eyebrow wp-block-paragraph\">Accessibility \u00b7 WCAG 2.2 AA &#038; BFSG<\/p>\n\n\n<h1 class=\"wp-block-heading\">Get an accessible website \u2014 WCAG 2.2 AA, compliant with the German BFSG.<\/h1>\n\n\n<p class=\"wp-block-paragraph\">I make WordPress and Shopify sites accessible: audit, implementation and documentation to WCAG 2.2 AA. For shops and B2C websites in Germany this has been mandatory since 28 June 2025 (BFSG) \u2014 for everyone else it is a gain in quality and trust.<\/p>\n\n\n<div class=\"wp-block-group doryo-cta-row is-layout-flow wp-block-group-is-layout-flow\">\n<a class=\"doryo-button doryo-button--primary\" href=\"#contact\"><span class=\"doryo-button__click\"><span class=\"doryo-button__fill\" aria-hidden=\"true\"><\/span><span class=\"doryo-button__label\">Request a project<\/span><\/span><\/a>\n<a class=\"doryo-button doryo-button--secondary\" href=\"#faq\"><span class=\"doryo-button__click\"><span class=\"doryo-button__fill\" aria-hidden=\"true\"><\/span><span class=\"doryo-button__label\">Frequently asked questions<\/span><\/span><\/a>\n<\/div>\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/doryo.de\/wp-content\/uploads\/2026\/07\/tmp-barrierefrei-hero-1024x683.jpg\" alt=\"\" class=\"wp-image-249\" srcset=\"https:\/\/doryo.de\/wp-content\/uploads\/2026\/07\/tmp-barrierefrei-hero-1024x683.jpg 1024w, https:\/\/doryo.de\/wp-content\/uploads\/2026\/07\/tmp-barrierefrei-hero-300x200.jpg 300w, https:\/\/doryo.de\/wp-content\/uploads\/2026\/07\/tmp-barrierefrei-hero-768x512.jpg 768w, https:\/\/doryo.de\/wp-content\/uploads\/2026\/07\/tmp-barrierefrei-hero.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<\/div>\n\t<\/div>\n<\/section>\n\n\n<section class=\"doryo-section doryo-section--bg-none doryo-section--pad-default doryo-section--w-wide doryo-section--layout-default\">\n\t<div class=\"doryo-section__inner\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p class=\"doryo-eyebrow wp-block-paragraph\">The problem<\/p>\n\n\n<h2 class=\"wp-block-heading\">Since 28 June 2025, accessibility is mandatory for many websites in Germany.<\/h2>\n\n\n<p class=\"wp-block-paragraph\">The German Accessibility Strengthening Act (BFSG) requires online shops, booking and B2C service websites to be digitally accessible. The benchmark is EN 301 549, which in practice points to WCAG 2.2 AA. Without it you risk warning letters and fines \u2014 but above all you exclude people who cannot see, hear or use a mouse. I audit your site, remove the barriers and document the result in a way you can show.<\/p>\n\n<\/div>\n\t<\/div>\n<\/section>\n\n\n<section class=\"doryo-section doryo-section--bg-subtle doryo-section--pad-default doryo-section--w-wide doryo-section--layout-default\">\n\t<div class=\"doryo-section__inner\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p class=\"doryo-eyebrow wp-block-paragraph\">How it works<\/p>\n\n\n<h2 class=\"wp-block-heading\">What you get<\/h2>\n\n\n<p class=\"wp-block-paragraph\">From assessment to documentation \u2014 four building blocks that make your site measurably accessible.<\/p>\n\n<div class=\"doryo-card-grid doryo-card-grid--cols-2\">\n\t\t\t\t\t<article class=\"doryo-card\">\n\t\t\t\t\t\t\t<span class=\"doryo-card__icon\" aria-hidden=\"true\"><svg class=\"doryo-icon doryo-icon--accessibility\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"4.3\" r=\"1.6\"\/><path d=\"M4 8h16M12 8v6M12 14l-3.5 6M12 14l3.5 6\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"doryo-card__body\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"doryo-card__title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tAudit to WCAG 2.2 AA\t\t\t\t\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"doryo-card__text\">Automated checks (Lighthouse\/axe) plus a manual keyboard and screen reader walkthrough. You get a prioritised list of concrete barriers \u2014 not a 200-page PDF for the drawer.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t\t<article class=\"doryo-card\">\n\t\t\t\t\t\t\t<span class=\"doryo-card__icon\" aria-hidden=\"true\"><svg class=\"doryo-icon doryo-icon--blocks\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"doryo-card__body\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"doryo-card__title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tFixes in the code\t\t\t\t\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"doryo-card__text\">I fix the barriers directly: contrast, focus order, keyboard operation, semantic HTML, ARIA only where needed. In WordPress and Shopify, cleanly in the theme \u2014 no overlay plugin.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t\t<article class=\"doryo-card\">\n\t\t\t\t\t\t\t<span class=\"doryo-card__icon\" aria-hidden=\"true\"><svg class=\"doryo-icon doryo-icon--refresh\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 12a8 8 0 0 1 13.66-5.66L20 8\"\/><path d=\"M20 3v5h-5\"\/><path d=\"M20 12a8 8 0 0 1-13.66 5.66L4 16\"\/><path d=\"M4 21v-5h5\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"doryo-card__body\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"doryo-card__title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tDocumentation &amp; statement\t\t\t\t\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"doryo-card__text\">A documented before\/after state and, where required, an accessibility statement. Solid evidence for your customers and the authorities.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t\t<article class=\"doryo-card\">\n\t\t\t\t\t\t\t<span class=\"doryo-card__icon\" aria-hidden=\"true\"><svg class=\"doryo-icon doryo-icon--search\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.35-4.35\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t<div class=\"doryo-card__body\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"doryo-card__title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tNo overlay tricks\t\t\t\t\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"doryo-card__text\">Automated accessibility overlays don&#039;t solve the problem \u2014 they paper over it, and both affected users and courts reject them. I build accessibility into the substance of the site.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t<\/div>\n\n<\/div>\n\t<\/div>\n<\/section>\n\n\n<section class=\"doryo-section doryo-section--bg-none doryo-section--pad-default doryo-section--w-wide doryo-section--layout-split-faq\">\n\t<div class=\"doryo-section__inner\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p class=\"doryo-eyebrow wp-block-paragraph\">FAQ<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">Frequently asked questions<\/h2>\n\n\n<p class=\"wp-block-paragraph\">The key answers on the BFSG, WCAG and implementation \u2014 at a glance.<\/p>\n\n<div class=\"doryo-faq\">\n\t\t\t<details class=\"doryo-faq__item\">\n\t\t\t<summary class=\"doryo-faq__question\">\n\t\t\t\tIs accessibility mandatory for my website?\t\t\t\t<span class=\"doryo-faq__icon\" aria-hidden=\"true\"><\/span>\n\t\t\t<\/summary>\n\t\t\t<div class=\"doryo-faq__answer\">\n\t\t\t\t<p>Since 28 June 2025, the German Accessibility Strengthening Act (BFSG) requires many B2C websites and online shops to be digitally accessible \u2014 for example in e-commerce, banking, booking and passenger transport. Micro-enterprises can be exempt for certain services. If in doubt, I will check your specific case.<\/p>\n\t\t\t<\/div>\n\t\t<\/details>\n\t\t\t<details class=\"doryo-faq__item\">\n\t\t\t<summary class=\"doryo-faq__question\">\n\t\t\t\tWhat does WCAG 2.2 AA actually mean?\t\t\t\t<span class=\"doryo-faq__icon\" aria-hidden=\"true\"><\/span>\n\t\t\t<\/summary>\n\t\t\t<div class=\"doryo-faq__answer\">\n\t\t\t\t<p>The Web Content Accessibility Guidelines are the international standard for accessible websites. \u201cAA\u201d is the middle, practically decisive level \u2014 it covers contrast, keyboard operation, screen reader support, understandable forms and more. The German BFSG and BITV are based on it.<\/p>\n\t\t\t<\/div>\n\t\t<\/details>\n\t\t\t<details class=\"doryo-faq__item\">\n\t\t\t<summary class=\"doryo-faq__question\">\n\t\t\t\tIsn&#039;t an accessibility overlay plugin enough?\t\t\t\t<span class=\"doryo-faq__icon\" aria-hidden=\"true\"><\/span>\n\t\t\t<\/summary>\n\t\t\t<div class=\"doryo-faq__answer\">\n\t\t\t\t<p>No. Overlays \u2014 widgets that \u201crepair\u201d a page via JavaScript after the fact \u2014 don&#8217;t solve the problems reliably, sometimes even interfere with assistive technology, and are rejected by advocacy groups and courts alike. Real accessibility is built into the markup and the design, not switched on.<\/p>\n\t\t\t<\/div>\n\t\t<\/details>\n\t\t\t<details class=\"doryo-faq__item\">\n\t\t\t<summary class=\"doryo-faq__question\">\n\t\t\t\tCan an existing WordPress or Shopify site be made accessible?\t\t\t\t<span class=\"doryo-faq__icon\" aria-hidden=\"true\"><\/span>\n\t\t\t<\/summary>\n\t\t\t<div class=\"doryo-faq__answer\">\n\t\t\t\t<p>Yes. I work directly in the theme \u2014 the block theme in WordPress, the Liquid theme in Shopify. I audit existing sites, fix the barriers and re-test. A complete relaunch is usually not necessary.<\/p>\n\t\t\t<\/div>\n\t\t<\/details>\n\t\t\t<details class=\"doryo-faq__item\">\n\t\t\t<summary class=\"doryo-faq__question\">\n\t\t\t\tHow does a project work and what does it cost?\t\t\t\t<span class=\"doryo-faq__icon\" aria-hidden=\"true\"><\/span>\n\t\t\t<\/summary>\n\t\t\t<div class=\"doryo-faq__answer\">\n\t\t\t\t<p>It starts with an audit that clarifies the current state and the effort involved. Then implementation by priority, and documentation of the result. Scope and price depend on the size and state of your site \u2014 send me a short email with a link, and you will get an honest assessment within one working day.<\/p>\n\t\t\t<\/div>\n\t\t<\/details>\n\t<\/div>\n\n<\/div>\n\t<\/div>\n<\/section>\n\n\n<section class=\"doryo-section doryo-section--bg-none doryo-section--pad-default doryo-section--w-wide doryo-section--layout-default\">\n\t<div class=\"doryo-section__inner\">\n\t\t<div class=\"acf-innerblocks-container\">\n\n<p class=\"doryo-eyebrow wp-block-paragraph\">Contact<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"contact\">Shall we get started?<\/h2>\n\n\n<p class=\"wp-block-paragraph\">A short email with a link to your site is all it takes \u2014 you will get an honest assessment within one working day.<\/p>\n\n<div id=\"kontakt-formular\" class=\"doryo-contact-form\">\n\n\t<div class=\"doryo-contact-form__methods\">\n\t\t\t\t\t<div class=\"doryo-contact-form__method\">\n\t\t\t\t<p class=\"doryo-contact-form__method-label\">E-Mail<\/p>\n\t\t\t\t<p class=\"doryo-contact-form__method-text\">Ich bin gut per Mail erreichbar:<\/p>\n\t\t\t\t<a class=\"doryo-contact-form__method-value\" href=\"mailto:info@doryo.de\">info@doryo.de<\/a>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"doryo-contact-form__method\">\n\t\t\t\t<p class=\"doryo-contact-form__method-label\">Telefon<\/p>\n\t\t\t\t<p class=\"doryo-contact-form__method-text\">F\u00fcr ein Gespr\u00e4ch am besten nach kurzer Terminabsprache per E-Mail.<\/p>\n\t\t\t\t<a class=\"doryo-contact-form__method-value\" href=\"tel:+491788478632\">+49 178 8478632<\/a>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t<div class=\"doryo-contact-form__main\">\n\n\t\t\n\t\t\t\t\t<form class=\"doryo-contact-form__form\" method=\"post\" action=\"https:\/\/doryo.de\/wp-admin\/admin-post.php#kontakt-formular\">\n\t\t\t\t<input type=\"hidden\" name=\"action\" value=\"doryo_contact\" \/>\n\t\t\t\t<input type=\"hidden\" id=\"doryo_contact_nonce\" name=\"doryo_contact_nonce\" value=\"fe9a2f697a\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/265\" \/>\t\t\t\t<input type=\"hidden\" name=\"doryo_ts\" value=\"1784933660\" \/>\n\n\t\t\t\t\t\t\t\t<p class=\"doryo-contact-form__hp\" aria-hidden=\"true\">\n\t\t\t\t\t<label for=\"doryo-hp-kontakt-formular\">Bitte dieses Feld leer lassen<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"doryo-hp-kontakt-formular\" name=\"doryo_website\" tabindex=\"-1\" autocomplete=\"off\" \/>\n\t\t\t\t<\/p>\n\n\t\t\t\t<div class=\"doryo-contact-form__field\">\n\t\t\t\t\t<label for=\"doryo-contact-name\">Name<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"doryo-contact-name\" name=\"doryo_name\" required autocomplete=\"name\" \/>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"doryo-contact-form__field\">\n\t\t\t\t\t<label for=\"doryo-contact-email\">E-Mail<\/label>\n\t\t\t\t\t<input type=\"email\" id=\"doryo-contact-email\" name=\"doryo_email\" required autocomplete=\"email\" \/>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"doryo-contact-form__field\">\n\t\t\t\t\t<label for=\"doryo-contact-message\">Nachricht<\/label>\n\t\t\t\t\t<textarea id=\"doryo-contact-message\" name=\"doryo_message\" rows=\"6\" required><\/textarea>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"doryo-contact-form__field doryo-contact-form__field--checkbox\">\n\t\t\t\t\t<input type=\"checkbox\" id=\"doryo-contact-privacy\" name=\"doryo_privacy\" value=\"1\" required \/>\n\t\t\t\t\t<label for=\"doryo-contact-privacy\">\n\t\t\t\t\t\tIch habe die <a href=\"https:\/\/doryo.de\/en\/datenschutz\/\">Datenschutzerkl\u00e4rung<\/a> gelesen und bin mit der Verarbeitung meiner Angaben zur Beantwortung der Anfrage einverstanden.\t\t\t\t\t<\/label>\n\t\t\t\t<\/div>\n\n\t\t\t\t<button class=\"doryo-button doryo-button--primary doryo-contact-form__submit\" type=\"submit\"><span class=\"doryo-button__click\"><span class=\"doryo-button__fill\" aria-hidden=\"true\"><\/span><span class=\"doryo-button__label\">Nachricht senden<\/span><\/span><\/button>\t\t\t<\/form>\n\t\t\n\t<\/div>\n\n<\/div>\n\n<\/div>\n\t<\/div>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-landing","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-265","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/doryo.de\/en\/wp-json\/wp\/v2\/pages\/265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doryo.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doryo.de\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/doryo.de\/en\/wp-json\/wp\/v2\/comments?post=265"}],"version-history":[{"count":1,"href":"https:\/\/doryo.de\/en\/wp-json\/wp\/v2\/pages\/265\/revisions"}],"predecessor-version":[{"id":270,"href":"https:\/\/doryo.de\/en\/wp-json\/wp\/v2\/pages\/265\/revisions\/270"}],"wp:attachment":[{"href":"https:\/\/doryo.de\/en\/wp-json\/wp\/v2\/media?parent=265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}