Automated LLM-Based Accessibility Remediation: From Conventional Websites to Angular Single-Page Applications
Diese Arbeit stellt ein modulares System vor, das Large Language Models nutzt, um barrierefreiheitsrelevante Fehler sowohl in statischen Websites als auch in komplexen Angular-Anwendungen automatisch zu beheben und dabei Bildbeschreibungen zu generieren, wodurch Barrierefreiheit effizient in den Entwicklungsalltag integriert wird.
Originalarbeit lizenziert unter CC BY 4.0 (http://creativecommons.org/licenses/by/4.0/). Dies ist eine KI-generierte Erklärung des untenstehenden Papers. Sie wurde nicht von den Autoren verfasst oder gebilligt. Für technische Genauigkeit konsultieren Sie das Originalpaper. Vollständigen Haftungsausschluss lesen
Stellen Sie sich das Internet wie eine riesige, belebte Stadt vor. In dieser Stadt gibt es viele Gebäude (Webseiten), die für alle Menschen zugänglich sein sollten. Leider sind viele dieser Gebäude nicht barrierefrei: Es gibt Treppen ohne Rampen, Türen, die man nicht öffnen kann, oder Schilder, die man nicht lesen kann. Menschen mit Seh- oder Hörbehinderungen werden dadurch oft ausgeschlossen.
Bisher war es wie bei einem Bauingenieur, der erst einen Mangel meldet („Hier fehlt eine Rampe!"), aber dann den Hausbesitzer bitten muss, die Rampe selbst zu bauen. Das ist langsam, teuer und oft wird es vergessen.
Diese Forschungsarbeit stellt einen automatischen „Super-Bauarbeiter" vor, der nicht nur die Mängel findet, sondern sie sofort selbst repariert. Und das Besondere: Er kann sowohl mit alten, statischen Häusern umgehen als auch mit modernen, lebendigen Wolkenkratzern, die sich ständig verändern (sogenannte „Single-Page Applications" wie Angular).
Hier ist die Erklärung des Systems, einfach und mit Analogien:
1. Das Problem: Alte Häuser vs. Lebendige Wolkenkratzer
- Normale Webseiten (Statisch): Das sind wie alte Backsteingebäude. Alles ist fest verputzt. Man kann sie leicht von außen betrachten und sehen, wo etwas fehlt.
- Moderne Apps (Angular/SPAs): Das sind wie riesige, lebendige Wolkenkratzer aus Glas und Stahl, die sich ständig bewegen. Wände verschieben sich, Türen öffnen sich automatisch, wenn man auf einen Knopf drückt. Herkömmliche Werkzeuge, die nur „von außen schauen", sehen hier oft nichts, weil sie nicht verstehen, wie sich das Gebäude im Inneren verhält.
2. Die Lösung: Der KI-gestützte „Barrierefreiheits-Roboter"
Die Forscher haben ein System entwickelt, das wie ein intelligenter Assistent funktioniert. Er nutzt eine moderne Künstliche Intelligenz (ein „Large Language Model" oder LLM), die so etwas wie ein sehr gut ausgebildeter Architekt ist, der die Regeln für Barrierefreiheit (WCAG) perfekt kennt.
Der Prozess läuft in vier Schritten ab, wie bei einer Hausbesichtigung:
Schritt 1: Die Inspektion (Detektion)
Der Roboter schaut sich das Gebäude genau an.- Bei normalen Webseiten nutzt er eine Kamera (Selenium), die alles sieht, was im Browser passiert.
- Bei den modernen Wolkenkratzern (Angular) schaut er sich direkt die Baupläne (den Quellcode) an, um zu verstehen, wie die Teile zusammenhängen.
Er findet Fehler wie: „Hier fehlt ein Schild für blinde Menschen" oder „Diese Schrift ist zu blass, man kann sie nicht lesen."
Schritt 2: Der Bild-Versteher (Multimodale Analyse)
Was macht man, wenn ein Bild auf der Seite keine Beschreibung hat? Ein normaler Computer sieht nur Pixel.
Dieser Roboter hat aber „Augen" (er nutzt ein KI-Modell namens GPT-4o). Er schaut sich das Bild an und denkt: „Ah, das ist ein Foto von einem Lächelnden Arzt." Er schreibt dann automatisch einen hilfreichen Text („alt-Text"), den Screenreader vorlesen können. Er versteht also nicht nur Code, sondern auch Bilder.Schritt 3: Der Bauplan (Prompting)
Der Roboter erstellt einen genauen Auftrag für die KI: „Hier ist der Fehler, hier ist der Code. Bitte repariere ihn so, dass das Haus stabil bleibt und niemanden stört." Er gibt der KI klare Regeln, damit sie nicht wild herumphantasiert.Schritt 4: Die Reparatur (Remediation)
- Bei normalen Webseiten klebt er die Reparatur direkt in den Browser, als wäre es ein temporärer Pflaster, das sofort wirkt.
- Bei den modernen Apps geht er tiefer: Er öffnet die echten Baupläne (die Code-Dateien), repariert sie und speichert sie ab. Wichtig dabei: Er verändert nur das Nötigste, damit das Haus nicht einstürzt (die App weiterhin funktioniert).
3. Das Ergebnis: Ein erfolgreiches Experiment
Die Forscher haben diesen Roboter an 12 normalen Webseiten und 6 komplexen modernen Apps getestet.
- Bei normalen Webseiten: Er hat 80 % aller Fehler automatisch behoben. Bei einigen alten, sehr verworrenen Gebäuden (mit veralteter Technik) hatte er etwas mehr Mühe, aber bei modernen Seiten war er fast perfekt.
- Bei den modernen Apps (Angular): Er hat 86 % der Fehler behoben. Das ist beeindruckend, weil er dabei die Stabilität der App bewahrt hat. Keine der Apps ist nach der Reparatur „abgestürzt" oder hat aufgehört zu funktionieren.
Warum ist das wichtig?
Stellen Sie sich vor, Barrierefreiheit wäre wie ein Wartungsauftrag, der immer aufgeschoben wird, weil es zu teuer ist. Dieses System macht die Reparatur automatisch, schnell und günstig.
Es bedeutet, dass Entwickler nicht mehr stundenlang manuell jeden Fehler suchen und beheben müssen. Die KI übernimmt die schwere Arbeit, und die Menschen können sich darauf konzentrieren, das Internet für alle zugänglich zu machen. Es ist ein großer Schritt weg von „Barrierefreiheit als nachträglicher Kostenfaktor" hin zu „Barrierefreiheit als selbstverständlicher Teil des Baus".
Kurz gesagt: Die Forscher haben einen digitalen Handwerker gebaut, der mit Hilfe von KI nicht nur sieht, wo die Treppe fehlt, sondern sie auch sofort baut – und das sogar in den kompliziertesten, sich bewegenden Gebäuden des modernen Internets.
Ertrinken Sie in Arbeiten in Ihrem Fachgebiet?
Erhalten Sie tägliche Digests der neuesten Arbeiten passend zu Ihren Forschungsbegriffen — mit technischen Zusammenfassungen, in Ihrer Sprache.