Accessibility Widget | BFSG & WCAG 2.1 AA

by Markus Michalski

Rating: no rating ( write a review )

Downloads: <10

Floating widget for font size, contrast & color filters. Supports BFSG & WCAG 2.1 AA. Configurable per Sales Channel, cookie-free, no external services.

Annually €5.95* /month €84.00 * €71.40* /year 15% discount In comparison to the regular monthly price

Monthly €7.00* /month Cancelable monthly

Compatible with:

6.7.0.0 - 6.7.15.1

Includes:

Free trial month

The subscription starts with a free trial month during which it can be canceled at any time.

All updates

During the subscription all released updates are included for free

Support from the Extension Partner

In case you have any questions or problems with your extension you can always ask the Extension Partner for help during the subscription.

Description

Highlights

- BFSG-ready – supports German accessibility law requirements
- 5 accessibility tools in one configurable widget
- Cookie-free – no tracking, no external services
- Configurable per Sales Channel
- Vanilla JS – no build process, no external dependencies

Features

- Floating widget display, position freely selectable (bottom right/left)
- Font size adjustment in three levels (Small, Normal, Large)
- High contrast mode & inverted contrast
- Color vision deficiency filters: Protanopia, Deuteranopia, Tritanopia
- Blue light filter for comfortable reading

- Animation reduction (respects CSS prefers-reduced-motion)
- LocalStorage persistence – settings saved across sessions
- Cookie-free – no cookies, no tracking
- No external JavaScript, no external services
- Configurable per Sales Channel
- Individual options can be shown or hidden
- SCSS variables with !default for theme customization
- XSS-protected template output
- German & English translations included

Show more Show less

About the Extension

Accessibility in your Shopware store – now a legal requirement

Since June 2025, the German Barrierefreiheitsstärkungsgesetz (BFSG) requires online shops to meet accessibility standards. This plugin provides a configurable floating widget that allows customers to adapt the shop to their individual needs – cookie-free, no external services, no performance impact.

Core Features

Font Size – Three levels: Small, Normal, Large
Contrast Modes – Normal, High Contrast, Inverted
Color Vision Filters – Protanopia, Deuteranopia, Tritanopia (based on Brettel, Viénot & Mollon 1997)
Blue Light Filter – Reduces blue light for comfortable reading
Reduce Animations – Disables CSS animations, respects prefers-reduced-motion
LocalStorage Persistence – Settings retained across browser sessions

How it works

After installation, the widget appears as a floating icon at the edge of the page (position configurable: bottom right or left). A click opens the panel with all enabled options. Each setting is saved directly in the browser – no server request, no cookie. The widget is configurable per Sales Channel: options can be individually shown or hidden.

WCAG 2.1 AA – supported criteria

1.4.3 Contrast (Minimum) – High contrast mode
1.4.12 Text Spacing – Font size adjustment
2.3.1 Three Flashes – Animation reduction
1.4.8 Visual Presentation – Color filters for color vision deficiencies

Technical Details

Vanilla JavaScript with no external dependencies – no Webpack build required, only assets:install and theme:compile. No cookies, no external tracking, no data transmission. SCSS variables with !default allow theme customization without plugin overrides.

Requirements

Standard Shopware Storefront Theme or compatible custom theme

Use Cases

Online shops looking to meet BFSG requirements
Shops targeting older or visually impaired customer segments
B2B shops with corporate accessibility requirements
Shops wanting to improve inclusivity and UX quality

Important Note

This plugin supports selected WCAG 2.1 AA criteria. It does not replace a comprehensive accessibility audit of your shop. Full BFSG compliance requires a complete evaluation of your entire shop.

Documentation

Full documentation – configuration, WCAG criteria, theme customization – is available at: faq.markus-michalski.net – Accessibility Widget Documentation

Accessibility in your Shopware store – now a legal requirement

Core Features

Font Size – Three levels: Small, Normal, Large
Contrast Modes – Normal, High Contrast, Inverted
Color Vision Filters – Protanopia, Deuteranopia, Tritanopia (based on Brettel, Viénot & Mollon 1997)
Blue Light Filter – Reduces blue light for comfortable reading
Reduce Animations – Disables CSS animations, respects prefers-reduced-motion
LocalStorage Persistence – Settings retained across browser sessions

How it works

WCAG 2.1 AA – supported criteria

1.4.3 Contrast (Minimum) – High contrast mode
1.4.12 Text Spacing – Font size adjustment
2.3.1 Three Flashes – Animation reduction
1.4.8 Visual Presentation – Color filters for color vision deficiencies

Technical Details

Requirements

Standard Shopware Storefront Theme or compatible custom theme

Use Cases

Online shops looking to meet BFSG requirements
Shops targeting older or visually impaired customer segments
B2B shops with corporate accessibility requirements
Shops wanting to improve inclusivity and UX quality

Important Note

This plugin supports selected WCAG 2.1 AA criteria. It does not replace a comprehensive accessibility audit of your shop. Full BFSG compliance requires a complete evaluation of your entire shop.

Documentation

Full documentation – configuration, WCAG criteria, theme customization – is available at: faq.markus-michalski.net – Accessibility Widget Documentation

Details

Available: English, German
Latest update: 11 October 2026
Publication date: 16 October 2026
Version: 1.1.0
Category: Conversion Optimization

Resources

Reviews (0)

Write a review

If you downloaded this extension you can write a review in the Shopware Account.

Write a review

No reviews found.

About the Extension Partner

Markus Michalski

See all extensions

Partner Status

Shopware
Extension Partner

Details

Partner since: 2026
Extensions: 8

Support

Based in: Germany
Speaks: German, English
Response time: Very quickly

German

Frontend:: Go to demo

Admin:: Go to demo
Name:: admin
Password:: shopware

1.1.0 6.7.0.0 - 6.7.15.1 11 October 2026

[1.1.0] - 2026-10-11

Fixed

remove duplicate skip link rendered outside
point skip link at #content-main

[1.0.4] - 2026-10-02

Added

add .releaseignore for additional ZIP exclusions in shopware-plugin-release.sh

Fixed

add .git-workflow to .gitignore
remove !important from reduce-motion styles

[1.0.3] - 2026-05-29

Fixed

remove system config on uninstall with delete all data

[1.0.2] - 2026-02-21

Fixed

move SVG filter CSS to inline style for correct URL resolution
use content wrapper div for SVG color filters

[1.0.1] - 2026-02-21

Fixed

position widget above Shopware scroll-up button
apply SVG color filters to body instead of html
add .phpunit.cache to .gitignore to prevent tracking of PHPUnit cache files
implement security audit findings (F1-F5)

[1.0.0] - 2026-01-18

Added

Initial release for Shopware 6.7
Floating accessibility widget (BFSG/WCAG 2.1 AA compliant)
Font size adjustment (small, normal, large)
Contrast modes (normal, high, inverted)
Color vision deficiency filters (protanopia, deuteranopia, tritanopia)
Blue light filter for reduced eye strain
Reduce animations toggle (respects prefers-reduced-motion)
Skip-to-content link for keyboard navigation
LocalStorage persistence for user preferences
Full configuration via Admin UI (enable/disable features, widget position)
SVG-based color filters using Brettel, Vienot & Mollon algorithm
Focus trap for WCAG 2.1 AA modal compliance
German and English translations

Technical

Vanilla JavaScript (no Webpack build required)
Works with assets:install and theme:compile only
SCSS variables with !default for theme customization
No external dependencies

Security

No external services or tracking
No cookies required
XSS-protected template output

1.0.4 6.7.0.0 - 6.7.15.1 2 October 2026

## [1.0.4] - 2026-10-02

### Added
- add .releaseignore for additional ZIP exclusions in shopware-plugin-release.sh

### Fixed
- add .git-workflow to .gitignore
- remove !important from reduce-motion styles

## [1.0.3] - 2026-05-29

### Fixed
- remove system config on uninstall with delete all data

## [1.0.2] - 2026-02-21

### Fixed
- move SVG filter CSS to inline style for correct URL resolution
- use content wrapper div for SVG color filters

## [1.0.1] - 2026-02-21

### Fixed
- position widget above Shopware scroll-up button
- apply SVG color filters to body instead of html
- add .phpunit.cache to .gitignore to prevent tracking of PHPUnit cache files
- implement security audit findings (F1-F5)

## [1.0.0] - 2026-01-18

### Added
- Initial release for Shopware 6.7
- Floating accessibility widget (BFSG/WCAG 2.1 AA compliant)
- Font size adjustment (small, normal, large)
- Contrast modes (normal, high, inverted)
- Color vision deficiency filters (protanopia, deuteranopia, tritanopia)
- Blue light filter for reduced eye strain
- Reduce animations toggle (respects prefers-reduced-motion)
- Skip-to-content link for keyboard navigation
- LocalStorage persistence for user preferences
- Full configuration via Admin UI (enable/disable features, widget position)
- SVG-based color filters using Brettel, Vienot & Mollon algorithm
- Focus trap for WCAG 2.1 AA modal compliance
- German and English translations

### Technical
- Vanilla JavaScript (no Webpack build required)
- Works with `assets:install` and `theme:compile` only
- SCSS variables with `!default` for theme customization
- No external dependencies

### Security
- No external services or tracking
- No cookies required

- XSS-protected template output

1.0.3 6.7.0.0 - 6.7.15.1 29 May 2026

Version 1.0.3

Fixed: System configuration is fully removed on uninstall with data deletion

Version 1.0.2

Fixed: SVG filter CSS moved to inline style for correct URL resolution
Fixed: Content wrapper div added for SVG color filters

Version 1.0.1

Fixed: Widget position correctly placed above Shopware scroll-up button
Fixed: SVG color filters correctly applied to body element instead of html
Fixed: Security audit findings resolved (F1–F5)

Version 1.0.0

Added: Initial release for Shopware 6.7
Added: Floating accessibility widget (BFSG/WCAG 2.1 AA)
Added: Font size adjustment (Small, Normal, Large)
Added: Contrast modes (Normal, High Contrast, Inverted)
Added: Color vision deficiency filters (Protanopia, Deuteranopia, Tritanopia)
Added: Blue light filter
Added: Reduce animations (respects prefers-reduced-motion)
Added: Skip-to-content link for keyboard navigation
Added: Admin UI configuration per Sales Channel
Added: Vanilla JavaScript, no external dependencies
Added: No cookies, no external tracking