Richtlinien für die Barrierefreiheit kanadischer Websites

Ab 2020 surfen zu einem bestimmten Zeitpunkt ungefähr 34,56 Millionen Kanadier im Internet. Das Land hat auch eine der höchsten Verfügbarkeitsraten mit 96 Prozent der Bevölkerung mit Internetzugang.

Unabhängig davon, ob Sie ein Blogger oder ein E-Commerce-Händler sind, möchten Sie sicherstellen, dass Ihre Inhalte den kanadischen Gesetzen zur Barrierefreiheit entsprechen und für alle nützlich und erreichbar sind, die Ihre Seiten besuchen möchten.

Das bedeutet, dass Sie sich bereits in der Entwurfsphase an Richtlinien halten müssen, die behinderten Menschen den gleichen Zugang zu Ihrer Website ermöglichen. Die Website-Optimierung, einschließlich der Komprimierung von Website-Dateien, der Hosting-Effizienz und der allgemeinen Benutzererfahrung, sollte so gehandhabt werden, dass behinderte Besucher Ihre Inhalte sehen, hören, verstehen und interagieren oder zu ihnen beitragen können.

Wenn Sie sicherstellen, dass Sie über das beste verfügbare Webhosting verfügen, können Sie unzählige Probleme lösen. Es gibt jedoch noch einige Dinge, die Sie selbst lernen sollten:

Was ist die Barrierefreiheit der Website und warum ist sie wichtig??

Barrierefreiheit ist ein Mittel, um eine großartige Benutzererfahrung (UX) zu gewährleisten, geht jedoch darüber hinaus. Die Barrierefreiheit der Website umfasst Menschen mit dauerhaften Behinderungen aufgrund von Seh-, Hör- und Sprachstörungen, neurologischen Erkrankungen und Personen, die auf verschiedene Weise auf das Internet zugreifen, was eine normale Interaktion erschweren könnte.

Einschließlich älterer Systeme und Geräte mit kleineren Bildschirmen, die keine Tastaturen verwenden.

Wenn Ihre Website unter Einhaltung der Zugriffsrichtlinien gestaltet ist, hilft sie auch Personen mit vorübergehender Behinderung, älteren Menschen, Menschen, die an Orten mit Verbindungsproblemen leben, und Menschen mit Situationsbeschränkungen, z. B. Personen, die Computer oder andere Geräte in Räumen mit viel Platz verwenden von Blendung oder Einschränkungen für Audio-Inhalte.

Infografik über die Bedeutung der Barrierefreiheit von Websites

Quelle: DMA.org.uk.

Wenn Sie wissen, wie Menschen mit Behinderungen das Internet nutzen, ist dies für die Gewinnung eines treuen Publikums von großem Vorteil.

Damit das Internet wirklich offen und für jedermann nutzbar ist, Die Optimierung Ihrer Website für die Barrierefreiheit ist unerlässlich. Tatsächlich ist es das Gesetz in Kanada, wo mehr als sechs Millionen Menschen über 15 Jahre mit irgendeiner Form von Behinderung leben.

Es gibt verschiedene Vorschriften für die Zugänglichkeit für Behinderte. Diese Gesetze gelten für alle Veröffentlichungen, einschließlich Lehrmaterialien und Website-Inhalten, wobei einige ausschließlich für digitale Medien gelten. Unser Ziel ist es, Ihnen einen Überblick über Richtlinien und Gesetze zur Barrierefreiheit für Kanadier zu geben und anschließend die Möglichkeiten für die Erstellung Ihrer Website zu behandeln wirklich für Ihr gesamtes Publikum verfügbar, während die gesetzlichen Bestimmungen eingehalten werden.

Vereinfachte kanadische Gesetze zur Barrierefreiheit im Internet

Schon vor dem Aufkommen des digitalen Zeitalters waren Kanadier mit Behinderungen durch mehrere Gesetze geschützt. Viele dieser Gesetze bleiben in den Provinzen in den Büchern, obwohl sie aktualisiert und geändert wurden, um den aktuellen Bedürfnissen der Bürger besser gerecht zu werden.

Es wurde auch eine Reihe neuer Gesetze geschaffen, die sicherstellen sollen, dass alle Kanadier Zugang zu den Vorteilen haben, die der Webzugriff mit sich bringt.

Eine der frühesten globalen Rechtsvorschriften kommt über die UN-Konvention über die Rechte von Menschen mit Behinderungen zu uns, die im Laufe der Jahre kontinuierlich geändert wurde, um sicherzustellen, dass Mitarbeiter und Bürger auf der ganzen Welt den gleichen Zugang zu digitaler Technologie haben.

Zugänglichkeit der Website verschiedene Aspekte

Quelle: newtarget.com

Die Vereinigten Staaten waren auch an vorderster Front dabei, sicherzustellen, dass alle Bürger unabhängig von ihren körperlichen Fähigkeiten gleichermaßen Zugang zu Technologie haben. Ihr Rehabilitationsgesetz von 1973 wurde 1998 aktualisiert. Gemäß Section 508 müssen Bundesbehörden die gleiche elektronische Technologie und Informationstechnologie (EIT) bereitstellen, die andere US-Bürger für Behinderte zur Verfügung haben.

Wenn Ihre Website eine Reichweite außerhalb Kanadas hat, sollten Sie diese 508-Checkliste überprüfen, um sicherzustellen, dass Ihre Codierung, Plugins und Skripte den in dieser Änderung festgelegten Standards entsprechen. Es ist inoffiziell, basiert jedoch auf den im Gesetz festgelegten 508-Richtlinien.

Um von unseren südlichen Nachbarn nicht übertroffen zu werden, haben kanadische Gesetzgeber im ganzen Land unsere eigenen Regeln und Barrierefreiheitsstandards erstellt. Eine der ersten ist eine Änderung des kanadischen Menschenrechtsgesetzes von 1985, die 2016 geändert wurde, um Richtlinien für die Barrierefreiheit im Internet bereitzustellen.

Gesetz zur Barrierefreiheit für Menschen mit Behinderungen (AODA)

Im Rahmen dieses Gesetzes müssen Unternehmer in Ontario mit mehr als 50 Mitarbeitern, ob privat oder gemeinnützig, Schulen und Organisationen im öffentlichen Sektor, Website-Inhalte erstellen oder aktualisieren, um die WCAG 2.0 Level A – AA-Richtlinien bis zum 1. Januar zu erfüllen. 2021. Inhalt ist definiert als Text, Bilder, Video oder Ton.

Ab 2020 wird die AODA auch erfordern, dass wesentliche Änderungen bis 2025 auf neue oder bestehende öffentliche, schulische und geschäftliche Websites übertragen werden. Dazu gehören:

  • Erstellung barrierefreier Schulungs- und Unterrichtsmaterialien
  • Erstellen eines barrierefreien Videos mit Untertiteln für Hörgeschädigte und Beschreibungen für sehbehinderte Schüler und Mitarbeiter
  • Alle Materialien der Schulbibliothek zugänglich machen
  • Erstellen zugänglicher Feedback-Mechanismen und Formulare
  • Auf Anfrage zugängliche Notfallmaterialien erstellen

Die Arbeitgeber müssen außerdem sicherstellen, dass alle Schulungshandbücher, internen Mitteilungen, Bewertungen und Informationen zu Notfallmaßnahmen zugänglich sind. Die Nichteinhaltung in einem der oben genannten Fälle führt zu Geldstrafen von 200 bis 15.000 Dollar, abhängig vom Eigentümer / der Umgebung der Website und dem Schweregrad der Nichteinhaltung.

Accessible Canada Act (Gesetzentwurf C-81)

Als eines der neueren Gesetze wurde dieses Gesetz 2018 vom Minister für Wissenschaft und Sport sowie für Menschen mit Behinderungen vorgeschlagen. Ziel ist es, Website-Entwicklern und -Designern Leitlinien zur Verfügung zu stellen und die Inklusion von Bürgern und Bewohnern mit Behinderungen zu fördern.

Es wurde am 21. Juni 2019 nach der königlichen Zustimmung gewählt und folgt im Wesentlichen den gleichen Anforderungen wie die WCAG. Strafen für die Nichteinhaltung und Einhaltung dieser Richtlinien können zu Geldstrafen von bis zu 250.000 US-Dollar.

Zugänglichkeit für Manitobans Act (AMA)

Die AMA wurde 2013 von der Provinz verabschiedet, um den gleichen Schutz und Zugang wie die Gesetzgebung von Ontario zu gewährleisten. Es basiert auf fünf Standards, nach denen Website-Ersteller, Herausgeber und Unternehmen behindertengerechte Manitobans zugänglich machen müssen.

Dazu gehört die Druckgröße, Farbe Kontrast, und Sprachgebrauch, der mit AODA und WCAG Schritt hält.

Nova Scotia Accessibility Act

Dieses Gesetz wurde 2017 in das Gesetz aufgenommen, Teile davon befinden sich jedoch noch in der Entwicklung. Nova Scotia geht mit gutem Beispiel voran, indem alle Regierungswebsites den WCAG-Standards entsprechen. Sie unterscheiden sich von anderen Provinzen durch die Anwendung eines Zeitplans für die Einhaltung, der von den Anforderungen der 12 WCAG-Standards abhängt.

Die Strafe für Nichteinhaltung ist eine Geldstrafe, die bis zu hoch sein kann 250.000 US-Dollar. Die Provinz wird Webentwicklern auch Zuschüsse anbieten, um ihnen dabei zu helfen, die Anforderungen zu erfüllen und Strafen zu vermeiden.

Verwandte Rechnungen, Gesetze und Vorschriften

Die Richtlinien für die Barrierefreiheit von Webinhalten 2.0 (WCAG 2.0) sind eine Reihe von Standards, die Webentwicklern und Designtechnikern helfen sollen, Barrierefreiheitspunkte für den behinderten Zugriff auf Inhalte zu integrieren. Es basiert auf vier Prinzipien: wahrnehmbar, funktionsfähig, robust und verständlich, die 12 Standards für barrierefreies Webdesign regeln.

Symbole für digitale Barrierefreiheit

Es gibt auch einige Gesetzgebungsakte in den Werken, die andere Provinzen abdecken. Eines der jüngsten ist das British Columbi Accessibility Act (Bill M 219), das auf Richtlinien basiert, die in ihrer Accessibility 2024-Strategie festgelegt sind.

Die erste Lesung dieses Gesetzes war im Mai 2018, aber es ist noch kein Gesetz. In Anlehnung an andere kanadische Provinzen arbeiten die meisten anderen an ihren eigenen Regeln und Gesetzen zur Barrierefreiheit.

Best Practices, um Ihre Website zugänglicher zu machen

Die Bereitstellung von Webinhalten für alle, die von deren Nutzung profitieren oder diese genießen könnten, ist ein Anliegen für alle, von den Vereinten Nationen bis hin zu lokalen Regierungen und Geschäftsinhabern.

Wenn Sie eine Website erstellen, wird durch den Aufbau des Zugriffs auf das Webdesign nicht nur sichergestellt, dass Ihre Website Tools und Geräte für die Barrierefreiheit unterstützt, sondern auch eine zufriedenstellendere Erfahrung erzielt, das Branding unterstützt und die Kundenbindung gefördert.

Es bietet auch eine Grundlage für die soziale Eingliederung, die behinderten Menschen, älteren Menschen und Menschen in ländlichen Gebieten hilft, die gleiche Technologie wie wir anderen zu nutzen.

Eines der Probleme bei Richtlinien zur Barrierefreiheit ist die Schwierigkeit, standardisierte Protokolle und Verfahren zu erstellen, mit denen die meisten Menschen die Technologie bequem nutzen können.

Dies hat dazu geführt, dass einige unserer größten Technologieinnovatoren zusammengekommen sind und einheitliche Standards geschaffen haben, um die größtmögliche Zugänglichkeit für eine Reihe von Geräten und Computerumgebungen zu gewährleisten.

Um sicherzustellen, dass Sie alle potenziellen Website-Besucher bedienen, sind wir stolz darauf, einige Richtlinien und Best Practices für die Integration der Barrierefreiheit in Ihre Website weiterzugeben.

Infografik zur Barrierefreiheit im Internet

Quelle: library.triton.edu

Typografie und Lesbarkeit

Dies ist das vorherrschende und wohl wichtigste Element des Website-Designs. Die Wahl der Schriftgröße und -farbe, des Layouts und der Gesamtorganisation kann das Lesen und Navigieren auf einer Website für Sehbehinderte erleichtern. Die folgenden Textrichtlinien basieren auf WebAIM und wurden erstellt, um die Einhaltung der WCAG sicherzustellen:

  • Halten Sie sich an ein oder zwei leicht lesbare, große Schriftarten
  • Verwenden Sie tatsächlichen Text, anstatt ihn in Grafiken zu vergraben
  • Stellen Sie sicher, dass zwischen Schrift- und Hintergrundfarben genügend Kontrast vorhanden ist
  • Verwenden Sie relative Schriftgrößen und vermeiden Sie kleine, ausgefallene oder feine Schriftarten
  • Begrenzen Sie Variationen wie CAPS, Fettdruck oder Kursivschrift
  • Verwenden Sie keinen Text, der blinkt oder sich bewegt
  • Verwenden Sie nicht nur Schriftgröße, Farbe oder Stil, um die Textbedeutung zu vermitteln

Zugängliche Überschriften erstellen

Überschriften sind eine der besten Möglichkeiten, um Ihren Inhalten eine Struktur zu verleihen, die für sehbehinderte Besucher leicht zu verfolgen ist. Es verbessert den Fluss und die Lesbarkeit und bietet den Lesern klare Anweisungen und Navigationsoptionen.

Die W3-Organisation hat eine Richtlinie zum Erstellen von HTML-Headern erstellt, die Größe, optimale Platzierung und Verwendung abdeckt. Die größte Überschrift sollte für den oberen Rand der Seite reserviert sein, wobei aufeinanderfolgende, aufeinanderfolgende Größen Absätze und Abschnitte markieren.

Inhaltslayout, Farben und Bilder

Farbenblindheit kann es schwierig machen, selbst die eleganteste Website zu erkennen, wenn bei der Auswahl eines Farbschemas nicht sorgfältig berücksichtigt wird. Es gibt keine einzige Form von Farbenblindheit, daher sollte es keine einheitliche Lösung geben.

Eine allgemeine Faustregel, um eine sinnvolle Erfahrung zu gewährleisten, ist jedoch Wählen Sie einen Text, der sich gut vom Hintergrund abhebt, und verwenden dunkle Farben gegen hellere Farben.

Dies ist ein Fall, in dem die Verwendung eines Werkzeugs zur Kontrastmessung hilfreich ist. Sie finden eine im Ressourcenbereich unten. Bilder sollten eine gute Größe haben, nur selten verwendet werden und für eine ordnungsgemäße Indizierung und Beschreibung in Alt-Text enthalten sein. Ändern Sie die Größe von Inhalten auf jedem Bildschirmtyp, ohne das Layout oder die Funktionalität zu beeinträchtigen.

Optimieren von Bildern für die Barrierefreiheit

Quelle: kinsta.com/blog/

In Bezug auf das Layout ist es eine gute Faustregel für alle Besucher, einen kleinen Textblock mit einer Schriftgröße von guter Größe zu verwenden, viel Leerraum einzubauen und Aufzählungslisten und Überschriften zu verwenden, um den Inhalt aufzuteilen und zu definieren. Vermeiden Sie die Verwendung von Tabellen, es sei denn, diese sind für Ihre Art von Inhalten unbedingt erforderlich.

Zugängliche Videoinhalte einbinden

Beim Video gibt es drei Hauptaspekte: Untertitelung, Beschreibungen, und Transkriptionen. Die Untertitel sollten mit den im Video gesprochenen Wörtern synchronisiert sein, sie sollten mit denen übereinstimmen, die von Personen ohne Hörverlust gehört werden, und der Zugriff sollte über eine einfache Umschalttaste erfolgen.

Vermeiden Sie das Hinzufügen von Videos mit einer Autoplay-Funktion, da nicht sehende Personen möglicherweise keinen Mechanismus finden, um die Wiedergabe zu stoppen.

Alle Transkripte sollten sich unter dem Videobildschirm befinden und so aufgebaut sein, dass der Leser eine hat wahre Darstellung des Videoinhalts. Dies bedeutet, dass der Wortlaut korrekt sein sollte und alle wichtigen Aktionen oder Hinweise in das Transkript aufgenommen werden sollten.

automatisierte Video-Transkriptionsnachrichten

Quelle: telestream.net

Audiobeschreibungen ermöglichen es blinden und sehbehinderten Personen, die Essenz des Videoinhalts zu genießen. Alle Aktionen oder Darstellungen, die nicht erzählt werden, sollten klar und präzise beschrieben werden, um alle im Video auftretenden Aktionen zu vermitteln.

Sicherstellen der Tastaturzugänglichkeit

Eine der grundlegendsten Eingabemethoden ist die Tastatur, um sicherzustellen, dass Ihre Website wirklich zugänglich ist, Stellen Sie sicher, dass keiner der Inhalte nur mit der Maus navigiert werden kann.

Die Tastaturzugriffsfunktion wird unterstützt, indem Text und andere Navigationsbereiche erstellt werden, die mit der Registerkartenfunktion übereinstimmen. Dies kann Probleme bei der Verwendung von Schaltflächen oder Menüs ohne Maus verringern. Sie können dies auf jeder Ihrer Webseiten testen, indem Sie die Maus ausstecken und versuchen, auf alle Features und Funktionen zuzugreifen.

Zugängliche Dokumente erstellen

Die meisten Inhalte der Website enthalten Dokumente oder irgendeine Form von Text, und es gibt viele digital produzierte Dokumente, die Kanadier für die Geschäftsabwicklung benötigen. Um sicherzustellen, dass PDF-Dateien und andere Arten von Dokumenten zugänglich sind, sollten sie:

  • Seien Sie klar, prägnant und gut präsentiert
  • Verwenden Sie Header und andere Formatierungen, die den Fluss verbessern
  • Erstellen Sie Inhalte nach Möglichkeit in Listenform
  • Tag-Sprachen, mit denen Screenreader die korrekte Interpunktion ermitteln können
  • Integrieren Sie Alt-Text, um Bilder zu identifizieren

Zugängliche Formulare entwerfen

Fast alle Websites enthalten Formulare, unabhängig davon, ob Sie Besucher bitten, Ihre Website zu abonnieren, ein Konto zu erstellen, Helpdesk-Tickets auszustellen oder Waren zu verkaufen. Stellen Sie beim Hinzufügen von Formularen zu Ihrem Inhalt sicher, dass die Felder groß genug sind, um unterscheidbar zu sein, dass jeder Abschnitt eindeutig gekennzeichnet ist, und dass sich alle Beschriftungen neben dem entsprechenden Feld befinden.

Anweisungen und andere Zusatzinformationen sollten sein leicht zu finden, zu verstehen und zu lesen.

Ressourcen zur Verbesserung der Website-Zugänglichkeit

Zusätzlich zu den Richtlinien für die Erstellung und Gestaltung von Websites gibt es eine Reihe von Ressourcen, die Entwicklern dabei helfen, die Compliance aufrechtzuerhalten und gleichzeitig ästhetisch ansprechende, funktionale Websites zu erstellen, die für alle nutzbar sind.

  • Zugängliche Dokumente mit MS Word: Da es sich um eine der am weitesten verbreiteten Datenverarbeitungsanwendungen handelt, erfahren Sie in diesem Handbuch, wie Sie sicherstellen können, dass Ihre Word-Dokumente den Richtlinien für Barrierefreiheit entsprechen. Es gibt auch eine Anleitung zum Konvertieren Ihrer Word-Dokumente in das PDF-Format, ohne die Barrierefreiheit zu verlieren, sowie Anleitungen für Adobe Acrobat Pro, InDesign und das Reparieren nicht zugänglicher Adobe PDF-Dateien.
  • Entwerfen von Websites für Blinde und Sehbehinderte: Dieses Handbuch enthält nützliche Anleitungen zur Verwendung von SEO zur Verbesserung der Barrierefreiheit, zum Entwerfen für Bildschirmleser und zum Erstellen von Inhalten für Farbenblinde.
  • Wave-Barrierefreiheitstool: Wenn Sie Ihre Website genau auf Barrierefreiheitsprobleme untersuchen möchten, helfen diese Tools.
  • Eingabehilfen-Viewer: Mit diesem Tool können Entwickler API-Daten von Browsern anzeigen und überprüfen, um zu bestätigen, wie diese Informationen unterstützende Technologien vermitteln.
  • W3C-Wiki: Der Abschnitt über Zugänglichkeitstests enthält Anleitungen, wann Zugänglichkeitstests durchgeführt werden sollen und wie dies durchgeführt werden sollte, um die besten Ergebnisse zu erzielen.
  • WebAIM-Kontrastprüfung: Mit diesem Tool können Sie Vordergrund- und Hintergrundfarben testen, um sicherzustellen, dass sie den Kontraststandards für WCAG 2.0 entsprechen.
  • Zugängliche Videos für DigitalGOV 508: Demonstriert die Verwendung eines 508-kompatiblen Videoplayers.
  • NVDA (NonVisual Desktop Access): Dies ist ein kostenloses persönliches Usability-Tool, das dem VoiceOver-Tool für Mac ähnelt.
  • Entwickler-Tools für Barrierefreiheit: Eine Chrome-Erweiterung, mit der Entwickler nach Barrierefreiheitsproblemen für Websites suchen können.
  • Barrierefreiheit von Webinhalten und mobiles Web: Dies ist eine hervorragende Anleitung zum Testen der Barrierefreiheit auf mobilen Plattformen. Es kann in Verbindung mit dem Mobile Web Best Practices Guide verwendet werden.

Abschließende Gedanken

Compliance bedeutet, die Barrierefreiheit von Anfang an in Ihr Design einzubeziehen. Das Entwerfen für Barrierefreiheit bedeutet jedoch nicht unbedingt, dass Sie bei Null anfangen müssen. Alle oben aufgeführten Vorschläge und Best Practices können jederzeit auf Ihrer Website implementiert werden.

Trinkgeld: Die meisten der hoch bewerteten Website-Ersteller verfolgen die Barrierefreiheit bereits genau. Wenn Sie mit dem Backend-Management noch nicht vertraut sind, empfehlen wir Ihnen, diese Software zu überprüfen, bevor Sie versuchen, alles selbst zu erledigen.

Wir hoffen, dass diese Informationen und Links zu Ressourcen hilfreich sind, damit Sie den bestmöglichen Inhalt und das bestmögliche Layout erstellen können, und dass sie von jedem genutzt werden können, der durch Ihre pages.webs reist

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author