Angewandte Informatik Archive | Dortmund at work

Für Unternehmen

Für Lehrkräfte

Boehringer Ingelheim

visibleRuhr eG

Fraunhofer-Institut für Materialfluss und Logistik IML

Page 1 of 2
1
2
→

Wir vom Regionalen Bildungsbüro – Fachbereich Schule der Stadt Dortmund – stellen dir hier und auf unseren Social-Media-Kanälen Dortmunder Unternehmen vor.

Finde so passende Betriebe für deine Berufsfelderkundungen oder dein Praktikum!

Angebote

Berufsfelderkundung
Praktikum
Ausbildung
Duales Studium
BFD
FSJ
Werkstudierende

Infos

Für Unternehmen
Für Lehrkräfte
Alle Unternehmen
FAQ
Call of Care
FLASHLIGHTS
Kontakt

Rechtliches

Impressum
Datenschutz
Cookies
Barrierefreiheitserklärung

Unsere Angebote

Berufsfelderkundung

Werkstudierende

mitmachen und Steckbrief ausfüllen

Für Unternehmen

Für Lehrkräfte

AlleUnternehmen

AktuelleNeuigkeiten

ThemenwocheBreak the Box

UnterstützungsangebotePlane deine Zukunft

AnmeldungCall of Care

Registrierung für Schüler*innen

Search

Unsere Angebote

Berufsfelderkundung

Werkstudierende

mitmachen und Steckbrief ausfüllen

Für Unternehmen

Für Lehrkräfte

AlleUnternehmen

AktuelleNeuigkeiten

ThemenwocheBreak the Box

UnterstützungsangebotePlane deine Zukunft

AnmeldungCall of Care

Registrierung für Schüler*innen

Barrierefreiheit

Zugänglichkeitsmodi

Epilepsie abgesicherter Modus

Epilepsie abgesicherter Modus

Dämpft Farbe und entfernt Blinzeln

Dieser Modus ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen, die durch blinkende oder blinkende Animationen und riskante Farbkombinationen entstehen, eliminiert wird.

Sehbehindertenmodus

Sehbehindertenmodus

Verbessert die visuelle Darstellung der Website

Dieser Modus passt die Website an die Bequemlichkeit von Benutzern mit Sehbehinderungen wie Sehschwäche, Tunnelblick, Katarakt, Glaukom und anderen an.

Kognitiver Behinderungsmodus

Kognitiver Behinderungsmodus

Hilft, sich auf bestimmte Inhalte zu konzentrieren

Dieser Modus bietet verschiedene Hilfsoptionen, um Benutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, CVA und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.

ADHS-freundlicher Modus

ADHS-freundlicher Modus

Reduziert Ablenkungen und verbessert die Konzentration

Dieser Modus hilft Benutzern mit ADHS und neurologischen Entwicklungsstörungen, leichter zu lesen, zu surfen und sich auf die Hauptelemente der Website zu konzentrieren, während Ablenkungen erheblich reduziert werden.

Blindheitsmodus

Blindheitsmodus

Ermöglicht die Nutzung der Website mit Ihrem Screenreader

Dieser Modus konfiguriert die Website so, dass sie mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist eine Software für blinde Benutzer, die auf einem Computer und Smartphone installiert wird und mit der Websites kompatibel sein müssen.

Online Wörterbuch

Beginnen Sie mit der Eingabe, um in Wikipedia zu suchen

Lesbare Erfahrung

Inhaltsskalierung

Standard

Textlupe

Lesbare Schriftart

Legasthenie-freundlich

Markieren Sie Titel

Links hervorheben

Schriftgröße

Standard

Zeilenhöhe

Standard

Buchstaben-Abstand

Standard

Linksbündig

Zentriert ausgerichtet

Rechtsbündig

Optisch ansprechendes Erlebnis

Dunkler Kontrast

Leichter Kontrast

Einfarbig

Hoher Kontrast

Hohe Sättigung

Niedrige Sättigung

Textfarben anpassen

Titelfarben anpassen

Hintergrundfarben anpassen

Einfache Orientierung

Töne stummschalten

Bilder ausblenden

Emoji ausblenden

Lesehilfe

Animationen stoppen

Lesemaske

Markieren Sie Schweben

Fokus hervorheben

Großer dunkler Cursor

Großer Lichtcursor

Kognitives Lesen

Virtuelle Tastatur

Navigationstasten

Sprachnavigation

Link-Navigator

Dortmund at work

Barrierefreiheitserklärung

dortmundatwork.de
24.07.2025

Status der Konformität

Wir sind fest davon überzeugt, dass das Internet für alle zugänglich sein sollte, und verpflichten uns, eine Website bereitzustellen, die für die größtmögliche Zielgruppe zugänglich ist, unabhängig von Umständen und Fähigkeiten.
Um dies zu erreichen, bemühen wir uns, die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf der Stufe AA so genau wie möglich einzuhalten. Diese Richtlinien erklären, wie Webinhalte für Menschen mit einer Vielzahl von Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass die Website für alle Menschen zugänglich ist: für blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderte, kognitive Beeinträchtigungen und mehr.

Unsere Website verwendet verschiedene Technologien, um sie jederzeit so barrierefrei wie möglich zu gestalten. Dazu gehört eine Barrierefreiheits-Schnittstelle, mit der Personen mit spezifischen Behinderungen die Benutzeroberfläche (UI) der Website an ihre individuellen Bedürfnisse anpassen können.

Zusätzlich nutzt die Website eine KI-basierte Anwendung, die im Hintergrund arbeitet und das Zugänglichkeitsniveau kontinuierlich optimiert. Diese Anwendung verbessert das HTML der Website, passt ihre Funktionalität und ihr Verhalten an die Anforderungen von Screenreadern für blinde Nutzer sowie an die Tastaturbedienung für Menschen mit motorischen Beeinträchtigungen an.

Sollten Sie einen Fehler feststellen oder Verbesserungsvorschläge haben, freuen wir uns, von Ihnen zu hören. Sie können die Betreiber der Website unter folgender E-Mail-Adresse kontaktieren: info@dortmundatwork.de.

Screenreader- und Tastaturnavigation

Unsere Website implementiert die Technik der ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensanpassungen, um sicherzustellen, dass blinde Nutzer, die Screenreader verwenden, die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit einem Screenreader die Website betritt, erhält er eine sofortige Aufforderung, das Screenreader-Profil zu aktivieren, um die Website effektiv durchsuchen und bedienen zu können.

Hier ist eine Übersicht, wie unsere Website die wichtigsten Anforderungen von Screenreadern erfüllt, ergänzt durch Konsolen-Screenshots mit Codebeispielen:

Optimierung für Screenreader:
Wir führen einen Hintergrundprozess aus, der die Komponenten der Website von oben bis unten analysiert, um eine fortlaufende Konformität auch bei Aktualisierungen sicherzustellen. Dabei stellen wir Screenreadern mithilfe der ARIA-Attribute sinnvolle Daten bereit. Zum Beispiel:
- Präzise Formularbeschriftungen
- Beschreibungen für interaktive Symbole (z. B. Social-Media-Icons, Such-Icons, Warenkorb-Icons)
- Validierungsanleitungen für Formulareingaben
- Rollenzuweisungen für Elemente wie Buttons, Menüs, modale Dialoge (Popups) und andere.
Zusätzlich scannt der Hintergrundprozess alle Bilder auf der Website und liefert mithilfe von KI-gestützter Bilderkennung eine präzise und aussagekräftige Beschreibung als ALT-Tag (Alternativtext) für nicht beschriebene Bilder. Eingebettete Texte innerhalb von Bildern werden mithilfe der OCR-Technologie (Optical Character Recognition) extrahiert.
Um die Screenreader-Anpassungen jederzeit zu aktivieren, müssen Nutzer lediglich die Tastenkombination Alt+1drücken. Außerdem erhalten Screenreader-Nutzer automatische Hinweise, den Screenreader-Modus zu aktivieren, sobald sie die Website betreten. Diese Anpassungen sind mit allen gängigen Screenreadern wie JAWS und NVDA kompatibel.
Optimierung der Tastaturnavigation:
Der Hintergrundprozess passt das HTML der Website an und fügt mithilfe von JavaScript verschiedene Verhaltensanpassungen hinzu, damit die Website vollständig mit der Tastatur bedient werden kann. Dazu gehören:
- Navigation mit den Tasten Tab und Shift+Tab
- Bedienung von Dropdown-Menüs mit den Pfeiltasten
- Schließen von Menüs mit Esc
- Auslösen von Buttons und Links mit der Enter-Taste
- Navigation zwischen Radio-Buttons und Checkboxen mit den Pfeiltasten und Auswählen mit Leertaste oder Enter.
Zusätzlich finden Tastatur-Nutzer Schnellnavigations- und Inhalts-Überspringen-Menüs, die jederzeit durch Drücken von Alt+1 oder als erste Elemente der Website verfügbar sind, während sie mit der Tastatur navigieren.
Der Hintergrundprozess sorgt außerdem dafür, dass der Tastaturfokus bei aufgerufenen Popups automatisch auf diese gelenkt wird und ein Verlassen des Fokus außerhalb des Popups verhindert wird.
Nutzer können zudem folgende Tastaturkürzel verwenden:
- M für Menüs
- H für Überschriften
- F für Formulare
- B für Buttons
- G für Grafiken,
  um direkt zu spezifischen Elementen zu springen.

Behinderungsprofile, die auf unserer Website unterstützt werden

Epilepsie-sicherer Modus: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen durch blinkende oder flackernde Animationen und riskante Farbkombinationen eliminiert wird.
Modus für Sehbehinderte: Dieser Modus passt die Website an die Bedürfnisse von Nutzern mit Sehbehinderungen an, wie z. B. nachlassender Sehkraft, Tunnelblick, Katarakt, Glaukom und anderen.
Modus für kognitive Beeinträchtigungen: Dieser Modus bietet verschiedene unterstützende Optionen, um Nutzern mit kognitiven Beeinträchtigungen wie Dyslexie, Autismus, CVA und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
ADHS-freundlicher Modus: Dieser Modus unterstützt Nutzer mit ADHS und neuroentwicklungsbedingten Störungen, die Hauptbestandteile der Website leichter zu lesen, zu durchsuchen und sich darauf zu konzentrieren, indem Ablenkungen erheblich reduziert werden.
Modus für Blindheit: Dieser Modus konfiguriert die Website so, dass sie mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist eine Software für blinde Nutzer, die auf Computern und Smartphones installiert ist und mit Websites kompatibel sein muss.
Profil für Tastaturnavigation (motorische Einschränkungen): Dieses Profil ermöglicht es motorisch eingeschränkten Personen, die Website mit der Tastatur zu bedienen (Tab, Shift+Tab und Enter-Tasten). Nutzer können auch Tastenkombinationen wie “M” (Menüs), “H” (Überschriften), “F” (Formulare), “B” (Buttons) und “G” (Grafiken) verwenden, um direkt zu bestimmten Elementen zu springen.

Zusätzliche Anpassungen der Benutzeroberfläche, des Designs und der Lesbarkeit

Schriftanpassungen – Nutzer können die Schriftgröße erhöhen oder verringern, die Schriftart ändern, den Zeichenabstand, die Ausrichtung, die Zeilenhöhe und mehr anpassen.
Farbanpassungen – Nutzer können verschiedene Farbkontrastprofile auswählen, wie hell, dunkel, invertiert oder monochrom. Zusätzlich können Farbschemata für Überschriften, Texte und Hintergründe aus über sieben verschiedenen Farboptionen gewechselt werden.
Animationen – Personen mit Epilepsie können alle laufenden Animationen mit einem Klick deaktivieren. Zu den über die Schnittstelle gesteuerten Animationen gehören Videos, GIFs und CSS-Flashing-Übergänge.
Hervorhebung von Inhalten – Nutzer können wichtige Elemente wie Links und Überschriften hervorheben. Es besteht auch die Möglichkeit, nur fokussierte oder schwebende Elemente hervorzuheben.
Audiostummschaltung – Nutzer mit Hörgeräten können durch automatisch abgespielte Audiodateien Kopfschmerzen oder andere Probleme bekommen. Mit dieser Option können sie die gesamte Website sofort stummschalten.
Kognitive Störungen – Wir nutzen eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist, damit Menschen mit kognitiven Störungen Bedeutungen von Phrasen, Abkürzungen, Slang und anderen Begriffen entschlüsseln können.
Zusätzliche Funktionen – Wir bieten Nutzern die Möglichkeit, die Cursorfarbe und -größe zu ändern, einen Druckmodus zu aktivieren, eine virtuelle Tastatur zu nutzen und viele weitere Funktionen.

Kompatibilität mit Browsern und unterstützender Technologie

Wir bemühen uns, eine möglichst große Vielfalt an Browsern und unterstützenden Technologien zu unterstützen, damit unsere Nutzer die für sie am besten geeigneten Tools mit möglichst wenigen Einschränkungen verwenden können. Daher haben wir intensiv daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % der Marktanteile ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie die Screenreader JAWS und NVDA.

Hinweise, Kommentare und Feedback

Trotz unserer größten Bemühungen, allen die Anpassung der Website an ihre Bedürfnisse zu ermöglichen, kann es dennoch Seiten oder Abschnitte geben, die nicht vollständig zugänglich sind, sich noch im Prozess der Barrierefreiheit befinden oder denen eine geeignete technische Lösung fehlt. Dennoch verbessern wir unsere Barrierefreiheit kontinuierlich, indem wir Optionen und Funktionen hinzufügen, aktualisieren und optimieren sowie neue Technologien entwickeln und einführen.

All dies dient dazu, ein optimales Maß an Barrierefreiheit entsprechend den technologischen Fortschritten zu erreichen. Für Unterstützung wenden Sie sich bitte an info@dortmundatwork.de.