Automated A11y Testing in Phoenix Applications

A presentation about the importance of digital accessibility and how to automate accessibility testing for Phoenix applications.

Eine Präsentation über die Bedeutung der digitalen Barrierefreiheit und die Automatisierung von Barrierefreiheitstests für Phoenix Anwendungen.

Transcript

1. Automated A11y Testing in Phoenix Applications Florian Arens
2. Ausgangslage 󰞵 digitale Barrieren rücken durch zunehmende Digitalisierung immer mehr in den Mittelpunkt ♿ immer größer werdendes Problem im Alltag von Menschen mit temporären oder permanenten Einschränkungen 󰳡 uneingeschränkte Teilhabe an der digitalen Welt aufgrund von Barrieren verwehrt ⚖ Barrierefreiheit resultiert auch in besserer Benutzerfreundlichkeit, größte Motivation für Unternehmen jedoch die Gesetzgebung
3. Ausgangslage 80 % von 78 großen Onlineshops in Deutschland erfüllen grundlegende Anforderungen nicht (2023, Testbericht Aktion Mensch)
4. Barrierefreiheitsstärkungsgesetz (BFSG) ⚖ • Politik hat das Problem erkannt und mit EU-Richtlinie reagiert • BFSG wurde in Deutschland erlassen • verpflichtet viele Unternehmen in Deutschland ab Juni 2025 dazu, ihre Websites und Online-Shops barrierefrei zu gestalten • Barrierefreiheit muss in den Entwicklungsprozess integriert werden
5. Phoenix Test • einheitlicher Weg, um Feature-Tests zu schreiben • nahtlose Navigation zwischen LiveViews und statischen Seiten • Tests aus User-Perspektive • hilfreiche Fehlermeldungen Link: https://github.com/germsvel/phoenix_test
6. PhoenixTest.Playwright • Playwright: Framework für Webtesting und Automation • PhoenixTest.Playwright: Erweiterung für PhoenixTest • erlaubt es, PhoenixTest Cases im Browser auszuführen • Testen von clientseitigen Aktionen Link: https://github.com/ftes/phoenix_test_playwright
7. A11yAudit • automatisierte accessibility Tests für Elixir Webanwendungen mittels axe-core • axe-core: verbreitete A11y Testing Engine (JavaScript) • A11yAudit benötigt browserbasierte Tests, um JavaScript auszuführen → PhoenixTest.Playwright 💡 A11yAudit: https://github.com/angelikatyborska/a11y-audit-elixir Axe-Core: https://github.com/dequelabs/axe-core
8. PhoenixTest ➕ PhoenixTest.Playwright ➕ A11yAudit ＝ automatisiertes A11y Testing
9. Demo