In diesem 2-stündigen Projekt lernen Sie die Grundlagen der barrierefreien Webentwicklung kennen, während Sie eine Seite zur Anmeldung für einen Newsletter erstellen. Insbesondere lernen Sie, wie assistive Technologien unseren Webcode interpretieren, wie man semantisches HTML anwendet, um aussagekräftigere Schnittstellen zu schreiben, Methoden, um visuelle Stile mit den barrierefreien Eigenschaften einer Komponente zu koppeln und eine benutzerdefinierte, barrierefreie Komponente von Grund auf mit WAI-ARIA zu erstellen. Hinweis: Dieser Kurs eignet sich am besten für Teilnehmer, die sich in der Region Nordamerika befinden. Wir arbeiten derzeit daran, den Kurs auch in anderen Regionen anzubieten.
Einführung in die barrierefreie Webentwicklung
Einführung in die barrierefreie Webentwicklung
Dozent: Dylan Sheffer
3.073 bereits angemeldet
Bei enthalten
Erwerben Sie praxisrelevante Kompetenzen unter Anleitung von Experten, üben Sie sich in ihrer Anwendung und wenden Sie sie schließlich an.
4.7
(36 Bewertungen)
Stufe Mittel
Empfohlene Erfahrung
2 Stunden
In Ihrem eigenen Lerntempo lernen
Was Sie lernen werden
Verstehen Sie die Bedeutung der Seitensemantik und wie assistive Technologien Webcode interpretieren
Erstellen Sie CSS-Styles, bei denen die Barrierefreiheit im Vordergrund steht und die sowohl den visuellen als auch den semantischen Zustand einer Komponente widerspiegeln
Erstellen Sie eine barrierefreie benutzerdefinierte Komponente mit ARIA
Kompetenzen, die Sie festigen
- Kategorie: Leitlinien für die Zugänglichkeit von Webinhalten
- Kategorie: Front-End-Webentwicklung
- Kategorie: Web-Design
- Kategorie: Semantisches Web
- Kategorie: Benutzerfreundlichkeit
- Kategorie: Benutzeroberfläche (UI)
- Kategorie: Javascript
- Kategorie: Web-Design und Entwicklung
- Kategorie: HTML und CSS
Tools, die Sie verwenden werden
- Kategorie: Cascading Style Sheets (CSS)
- Kategorie: Hypertext Markup Language (HTML)
- Kategorie: UI-Komponenten
Wichtige Details
Zertifikat zur Vorlage
Zu Ihrem LinkedIn-Profil hinzufügen
Unterrichtet in Englisch
Keine Downloads oder Installation erforderlich
Nur als Desktop-Version verfügbar
Praktisches Lernen
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
Lernen, Üben und Anwenden von berufsrelevanten Fähigkeiten in weniger als 2 Stunden
- Nehmen Sie an Schulungen von Branchenexperten teil
- Sammeln Sie mit Aufgaben aus der realen Welt praktische Erfahrung
- Schaffen Sie Vertrauen durch neueste Tools und Technologien
Über dieses begleitete Projekt
Schritt für Schritt lernen
In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:
Aufgabe 1: Verstehen, wie assistive Technologien unseren Code interpretieren
Aufgabe 2: Erstellen Sie das semantische HTML-Grundgerüst der Newsletter-Seite
Aufgabe 3: Erstellung von Inhalten für die Newsletter-Seite
Aufgabe 4: Steuerung des Seitenfokus
Aufgabe 5: Verbesserungen der Benutzererfahrung und Integration von Barrierefreiheitsfunktionen in unsere visuelle Darstellung
Aufgabe 6: Eine benutzerdefinierte barrierefreie Komponente erstellen
Empfohlene Erfahrung
Grundkenntnisse bis fortgeschrittene Kenntnisse in HTML, CSS und JavaScript
4 Projektbilder
Dozent
1 Kurs3.073 Lernende
von
Was Sie beim Lernen erwartet
Auf Kompetenzen basierendes, praktisches Lernen
Üben Sie die Anwendung neuer Kompetenzen anhand von berufsbezogenen Aufgabenstellungen.
Anleitung durch Experten
Lernen Sie mit vorab von Experten aufgezeichneten Videos in einer einzigartigen aufgeteilten Oberfläche.
Keine Downloads oder Installation erforderlich
Greifen Sie in einem vordefinierten Cloud-Arbeitsbereich auf die Tools und Ressourcen zu.
Nur für Desktop verfügbar
Dieses begleitete Projekt ist für die Bearbeitung an einem Laptop oder Desktop-Computer mit stabiler Internetverbindung konzipiert und nicht für Mobilgeräte.
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
Felipe M.
Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“
Jennifer J.
Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“
Larry W.
Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“
Chaitanya A.
„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“
Bewertungen von Lernenden
- 5 stars
72,97 %
- 4 stars
24,32 %
- 3 stars
2,70 %
- 2 stars
0 %
- 1 star
0 %
Zeigt 3 von 36 an
BP
Geprüft am 29. Juni 2021
Pleasantly surprised! A lot of great useful information is packed into this 2 hours project.
JS
Geprüft am 18. Apr. 2023
For being a very brief project, it was easy to understand/follow and highly informative of the skills/knowledge needed to create the basics for thinking about and building accessible websites.
Ihnen könnte auch Folgendes gefallen:
Status: Kostenloser TestzeitraumScrimba
Status: Kostenloser TestzeitraumBoard Infinity
Status: Vorschau
Status: Vorschau
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online
