4.4.40
Update sa11y to version 4.4.0
Hier ist eine deutsche Zusammenfassung der Release Notes von Sa11y 4.4.0 (Barrierefreiheits-Tool für Web-Inhalte) vom GitHub-Projekt ryersondmp/sa11y: ([GitHub][1])
🆕 Wichtigste Neuerungen in Sa11y 4.4.0
🎨 Benutzerfreundliche Verbesserungen
- Die APCA-Schriftgrößen-Empfehlung im Tooltip ist jetzt anklickbar – ein Klick kopiert den empfohlenen Wert direkt in die Zwischenablage. ([GitHub][1])
📏 Verbesserte Prüfregeln
- Link-Text-Erkennung verbessert: Links, deren einziger Text z. B. „öffnet neuen Tab“ ist, werden jetzt als nicht beschreibend erkannt. ([GitHub][1])
- Platzhalter-Wörter wurden zur Standard-Liste hinzugefügt (z. B. „hero image“, „featured image“, „untitled“), damit Platzhaltertexte besser erkannt werden. ([GitHub][1])
- Der Check für automatisch generierten Alt-Text (z. B. aus KI) wurde von Warnung zu Fehler hochgestuft, weil er sehr wahrscheinlich ein echtes Problem anzeigt. ([GitHub][1])
💥 Breaking Changes (Inkompatibilitäten)
- Die Props
contrastAPCAundcontrastAAAwurden entfernt und durch eine einzige neue PropcontrastAlgorithmersetzt. ([GitHub][1]) - Die Prop
linksAdvancedPluginist veraltet/entfernt – statt dessen kann jede Prüfung einzeln ausgeschaltet werden. ([GitHub][1])
🛠️ Verbesserungen für Entwickler
Multi-Root-Support
checkRootkann nun mehrere Selektoren akzeptieren, damit Sa11y mehrere Bereiche gleichzeitig prüft. ([GitHub][1])fixedRoots: Direkte DOM-Referenzen können als Prüfziel übergeben werden. ([GitHub][1])linkIgnoreStringsundheaderIgnoreStringsakzeptieren jetzt Arrays, Strings oder Regex-Angaben. ([GitHub][1])
Readability & Scope
- Lesbarkeits-Checks (readability results) werden jetzt in den Haupt-Ergebnis-Array aufgenommen → gut für headless-Tests. ([GitHub][1])
- Neue Option
ignoreContentOutsideRoots: Inhalte außerhalb der definierten Wurzeln werden komplett ignoriert. ([GitHub][1])
Verbesserte Ausgabe und Kontrolle
-
Issues enthalten jetzt einen klaren
test-Key, was die Identifikation von Prüfungen erleichtert (z. B. für serverseitige Integrationen). ([GitHub][1]) -
Neue Props zur Ausschluss-Steuerung bei der Berechnung des zugänglichen Namens:
ignoreAriaOnElementsignoreTextInElements([GitHub][1])
-
Neue
initialHeadingLevel-Prop zur Kontrolle der erwarteten Reihenfolge von Überschriften. ([GitHub][1]) -
altPlaceholder-Prop zur Behandlung bekannter CMS-Platzhaltertexte, sodass dekorative Bilder korrekt erkannt werden. ([GitHub][1])
📈 Performance & Bugfixes
- Optimierungen in mehreren Bereichen, u. a. im
link text-Modul und bei der Kontrast-Tooltip-Berechnung. ([GitHub][1]) - Diverse Fehlerbehebungen, z. B. bei Seiten-Outline-Panel-Navigation, accessible name-Berechnung bei
<input>-Feldern oder falschen Alt-Text-Fällen. ([GitHub][1])
🔧 Refactoring & Build-Tooling
- Kontrast- und Lesbarkeitsfunktionen wurden neu refaktoriert und können als ES6-Module genutzt werden. ([GitHub][1])
- SCSS wurde vollständig in vanilla CSS umgewandelt. ([GitHub][1])
- Developer-Toolchain modernisiert (z. B. Vite, LightningCSS, Biome). ([GitHub][1])
- Weniger Laufzeit- und Dev-Dependencies. ([GitHub][1])
🌐 Kompatibilität
- Unterstützt gängige Browser mit minimalen visuellen Abweichungen, getestet z. B. bis Chrome 88, Firefox 84 und Safari 14. ([GitHub][1])
thx to @adamchaboryk @itmaybejj @Hackwar