BARRIERFREE v3.0

Version 3.0 introduces a complete visual redesign based on the FORMENSPRACHE 2026 design system, a draggable toolbar that visitors can position anywhere on screen, and several new readability features.

KEY FEATURES

Typography & Readability
- Font size scaling (proportional — page ratios preserved)
- Letter spacing control (3 levels)
- Word spacing control (3 levels) — NEW in v3.0
- Line height control (3 levels: 1.8, 2.2, 2.8) — NEW in v3.0

Visual Adjustments
- High contrast mode
- Color inversion
- Grayscale mode
- Link highlighting and underlining
- Big cursor mode
- Reading ruler (follows mouse movement)
- Stop all animations (CSS transitions, animations, and GIFs) — NEW in v3.0

Text-to-Speech
- Full page read-aloud with text highlighting
- Read selected text aloud (desktop and mobile)
- Keyboard shortcut: Ctrl+R to read selection
- Adjustable reading speed (slow / normal / fast)
- Multi-language voice selection (DE, EN, FR, ES, IT, NL)

Draggable Toolbar — NEW in v3.0
- Freely position the toggle button anywhere on screen
- Drag the open panel by its header bar
- Position saved automatically across page loads
- Panel auto-opens to the side with more space
- One-click reset returns toggle to its configured default position

Multi-Language Support
- 6 built-in languages: German, English, French, Spanish, Italian, Dutch
- Automatic detection based on browser language
- All UI labels, buttons, and tooltips fully translated

Design & Customization
- FORMENSPRACHE 2026 design: rounded corners, violet accents, SVG icons
- 8 color presets (blue, green, red, purple, orange, teal, dark, custom)
- Custom color picker for brand matching
- 4 positioning options (left, right, bottom-left, bottom-right)
- Adjustable toggle button size (40–100px)
- Custom icon support (SVG, emoji, or upload your own)
- Dark mode for the accessibility panel
- Collapsible sections (state remembered per visitor)
- Option to hide category headers for a flat layout

Technical Excellence
- Complete CSS isolation — works with any Joomla template without conflicts
- Automatic cache-busting after updates (no manual browser refresh needed)
- Zero external dependencies — all CSS and JS inline, no CDN calls
- Works with Joomla 4.x, 5.x, and 6.x
- PHP 7.4+ compatible
- WCAG 2.1 AA compliant (keyboard navigation, focus indicators, ARIA labels)
- Minimum touch target size 44x44px (WCAG 2.5.5)
- prefers-reduced-motion respected
- Secure: all output escaped, XSS-protected, RSA-2048 license verification

PREMIUM FEATURES

The free version includes all accessibility features listed above. Premium adds:
- Analytics tracking for accessibility feature usage
- Custom footer text and branding
- Priority support
- Remove "by Mertsch-Web" footer attribution

WHAT'S NEW IN v3.0

• Complete FORMENSPRACHE 2026 visual redesign
• Draggable toggle button and panel header (mouse + touch)
• Word spacing control (3 levels)
• Line height control (3 levels)
• Stop animations feature
• Panel closes only via X button (no accidental close)
• Mobile TTS fix: selected text read-aloud now works on phones and tablets
• Automatic cache-busting for seamless updates
• Compact button layout matching the barrierfree.site widget
• Reset button now also restores toggle position

COMPATIBILITY

• Joomla: 4.x, 5.x, 6.x
• PHP: 7.4+
• Browsers: Chrome, Firefox, Safari, Edge (latest 2 versions)
• Mobile: iOS Safari, Android Chrome
• Templates: Works with all standard and commercial Joomla templates

INSTALLATION

1. Download the ZIP file
2. Go to System → Install → Extensions in your Joomla backend
3. Upload the ZIP file
4. Go to System → Plugins, search for "BarrierFree"
5. Enable the plugin and configure position, color, and features
6. The accessibility toolbar appears immediately on your frontend