Entwicklung einer Visual Studio Erweiterung zur Anzeige von Webseitenelementen und Überprüfung der Barrierefreiheit im IDE-Editor

Abstract

Das Einhalten der Barrierefreiheit ist ein wichtiger Bestandteil auf modernen Webseiten. Eingeschränkte Personengruppen werden damit bei der Bedienung unterstützt. Das Ziel dieser Bachelorarbeit ist es, eine Visual Studio Erweiterung zu konzipieren und prototypisch umzusetzen, welche Entwicklern schon während des Entwicklungsprozesses helfen soll, eventuelle Fehler bezüglich der Barrierefreiheit aufzudecken. Es werden beispielhaft drei Barrierefreiheitsrichtlinien analysiert und umgesetzt: Das Einhalten eines hohen Kontrastverhältnis zwischen Text und Hintergrund, das Einhalten einer sinnvollen Reihenfolge von Überschriftelementen und die korrekte Benennung von Eingabeelementen für den Screenreader. Das Ergebnis der Arbeit zeigt, dass eine effizientere Webentwicklung mit den richtigen Werkzeugen möglich ist.

To support disabled people using the modern web, it is of great importance to meet certain accessibility standards. This bachelor thesis aims to design and develop a Visual Studio extension, which supports web developers regarding the accessibility during the development process. Three accessibility standards will be analyzed and implemented: contrast ratio between text and its background, the order of heading elements and the naming of input elements. The results show that the usage of certain tools makes meeting accessibility standards more efficient.