{"id":5187,"date":"2026-08-01T22:26:06","date_gmt":"2026-08-01T19:26:06","guid":{"rendered":"https:\/\/lamaweb.de\/?page_id=5187"},"modified":"2026-09-26T00:44:12","modified_gmt":"2026-09-25T21:44:12","slug":"accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb","status":"publish","type":"post","link":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/","title":{"rendered":"Planning an accessible website: a practical WCAG 2.2 and BFSG checklist"},"content":{"rendered":"<p>Accessibility cannot be added to a completed website with an overlay and a handful of image descriptions. It affects information architecture, design, content, frontend code, forms, documents and ongoing publishing. When testing begins shortly before launch, teams discover failures in components that are already expensive to change together.<\/p>\n<p>In Germany, the provisions of the Barrierefreiheitsst\u00e4rkungsgesetz, or BFSG, have generally applied since 28 June 2025. The products, services, exceptions and transitional rules relevant to a specific organisation require legal assessment. This article is not legal advice. It explains how to organise a web project around an explicit, testable accessibility target.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#Do_not_treat_the_BFSG_and_WCAG_as_the_same_thing\" >Do not treat the BFSG and WCAG as the same thing<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#1_Define_the_scope_before_design_starts\" >1. Define the scope before design starts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#2_Build_testable_rules_into_the_design_system\" >2. Build testable rules into the design system<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#3_Structure_content_for_different_ways_of_perceiving_it\" >3. Structure content for different ways of perceiving it<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#4_Prefer_semantic_HTML_before_adding_ARIA\" >4. Prefer semantic HTML before adding ARIA<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#5_Test_forms_as_complete_journeys\" >5. Test forms as complete journeys<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#6_Combine_automated_and_manual_testing\" >6. Combine automated and manual testing<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#7_Define_acceptance_and_ongoing_ownership\" >7. Define acceptance and ongoing ownership<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#Release_gate\" >Release gate<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Do_not_treat_the_BFSG_and_WCAG_as_the_same_thing\"><\/span>Do not treat the BFSG and WCAG as the same thing<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The BFSG sets legal requirements for specified products and services. The Web Content Accessibility Guidelines (WCAG) 2.2, published by the World Wide Web Consortium (W3C), provide technical and content-oriented success criteria for accessible web content. WCAG 2.2 organises its guidance under four principles: perceivable, operable, understandable and robust.<\/p>\n<p>A project therefore needs two separate decisions:<\/p>\n<ol>\n<li>Which legal duties apply to this service and organisation?<\/li>\n<li>Which technical conformance target and test scope will the project use?<\/li>\n<\/ol>\n<p>\u201cThe website will be accessible\u201d is not a dependable requirement unless it identifies the target, page types, success criteria and verification method.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"1_Define_the_scope_before_design_starts\"><\/span>1. Define the scope before design starts<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Create an inventory of every digital component a user may need:<\/p>\n<ul>\n<li>public pages and language versions;<\/li>\n<li>navigation, search and filters;<\/li>\n<li>forms, calculators and appointment booking;<\/li>\n<li>registration, sign-in and account functions;<\/li>\n<li>basket, checkout and payment;<\/li>\n<li>video, audio and animation;<\/li>\n<li>PDF files and other downloads;<\/li>\n<li>consent controls, chat and third-party widgets;<\/li>\n<li>emails or documents required to complete a process.<\/li>\n<\/ul>\n<p>Third-party components should not disappear from the scope automatically. If a payment window, booking tool or consent dialog blocks an essential action, the overall journey is not accessible simply because the content pages are.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"2_Build_testable_rules_into_the_design_system\"><\/span>2. Build testable rules into the design system<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Accessibility starts with components rather than individual screens. Colour, focus, errors and spacing should be defined as reusable behaviours.<\/p>\n<p>The design needs to answer:<\/p>\n<ul>\n<li>Is colour contrast sufficient for text and essential controls?<\/li>\n<li>Does information remain clear without relying on colour?<\/li>\n<li>Is a visible keyboard focus state specified for every interactive element?<\/li>\n<li>Are targets large enough and separated for reliable operation?<\/li>\n<li>Does the layout work when zoomed and at narrow widths?<\/li>\n<li>Can motion and automatically changing content be paused?<\/li>\n<li>Are hover interactions also available to keyboard and touch users?<\/li>\n<\/ul>\n<p>A static screenshot cannot prove many of these conditions. Focus, validation errors, open menus and disabled controls belong in the design handover.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"3_Structure_content_for_different_ways_of_perceiving_it\"><\/span>3. Structure content for different ways of perceiving it<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Editorial accessibility extends well beyond alt text. Headings need to represent the information structure, links should explain their destination and instructions should avoid unnecessary ambiguity.<\/p>\n<p>Review:<\/p>\n<ul>\n<li>a logical heading hierarchy rather than visually simulated headings;<\/li>\n<li>descriptive links instead of repeated \u201cLearn more\u201d labels;<\/li>\n<li>alternative text that represents the purpose of a meaningful image in context;<\/li>\n<li>empty alternative text for purely decorative images;<\/li>\n<li>captions and other required alternatives for media;<\/li>\n<li>tables used for genuine data relationships rather than layout;<\/li>\n<li>clear instructions, validation messages and required-field cues;<\/li>\n<li>descriptive document titles and accessible download formats.<\/li>\n<\/ul>\n<p>Alternative text should not repeat the page\u2019s keywords. Its purpose is to replace the information the image contributes in that specific context.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_Prefer_semantic_HTML_before_adding_ARIA\"><\/span>4. Prefer semantic HTML before adding ARIA<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Native HTML elements include useful roles and keyboard behaviour. A real button is generally more robust than a styled div supported by scripts that attempt to reproduce button behaviour. ARIA attributes can add semantics, but they do not automatically correct an unsuitable interaction.<\/p>\n<p>Frontend review should cover:<\/p>\n<ul>\n<li>appropriate landmarks for header, navigation, main content and footer;<\/li>\n<li>labels and relationships for form controls;<\/li>\n<li>complete keyboard operation in a logical order;<\/li>\n<li>focus management for dialogs, menus and dynamic notifications;<\/li>\n<li>status and error messages exposed to assistive technology;<\/li>\n<li>no keyboard traps;<\/li>\n<li>the correct language for the document and any language changes;<\/li>\n<li>stable content under zoom, orientation change and responsive layouts.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"5_Test_forms_as_complete_journeys\"><\/span>5. Test forms as complete journeys<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>A form is accessible only when its fields, validation, error correction and confirmation work together. Placeholder text is not a durable label. Errors should identify the affected field and explain how to correct the value.<\/p>\n<p>Test cases should include:<\/p>\n<ol>\n<li>completing the workflow with a keyboard only;<\/li>\n<li>submitting empty or invalid fields;<\/li>\n<li>correcting errors without losing valid input;<\/li>\n<li>receiving a clear success confirmation;<\/li>\n<li>handling a server failure or timeout;<\/li>\n<li>checking critical stages with a screen reader.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"6_Combine_automated_and_manual_testing\"><\/span>6. Combine automated and manual testing<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Automated tools can identify certain patterns efficiently, including missing labels, some contrast failures and invalid relationships. They cannot reliably decide whether alternative text is useful, focus order supports the task or an error message makes sense.<\/p>\n<p>A credible test plan combines:<\/p>\n<ul>\n<li>automated checks across representative templates;<\/li>\n<li>keyboard testing for every critical journey;<\/li>\n<li>review with zoom and different viewport sizes;<\/li>\n<li>screen-reader sampling;<\/li>\n<li>manual inspection of structure, text alternatives and errors;<\/li>\n<li>testing with disabled users when the reach and risk justify it.<\/li>\n<\/ul>\n<p>Do not test the homepage alone. Select at least one representative example of every important template and add known exceptions or complex states.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"7_Define_acceptance_and_ongoing_ownership\"><\/span>7. Define acceptance and ongoing ownership<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>New content, plugins and design changes can introduce barriers after launch. Handover therefore needs more than a one-time report.<\/p>\n<p>Acceptance should include:<\/p>\n<ul>\n<li>the documented target and test scope;<\/li>\n<li>the tools, devices and manual methods used;<\/li>\n<li>findings with severity, URL and a reproducible test case;<\/li>\n<li>owners and dates for unresolved items;<\/li>\n<li>component rules in the design system;<\/li>\n<li>editorial guidance for headings, links, images and documents;<\/li>\n<li>regression checks for future releases.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Release_gate\"><\/span>Release gate<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Before launch, the team should be able to answer five questions with evidence:<\/p>\n<ol>\n<li>Have the legal scope and technical target been decided?<\/li>\n<li>Can users complete critical journeys with a keyboard?<\/li>\n<li>Are structure, labels, focus and error messages understandable?<\/li>\n<li>Have automated findings been evaluated manually?<\/li>\n<li>Are owners and recurring checks in place after release?<\/li>\n<\/ol>\n<p>Accessibility is not a certificate that covers every future change. It is a quality requirement for both the product and the delivery process. Defining the target, components and tests early reduces the risk of having to reverse fundamental decisions immediately before launch.<\/p>\n<p>Primary references: the German Federal Ministry of Labour and Social Affairs on the BFSG, and the W3C Web Content Accessibility Guidelines (WCAG) 2.2.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Accessibility cannot be added to a completed website with an overlay and a handful of image descriptions. It affects information&#8230;<\/p>\n","protected":false},"author":2,"featured_media":5330,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,584],"tags":[],"class_list":["post-5187","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-web-design-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accessible Website Checklist: WCAG 2.2 &amp; BFSG Guide | LamaWeb<\/title>\n<meta name=\"description\" content=\"A practical accessible website checklist for WCAG 2.2 and BFSG compliance. Plan your web project scope, design system, semantic HTML, and audit testing.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accessible Website Checklist: WCAG 2.2 &amp; BFSG Guide | LamaWeb\" \/>\n<meta property=\"og:description\" content=\"A practical accessible website checklist for WCAG 2.2 and BFSG compliance. Plan your web project scope, design system, semantic HTML, and audit testing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/\" \/>\n<meta property=\"og:site_name\" content=\"Internet Marketing Agentur - SEO, Webentwicklung, Google Ads &amp; SMM | LAMA WEB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/lamaweb.de\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-01T19:26:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-25T21:44:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lamaweb.de\/wp-content\/uploads\/2026\/08\/barrierefreie-website-bfsg-wcag-checkliste-de.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vitaliy Vakulenko\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vitaliy Vakulenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\\\/\"},\"author\":{\"name\":\"Vitaliy Vakulenko\",\"@id\":\"https:\\\/\\\/lamaweb.de\\\/#\\\/schema\\\/person\\\/8e04c9df372baa186f99add8ea577275\"},\"headline\":\"Planning an accessible website: a practical WCAG 2.2 and BFSG checklist\",\"datePublished\":\"2026-08-01T19:26:06+00:00\",\"dateModified\":\"2026-09-25T21:44:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\\\/\"},\"wordCount\":1048,\"publisher\":{\"@id\":\"https:\\\/\\\/lamaweb.de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lamaweb.de\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/barrierefreie-website-bfsg-wcag-checkliste-de.jpg\",\"articleSection\":[\"Blog\",\"Web Design &amp; Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\\\/\",\"url\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\\\/\",\"name\":\"Accessible Website Checklist: WCAG 2.2 & BFSG Guide | LamaWeb\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lamaweb.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lamaweb.de\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/barrierefreie-website-bfsg-wcag-checkliste-de.jpg\",\"datePublished\":\"2026-08-01T19:26:06+00:00\",\"dateModified\":\"2026-09-25T21:44:12+00:00\",\"description\":\"A practical accessible website checklist for WCAG 2.2 and BFSG compliance. Plan your web project scope, design system, semantic HTML, and audit testing.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lamaweb.de\\\/en\\\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lamaweb.de\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/barrierefreie-website-bfsg-wcag-checkliste-de.jpg\",\"contentUrl\":\"https:\\\/\\\/lamaweb.de\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/barrierefreie-website-bfsg-wcag-checkliste-de.jpg\",\"width\":1536,\"height\":1024,\"caption\":\"Barrierefreie Website-Oberfl\u00e4che mit Bedienhilfen, Navigation und Schutzsymbol\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Planning an accessible website: a practical WCAG 2.2 and BFSG checklist\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lamaweb.de\\\/#website\",\"url\":\"https:\\\/\\\/lamaweb.de\\\/\",\"name\":\"Lama Web\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/lamaweb.de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lamaweb.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/lamaweb.de\\\/#organization\",\"name\":\"LAMA WEB\",\"url\":\"https:\\\/\\\/lamaweb.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/lamaweb.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/lamaweb.de\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/logotype.webp\",\"contentUrl\":\"https:\\\/\\\/lamaweb.de\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/logotype.webp\",\"width\":190,\"height\":39,\"caption\":\"Lama Web\"},\"image\":{\"@id\":\"https:\\\/\\\/lamaweb.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/lamaweb.de\"],\"legalName\":\"LAMA WEB\",\"alternateName\":\"LAMA WEB Internet Marketing Agency\",\"foundingDate\":\"2026\",\"founders\":[{\"@type\":\"Person\",\"name\":\"LAMA WEB Team\"}],\"contactPoint\":{\"@type\":\"ContactPoint\",\"telephone\":\"+49 15111075087\",\"contactType\":\"customer service\",\"availableLanguage\":[\"German\",\"English\"]}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/lamaweb.de\\\/#\\\/schema\\\/person\\\/8e04c9df372baa186f99add8ea577275\",\"name\":\"Vitaliy Vakulenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d6316e775dd86903d19789b7d1ed6dc9b31fd375c6229db43f56ecc717180e70?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d6316e775dd86903d19789b7d1ed6dc9b31fd375c6229db43f56ecc717180e70?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d6316e775dd86903d19789b7d1ed6dc9b31fd375c6229db43f56ecc717180e70?s=96&d=mm&r=g\",\"caption\":\"Vitaliy Vakulenko\"},\"description\":\"SEO-Spezialist mit \u00fcber 6 Jahren Erfahrung im Bereich Digital Marketing und IT-Projektmanagement. Ich bin spezialisiert auf Suchmaschinenoptimierung, technisches SEO und Strategien zur Steigerung des organischen Traffics. Ich verf\u00fcge \u00fcber Erfahrung in der Leitung von Entwicklerteams, der Optimierung der Website-Performance und der Implementierung skalierbarer SEO-L\u00f6sungen. Mein Fokus liegt auf messbaren Ergebnissen: der Steigerung von Traffic, Conversions und Unternehmensgewinn. Ich arbeite mit E-Commerce-Projekten, Dienstleistungsunternehmen und Start-ups.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/vkvetal\\\/\"],\"url\":\"https:\\\/\\\/lamaweb.de\\\/en\\\/author\\\/vitaliy-vakulenko\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accessible Website Checklist: WCAG 2.2 & BFSG Guide | LamaWeb","description":"A practical accessible website checklist for WCAG 2.2 and BFSG compliance. Plan your web project scope, design system, semantic HTML, and audit testing.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/","og_locale":"en_US","og_type":"article","og_title":"Accessible Website Checklist: WCAG 2.2 & BFSG Guide | LamaWeb","og_description":"A practical accessible website checklist for WCAG 2.2 and BFSG compliance. Plan your web project scope, design system, semantic HTML, and audit testing.","og_url":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/","og_site_name":"Internet Marketing Agentur - SEO, Webentwicklung, Google Ads &amp; SMM | LAMA WEB","article_publisher":"https:\/\/www.facebook.com\/lamaweb.de","article_published_time":"2026-08-01T19:26:06+00:00","article_modified_time":"2026-09-25T21:44:12+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/lamaweb.de\/wp-content\/uploads\/2026\/08\/barrierefreie-website-bfsg-wcag-checkliste-de.jpg","type":"image\/jpeg"}],"author":"Vitaliy Vakulenko","twitter_misc":{"Written by":"Vitaliy Vakulenko","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#article","isPartOf":{"@id":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/"},"author":{"name":"Vitaliy Vakulenko","@id":"https:\/\/lamaweb.de\/#\/schema\/person\/8e04c9df372baa186f99add8ea577275"},"headline":"Planning an accessible website: a practical WCAG 2.2 and BFSG checklist","datePublished":"2026-08-01T19:26:06+00:00","dateModified":"2026-09-25T21:44:12+00:00","mainEntityOfPage":{"@id":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/"},"wordCount":1048,"publisher":{"@id":"https:\/\/lamaweb.de\/#organization"},"image":{"@id":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#primaryimage"},"thumbnailUrl":"https:\/\/lamaweb.de\/wp-content\/uploads\/2026\/08\/barrierefreie-website-bfsg-wcag-checkliste-de.jpg","articleSection":["Blog","Web Design &amp; Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/","url":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/","name":"Accessible Website Checklist: WCAG 2.2 & BFSG Guide | LamaWeb","isPartOf":{"@id":"https:\/\/lamaweb.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#primaryimage"},"image":{"@id":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#primaryimage"},"thumbnailUrl":"https:\/\/lamaweb.de\/wp-content\/uploads\/2026\/08\/barrierefreie-website-bfsg-wcag-checkliste-de.jpg","datePublished":"2026-08-01T19:26:06+00:00","dateModified":"2026-09-25T21:44:12+00:00","description":"A practical accessible website checklist for WCAG 2.2 and BFSG compliance. Plan your web project scope, design system, semantic HTML, and audit testing.","breadcrumb":{"@id":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#primaryimage","url":"https:\/\/lamaweb.de\/wp-content\/uploads\/2026\/08\/barrierefreie-website-bfsg-wcag-checkliste-de.jpg","contentUrl":"https:\/\/lamaweb.de\/wp-content\/uploads\/2026\/08\/barrierefreie-website-bfsg-wcag-checkliste-de.jpg","width":1536,"height":1024,"caption":"Barrierefreie Website-Oberfl\u00e4che mit Bedienhilfen, Navigation und Schutzsymbol"},{"@type":"BreadcrumbList","@id":"https:\/\/lamaweb.de\/en\/accessible-website-a-practical-wcag-and-bfsg-project-checklist-lamaweb\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/lamaweb.de\/en\/"},{"@type":"ListItem","position":2,"name":"Planning an accessible website: a practical WCAG 2.2 and BFSG checklist"}]},{"@type":"WebSite","@id":"https:\/\/lamaweb.de\/#website","url":"https:\/\/lamaweb.de\/","name":"Lama Web","description":"","publisher":{"@id":"https:\/\/lamaweb.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lamaweb.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/lamaweb.de\/#organization","name":"LAMA WEB","url":"https:\/\/lamaweb.de\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lamaweb.de\/#\/schema\/logo\/image\/","url":"https:\/\/lamaweb.de\/wp-content\/uploads\/2025\/12\/logotype.webp","contentUrl":"https:\/\/lamaweb.de\/wp-content\/uploads\/2025\/12\/logotype.webp","width":190,"height":39,"caption":"Lama Web"},"image":{"@id":"https:\/\/lamaweb.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/lamaweb.de"],"legalName":"LAMA WEB","alternateName":"LAMA WEB Internet Marketing Agency","foundingDate":"2026","founders":[{"@type":"Person","name":"LAMA WEB Team"}],"contactPoint":{"@type":"ContactPoint","telephone":"+49 15111075087","contactType":"customer service","availableLanguage":["German","English"]}},{"@type":"Person","@id":"https:\/\/lamaweb.de\/#\/schema\/person\/8e04c9df372baa186f99add8ea577275","name":"Vitaliy Vakulenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/d6316e775dd86903d19789b7d1ed6dc9b31fd375c6229db43f56ecc717180e70?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d6316e775dd86903d19789b7d1ed6dc9b31fd375c6229db43f56ecc717180e70?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d6316e775dd86903d19789b7d1ed6dc9b31fd375c6229db43f56ecc717180e70?s=96&d=mm&r=g","caption":"Vitaliy Vakulenko"},"description":"SEO-Spezialist mit \u00fcber 6 Jahren Erfahrung im Bereich Digital Marketing und IT-Projektmanagement. Ich bin spezialisiert auf Suchmaschinenoptimierung, technisches SEO und Strategien zur Steigerung des organischen Traffics. Ich verf\u00fcge \u00fcber Erfahrung in der Leitung von Entwicklerteams, der Optimierung der Website-Performance und der Implementierung skalierbarer SEO-L\u00f6sungen. Mein Fokus liegt auf messbaren Ergebnissen: der Steigerung von Traffic, Conversions und Unternehmensgewinn. Ich arbeite mit E-Commerce-Projekten, Dienstleistungsunternehmen und Start-ups.","sameAs":["https:\/\/www.linkedin.com\/in\/vkvetal\/"],"url":"https:\/\/lamaweb.de\/en\/author\/vitaliy-vakulenko\/"}]}},"_links":{"self":[{"href":"https:\/\/lamaweb.de\/en\/wp-json\/wp\/v2\/posts\/5187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lamaweb.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lamaweb.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lamaweb.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lamaweb.de\/en\/wp-json\/wp\/v2\/comments?post=5187"}],"version-history":[{"count":2,"href":"https:\/\/lamaweb.de\/en\/wp-json\/wp\/v2\/posts\/5187\/revisions"}],"predecessor-version":[{"id":6632,"href":"https:\/\/lamaweb.de\/en\/wp-json\/wp\/v2\/posts\/5187\/revisions\/6632"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lamaweb.de\/en\/wp-json\/wp\/v2\/media\/5330"}],"wp:attachment":[{"href":"https:\/\/lamaweb.de\/en\/wp-json\/wp\/v2\/media?parent=5187"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lamaweb.de\/en\/wp-json\/wp\/v2\/categories?post=5187"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lamaweb.de\/en\/wp-json\/wp\/v2\/tags?post=5187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}