Refine
Document Type
- Bachelor Thesis (6) (remove)
Language
- German (6)
Has Fulltext
- yes (6)
Is part of the Bibliography
- no (6)
Keywords
- Barrierefreiheit (6) (remove)
Institute
- FB 1: Druck und Medien (6) (remove)
This paper deals with the contrast modes of the operating systems Windows, Mac OS, IOS and Android. The various effects, of web browsers and operating systems, on the implementation of contrast modes, are analysed and documented. This is done using a test website created for this purpose, which combines different definitions for fore- and background colors.
Based on the results, own bookmarklets are developed. These, simulate the selected contrast modes from the Windows system, during the implementation in the web brow-sers Google Chrome, Mozilla Firefox and Microsoft Edge.
The work aims to facilitate the creation of barrier-free(accessible) websites. This is at-tempted by implementing checks for sufficient contrast between the font and the back-ground, as well as the effects in different web browsers, during their development or a subsequent test.
To conclude, there is a recommendation on how to best define the fore- and background colours for websites in order to achieve the minimum contrast according to WCAG 2.1, even when using the operating system's own contrast modes.
Anhand der Ergebnisse werden eigene Bookmarklets entwickelt, die die ausgewählten Kontrastmodi aus dem Windowssystem in der Umsetzung in den Webbrowsern Google Chrome, Mozilla Firefox und Microsoft Edge simulieren.
Die Arbeit soll dazu beitragen, das Erstellen von barrierefreien Websites zu erleichtern, indem schon während ihrer Entwicklung oder einem nachfolgenden Test auf ausrei-chend Kontraste zwischen der Schrift und dem Hintergrund und Auswirkungen in ver-schiedenen Webbrowsern geprüft werden kann.
Abschließend gibt es eine Handlungsempfehlung, wie die Vorder- und Hintergrundfar-ben für Websites am besten zu definieren sind, damit sie auch bei Anwendung der Be-triebssystem eigenen Kontrastmodi möglichst das Minimum an Kontrast nach den Vor-gaben WCAG 2.1 erreichen.
Diese Arbeit behandelt die Erstellung der Module „Barrierefreiheit im Hochschulkontext“ und „Barrierefreie Veranstaltungen“ für das Zertifikat „Barrierefrei lehren“ des Kompetenzzentrums für digitale Barrierefreiheit der Hochschule der Medien Stuttgart. Dieses Zertifikat soll Lehrenden die notwendigen Kenntnisse vermitteln, um Barrierefreiheit innerhalb der Lehre umzusetzen und so den Zugang zu Bildung für alle Studierenden mit Einschränkungen sicherzustellen. In dieser Arbeit wird die Notwendigkeit für ein solches Zertifikat dargelegt sowie die Auswahl der hierzu relevanten Themen. Die erstellten Lehrinhalte beinhalten Texte, Bilder, Videos und Quizfragen. Mit diesen Materialien soll zur Umsetzung von Barrierefreiheit in der Lehre beigetragen werden.
Die fortschreitende Digitalisierung der Hochschulen führt dazu, dass die Lehrenden ihre Lehrveranstaltungen zunehmend barrierefrei gestalten müssen, um sicherzustellen, dass alle Studierenden gleichermaßen an der Lehre und Studium teilhaben können. Zu diesem Zweck wurde das Zertifikat „Barrierefrei Lehren“ entwickelt, welches beim Fachverband International Association of Accessibility Professionals (IAAP) D-A-CH zum Einsatz kommen soll. Ziel dieser Arbeit ist die Erstellung von Lernmaterialien für den Onlinekurs zum Zertifikat. Von insgesamt fünf Zertifikatsmodulen, werden zwei umgesetzt. Konkret handelt es sich hierbei um die Module „Grundlagen“ und „Vielfalt der Benutzerbedürfnisse“. Um potentielle zertifikatsrelevante Themen zu ermitteln, wird zunächst eine qualitative Recherche nach bestehenden Curricula, Kursen und Materialsammlungen im Bereich der digitalen Barrierefreiheit durchgeführt und in einer Topic Map dokumentiert. Daraufhin wird ein virtueller Workshop organisiert, um die Themen für das Zertifikat zu finalisieren. Der Workshop erfolgt dabei in Form einer qualitativen Gruppendiskussion mit quantitativer Umfrage mit den Mitgliedern des IAAP D-A-CH Arbeitskreises „Barrierefreiheit in der Bildung“. Der erstellte Onlinekurs befindet sich auf der Moodle-Plattform des Kompetenzzentrums für digitale Barrierefreiheit der Hochschule der Medien in Stuttgart. Die Module sind als einzelne Lernabschnitte angelegt. In jedem Lernabschnitt befinden sich verschiedene Lektionen, welche die Lernmaterialien zum Zertifikat enthalten. Die Lernmaterialien dienen der Vorbereitung für die abschließende IAAP-Zertifizierungsprüfung.
Um Websites für jeden Menschen ohne Einschränkungen verfügbar zu
machen, wurden auf nationaler sowie internationaler Ebene Gesetze und Normen verabschiedet, welche die Barrierefreiheit für Internetauftritte anhand festgelegter Richtlinien
wahren sollen. Zur Einhaltung dieser Richtlinien wurden Prüfverfahren entwickelt, die anhand unterschiedlicher Evaluationsmethoden den Grad der Zugänglichkeit von Webseiten
und ihren Inhalten bewerten. Zwei dieser Prüfverfahren sind der Barrierefreiheitscheck-Web sowie der BIK BITV-Test. Für die manuelle Durchführung der Tests wird üblicherweise
eine repräsentative Stichprobe der Website erstellt und das Ergebnis der Prüfung auf die
Stichprobe für die gesamte Website generalisierend angenommen. Die Erstellung der Seitenauswahl ist bei umfangreichen Websites jedoch mit großem Aufwand verbunden und
soll im Zuge dieser Arbeit mit Hilfe einer serverseitigen Web-Anwendung automatisiert
werden.
Dazu wurden verschiedene existierende Stichprobenverfahren und Crawling-Methoden
analysiert und anschließend für die Eignung der technischen Umsetzung eingeordnet. Im
Rahmen der Arbeit wird ein eigener Ansatz für die automatisierte Seitenauswahl präsentiert, der auf dem HTML class-Attribut basiert. Dieser Ansatz nutzt die Eigenschaft von
Klassennamen aus, den Namen des Strukturelements zu beinhalten. Dadurch zielen wir
darauf ab, wichtige Inhalte der zu prüfenden Website zu erfassen und diese Informationen als Grundlage für die Auswahl der Stichprobe zu nehmen.
Die Evaluation wurde durch den Vergleich der generierten Liste unserer Anwendung von
drei ausgewählten Webseiten, mit der von Experten des Kompetenzzentrums Digitale
Barrierefreiheit der HdM erstellten Liste, durchgeführt. Die Ergebnisse zeigten, dass unsere Anwendung eine Liste von Seiten generieren konnte, die ein breites Spektrum an
Inhalten abdeckte, jedoch begrenzte Fähigkeiten hatte, der Liste der Experten zu gleichen
und daher in der aktuellen Version für den Barrierefreiheitscheck-Web nicht als alleinstehendes Tool geeignet ist.
In dieser Arbeit werden Design to Code Tools untersucht, die mittels generativer Künstlicher
Intelligenz Designs automatisch in Code umwandeln. Ziel ist es, zu analysieren,
wie diese Tools funktionieren und ob ihre Ergebnisse aktuellen Standards entsprechen.
Ein zusätzlicher Fokus liegt auf dem Vergleich verschiedener Tools, um ihre Unterschiede
zu ermitteln. Hierfür wurde ein Anwendungsbeispiel mit einem Testdesign
und dazugehörigem generierten Code erstellt und mittels einer Expertenbefragung
bewertet. Die Datenerhebung erfolgte nach dem Between-Subject-Verfahren und konzentrierte
sich auf die Erfassung quantitativer Daten zur optischen Ähnlichkeit, digitalen
Barrierefreiheit, Projekt- und Softwarequalität. Die Ergebnisse zeigen, dass die
Tools in der visuellen Umsetzung von Designs überzeugen können, aber in den anderen
geprüften Bereichen noch Defizite aufweisen. Diese Arbeit liefert wichtige Erkenntnisse
über den aktuellen Entwicklungsstand von Design to Code Tools und trägt
zu einer differenzierteren Betrachtung ihrer Potenziale und Grenzen bei.
Ab Mitte 2025 wird das Barrierefreiheitsstärkungsgesetz viele Unternehmen in Deutschland dazu verpflichten, ihre Websites und Online-Shops barrierefrei zu gestalten. Sie stehen vor der Herausforderung, die Barrierefreiheit künftig in den Entwicklungsprozess ihrer digitalen Plattformen zu integrieren.
Um dies zu erleichtern, entwarfen wir im Rahmen dieser Arbeit einen Entwicklungsprozess für barrierefreie Webanwendungen in Scrum, der in einem Experiment mit anschließender heuristischer Evaluation und einer Befragung in einem E-Commerce-Unternehmen validiert wurde. Der Entwicklungsprozess befasst sich mit der Einbeziehung von Barrierefreiheit in Scrum-Elemente wie Product Backlog Items, die Definition of Ready und Definition of Done. Außerdem zeigt er bewährte Praktiken für die Implementation und das Testen von Barrierefreiheit auf.
Die Ergebnisse zeigten, dass die Erfassung von Barrierefreiheitsanforderungen in Form von Gherkin-Szenarien zu einer schnelleren Bearbeitung von Aufgaben und höheren Zufriedenheit mit dem Entwicklungsansatz im Scrum-Team beiträgt. Ferner wurde deutlich, dass die Schulung des Personals unerlässlich ist, um die Anforderungen der EN 301 549 und der WCAG vollständig zu erfüllen.
Diese Arbeit macht deutlich, dass Unternehmen zeitnah Maßnahmen ergreifen müssen, um das Barrierefreiheitsstärkungsgesetz rechtzeitig umsetzen zu können.