Enhance accessibility and style adjustments

Added WCAG-compliant scrolling behavior for search wrapper and updated styles for testimonials and team sections. Integrated alt attributes for images to improve accessibility and made minor layout refinements.
2025-04-29 08:39:05 +02:00
parent d814f14897
commit a81c5ee28b
8 changed files with 78 additions and 34 deletions
@@ -0,0 +1,30 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const scrollWrap = document.querySelector('.md-search__scrollwrap');
+
+    if (scrollWrap) {
+        scrollWrap.setAttribute('tabindex', '0');
+
+        scrollWrap.addEventListener('keydown', function(e) {
+            // Pfeiltasten für Scrolling
+            if (e.key === 'ArrowDown') {
+                e.preventDefault();
+                this.scrollTop += 30;
+            } else if (e.key === 'ArrowUp') {
+                e.preventDefault();
+                this.scrollTop -= 30;
+            } else if (e.key === 'PageDown') {
+                e.preventDefault();
+                this.scrollTop += this.clientHeight;
+            } else if (e.key === 'PageUp') {
+                e.preventDefault();
+                this.scrollTop -= this.clientHeight;
+            } else if (e.key === 'Home') {
+                e.preventDefault();
+                this.scrollTop = 0;
+            } else if (e.key === 'End') {
+                e.preventDefault();
+                this.scrollTop = this.scrollHeight;
+            }
+        });
+    }
+});