Zum Inhalt springen
BFSG compliance since 2025

Blog — Page 2

Accessible Chart: Patterns, Labels, Text Alternative and Table FallbackBar chart: revenue per quarterQ1Q2Q3Q412016095180Patterns instead of colour alone plus direct value labelsText alternative (1.1.1)Short alt text plus long descriptionalt: bar chart revenue per quarter in thousand euroHighest value Q4 at 180, lowest Q3 at 95Table fallback: the same data as a tableQuarterRevenue k EURQ1120Q2160Q3 / Q495 / 180Four pillars of accessible data visualisationNot colour alonePatterns, shape, labelContrast 3 to 1Areas distinguishableText alternativealt plus long textTable fallbackRaw data accessibleAround 8 percent of men have a colour vision deficiency (Colour Blind Awareness)
WCAG Jun 24, 2026

Accessible Charts and Data Visualizations

Design charts accessibly: patterns instead of colour alone, sufficient contrast, text alternatives per WCAG 1.1.1 and a table fallback for charts.

13 min read Read →
Accessible Navigation: Skip Links, Menus and FocusWCAG 2.4.1 Bypass Blocks (A) | 2.4.3 Focus Order (A) | 4.1.2 Name Role Value (A) | 2.4.7 Focus Visible (AA)1. Skip LinkSkip to main contentFirst focusable linkVisible only on :focushref="#main" -> <main tabindex="-1">saves up to 20 tab stops2. Navigation<nav aria-label="Main menu">aria-currentaria-expandedArrow keysEsc closesDisclosure pattern over role=menuLandmark recognised by screen readers3. Visible FocusFocused element:focus-visible, contrast 3:1min. 2px, no bare outline:none2.4.11 Focus Not Obscured (AA)Logical focus order via TabSkip LinkNavigationMain contentFormFooter71.6% of screen reader users first navigate by headings (WebAIM 2024)Skip Links, Landmarks und sichtbarer Fokus ergaenzen einander zu einer barrierefreien Navigation
Barrierefreiheit Jun 22, 2026

Accessible Navigation: Skip Links, Menus and Focus

Accessible navigation per WCAG 2.2: skip links, accessible menus with ARIA, aria-current, landmarks and visible focus management in practice.

14 min read Read →
ARIA Live: Announcing Error and Status MessagesOrder FormEmail*anna@example!Please enter a complete email addressaria-describedby links field and errorPostal code*31185Place order* Required fieldrole=alertScreen reader: Error. Please entera complete email address.role=status / aria-live=politeScreen reader: Order is beingchecked, please wait.WCAG 4.1.3: Announce status messages without moving focusassertive = urgent (errors)polite = wait (status)region already in the DOM95.9 percent of home pages have detectable WCAG errors (WebAIM Million, 2024)
WCAG Jun 19, 2026

Accessible Error and Status Messages with ARIA Live

Accessible error and status messages per WCAG 4.1.3 using ARIA live regions, role=alert, role=status and aria-describedby for forms and dynamic content.

13 min read Read →
Accessible Modal: Focus Trap, Inert Background, ESC and Return FocusPage contentinert + aria-hiddennot focusable, not clickablerole=dialog aria-modal=truearia-labelledby: Subscribe to newsletterEmail addressFirst focusSubscribeCancelFocus trap: Tab stays inside the dialoglast element -> first elementESCclosesdialogReturn focusTrigger button96 percent of all home pages had detectable WCAG failures in 2024, averaging 56.8 per page (WebAIM Million, 2024)
WCAG Jun 17, 2026

Implementing Accessible Modals and Overlays Right

Build modal dialogs accessibly: role=dialog, aria-modal, focus trap, ESC, return focus and an inert background following WCAG 2.4.3 and the ARIA Dialog Pattern.

13 min read Read →
Accessible Data Table: caption, th with scope and programmatic relationshipscaption: Prices by plan and termcaptionPlanMonthlyYearlySupportscope=colscope=colscope=colscope=colBasicProTeam9 EUR19 EUR39 EUR90 EUR190 EUR390 EUREmailChatPhoneth scope=row<table><caption>Prices by plan</caption><th scope="col">Monthly</th><th scope="row">Basic</th><td headers="..."> for complex tables</td></table>Screen reader announcesthe cell with context, not just the valueColumn Monthly, row Pro: 19 EURColumn Support, row Team: PhoneWCAG 1.3.1 checklistth instead of td for header cellsscope=col and scope=row setcaption as the table titleLayout tables without th and captionComplex tables: headers and idResponsive without losing relationsOnly 16.8 percent of over 1 million detected tables had valid data table markup (WebAIM Million, 2024)
WCAG Jun 15, 2026

Accessible Data Tables and Complex Content

Build data tables accessibly: th with scope, caption, headers and id for complex tables, layout vs. data tables and responsive tables following WCAG 1.3.1.

13 min read Read →
Accessibility Statement: Mandatory Parts Under BFSGAccessibility StatementUpdated: 12 June 20261. Conformance statusPartially conformantBasis: WCAG 2.2 AA, EN 301 549, BFSG Annex 32. Known non-accessible contentOld PDF without tags (fix by Q4 2026)Third-party video without captionsOnline form: implemented accessibly3. Feedback and contactYour email (for our reply)Which barrier did you encounter?Report barrierReply within a reasonable periodBFSG mandatory itemsState the conformance statusList non-accessible contentJustify any exemptionsFeedback mechanism with linkContact of responsible unitDate the statement was createdAccessible format of statementEnforcement procedureReference to market surveillance (MLBF)Escalation if no reply is givenEasy to find, like the imprint7.9M people with severe disabilities in Germany (Federal Statistical Office, 2024)
BFSG Jun 12, 2026

Accessibility Statement and Feedback Mechanism

What an accessibility statement under BFSG and EN 301 549 must contain: conformance status, non-accessible content, a feedback mechanism and contact details.

13 min read Read →
Accessible Media: Captions, Transcript and Audio Description- Step one: close the valve.[calm music]CCCaptions on0:41 / 2:13Audio descriptionon (1.2.5 AA)Language: ENTranscriptsearchable00:00Speaker: Welcome to the tutorial.00:09[Visual: hand reaches for red lever]00:14Step one: close the valve.00:22[calm music, indicator blinks green]00:41Step two: check the pressure.Full text for hearing and sight - in sync with the video.Download transcriptWCAG 2.2 Guideline 1.2 - Time-based Media1.2.1 Audio-/video alternative (A)1.2.2 Captions, prerecorded (A)1.2.3 Audio description or full text (A)1.2.4 Captions, live (AA)1.2.5 Audio description, prerecorded (AA)EN 301 549 and the BFSG reference these criteria85 percent of Facebook videos are watched without sound (Digiday, 2016)
WCAG Jun 10, 2026

Accessible Media: Captions and Transcripts Guide 2026

Captions, transcripts and audio description under WCAG guideline 1.2 and the BFSG: what makes video and audio accessible in 2026 - explained in practice.

13 min read Read →
Writing Alt Text Right: Good, Bad, Decorative, ComplexInformative: good alt textalt="Red hiking boots,side view, lugged sole"purpose metshort, specificInformative: bad alt textalt="IMG_2381.jpg"alt="image image photo"file name, redundantno valueDecorative: empty alt textalt="" (empty)role="presentation"screen reader skipsComplex: chart + long descriptionRevenue per quarter 2025 (EUR million)1.8Q12.4Q23.1Q33.9Q4Short alt: "Bar chart, revenue 2025,rising from Q1 to Q4. Data below."Long description (text + table)Q1 1.8 | Q2 2.4 | Q3 3.1 | Q4 3.9Rise across the year: plus 117 percent.linked via aria-describedby / figcaptionWCAG 1.1.1 metdata complete21.6 percent of all home page images had no alternative text in 2024 (WebAIM Million, 2024)
WCAG Jun 8, 2026

Writing Accessible Images and Alt Text Correctly

How to write alt text under WCAG 1.1.1 correctly: describe informative, decorative and complex images, charts and infographics with long descriptions clearly.

13 min read Read →
BFSG Enforcement: From Notice to MeasureEscalation Stages of BFSG Market Surveillance (Sections 19 to 25)1Defect ReportUser, association orauthority reports a barrierto the supervisory body2ReviewAuthority requests recordsand a conformity prooffrom the company3RequestA deadline to removethe barriers isset4MeasuresOrder, prohibition orfine within thestatutory frameworkWho Can Act?State market surveillance authoritiesRecognized associations (group lawsuit)Affected users and consumersWhat Protects the Company?Documented WCAG 2.2 AA conformanceCurrent accessibility statementWorking feedback mechanismRisk decreases with demonstrable conformanceAudit log - Action plan - Accessibility statement - Re-audit - Documentation of fixes
BFSG Jun 5, 2026

BFSG Enforcement: Minimizing Your Legal Risks

How the BFSG is enforced: market surveillance, association lawsuits, defect reports, deadlines and statutory measures. Explained factually, with an action plan.

13 min read Read →