eAccessibility Consulting Switzerland

Ihr Partner für eine sozial verantwortungsvolle digitale Transformation

Know How & Ressourcen


WAI Web Accessibility Tutorials

Guidance on how to create websites that meet WCAG: This collection of tutorials shows you how to develop web content that is accessible to people with disabilities, and that provides a better user experience for everyone.

Accessibility Developer Guide ADG

The «Accessibility Developer Guide» in its entirety is the result of many years of hands-on practice in the field of testing websites for accessibility, as well as developing accessible web applications. The daily experience of user experts with special needs, blended together with the profound technical knowledge of full stack web developers, resulted in forming the «Accessibility Alliance».

h123 Bookmarklet (Überschriftenstruktur)

Das Bookmarklet h123 von Hinderling Volkart erzeugt eine schnelle Übersicht der Überschriftenstruktur einer Webseite.

Verschaffen Sie sich mit Hilfe des Bookmarklets einen Eindruck davon, wie sich Screenreadernutzer auf Ihrer Seite orientieren und wie sie innerhalb derselben navigieren können.

Screenshot e-accessibility.ch mit h123 Überschriftenanzeige

Web Developer browser extension by Chris Pederick

Die Web Developer Extension erweitert Ihren Browser um verschiedene Web Developer Tools. Die Erweiterung ist für Chrome, Firefox und Opera verfügbar und läuft auf jeder Plattform.

Wir empfehlen insbesondere die Funktion zur visuellen Anzeige der alt-Attribute für Bilder im Browser. Diese erlaubt eine effiziente Einschätzung der Sinnhaftigkeit der vorhandenen Alternativtexte.

Screenshot Web Developer browser Menü mit visueller Anzeige eines Alternativtextes

Colour Contrast Analyser (CCA) by Steve Faulkner

CCA ist ein optimales Werkzeug zur Überprüfung der Kontrast-Verhältnisse zwischen Schrift und Hintergrund.

Die Colourpicker-Funktion erlaubt eine erste Einschätzung. Bei Unklarheiten empfehlen wir jedoch die HEX-Wert direkt in die entsprechenden Felder einzugeben.

Screenshot e-accessibility.ch mit CCA

Windows High Contrast Mode (Win HCM)

Der in Windows Betriebssystemen standardmässig aktivierbare Modus für hochkontrastige Anzeige der Bildschirminhalte erlaubt eine einfache und schnelle Überprüfung der Anpassbarkeit von Websites auf individuelle Farbschemen.

Win HCM lässt sich ganz leicht mittels der Tastenkombination [Alt] + [Shift] + [PrtScr] ein- und ausschalten.

Screenshot e-accessibility.ch mit und ohne Win HCM

Screenreader als Testwerkzeuge

Wer ernsthaft auf Barrierefreiheit testen will, kommt um die Verwendung von Screenreadern nicht herum. Die Kompatibilität von Webangeboten für die Verwendung von Screenreader darf als DER Lackmustest für Barrierefreiheit betrachtet werden.

Wir empfehlen insbesondere NVDA als Screenreader der Wahl zu Testzwecken.

Produktlogos NVDA und JAWS
Web Content Accessibility Guidelines (WCAG) 2.1

WCAG 2.1 extends Web Content Accessibility Guidelines 2.0 [WCAG20], which was published as a W3C Recommendation December 2008. Content that conforms to WCAG 2.1 also conforms to WCAG 2.0.

Web Content Accessibility Guidelines (WCAG) 2.0

Web Content Accessibility Guidelines (WCAG) 2.0 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these. Following these guidelines will also often make your Web content more usable to users in general.

WCAG 2.0 success criteria are written as testable statements that are not technology-specific. Guidance about satisfying the success criteria in specific technologies, as well as general information about interpreting the success criteria, is provided in separate documents. See Web Content Accessibility Guidelines (WCAG) Overview for an introduction and links to WCAG technical and educational material.

Richtlinien für barrierefreie Webinhalte (WCAG) 2.0

Autorisierte deutsche Übersetzung.

WAI-ARIA Overview

WAI-ARIA, the Accessible Rich Internet Applications Suite, defines a way to make Web content and Web applications more accessible to people with disabilities. It especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies. Currently certain functionality used in Web sites is not available to some users with disabilities, especially people who rely on screen readers and people who cannot use a mouse. WAI-ARIA addresses these accessibility challenges, for example, by defining new ways for functionality to be provided to assistive technology. With WAI-ARIA, developers can make advanced Web applications accessible and usable to people with disabilities.

DiagramCenter.org - Image Description

Image description is often the easiest and fastest way to provide information about an image to a reader who cannot access it visually. Below are resources developed by the DIAGRAM Center to help content creators provide image descriptions. For information on technical standards related to attaching descriptions to images in digital content, see the Born Accessible Publishing page.

PDF/UA kompakt

Erfahren Sie mit PDF/UA kompakt, was sich hinter PDF/UA verbirgt. Die Broschüre fasst die wichtigsten Fakten und Anforderungen des Standards sowie neuste Entwicklungen und die aktuelle Gesetzeslage bezogen auf PDF Accessibility übersichtlich zusammen. Sie informiert zudem über die Anwendungsgebiete von PDF/UA und zeigt, mit welchen Werkzeugen standardkonforme PDF-Dokumente erstellt und geprüft werden können.

PDF/UA kompakt

Barrierefrei heisst ohne Hürden. Genau das aber sehen viele Unternehmen, Organisationen und Verwaltungen, wenn es darum geht, barrierefreie Dokumente zu erstellen oder bereitzustellen: Hürden.

Wir bauen diese Hürden ab. Denn access1 GmbH ist Ihr Spezialist für barrierefreie & interaktive Dokumente, insbesondere für PDFs. Unsere Fachkenntnis auf diesem Spezialgebiet reicht bis 2005 zurück.

Publishing@W3C - EPUB3

The web was created to provide access to a “universe of documents.” Since then, the Web has become many things, but documents and, by extension, publications, have remained close to the heart of the Web.

Many publishers use EPUB to bring digital content to their readers. EPUB is built from Web technologies, but publishing uses the web for so much more, from everyday matters of communication and marketing to learning management systems and online journals. Print and digital books are bought and sold on websites.