Lernen Sie „Inklusive Komponenten“ kennen: Zugängliche, kugelsichere Front-End-Muster

Die Zugänglichkeit des Front-Ends ist heutzutage immer noch etwas mysteriös. Wie erstellen wir barrierefreie Schaltflächen und Dropdowns? Was ist mit tastaturfreundlichen QuickInfos, Registerkarten und Benachrichtigungen? Oder inklusive Akkordeons, Slider, Datentabellen und Modals ? Lass es uns gemeinsam herausfinden. Lernen Sie Inclusive Components kennen , unser neues Handbuch zum Erstellen vollständig barrierefreier digitaler Produkte. Laden Sie ein kostenloses Beispiel-PDF herunter (1,1 MB).

Über das Buch

Im Kern ist Inclusive Components ein detailliertes, praktisches Handbuch zum Erstellen vollständig barrierefreier Schnittstellen. Das Buch untersucht 12 gängige Schnittstellenmuster – Akkordeons, Tabellen, Modale , Benachrichtigungen, Registerkarten, Umschalter und alles dazwischen – durch die Linse der Inklusion. Das Ergebnis sind zugängliche und robuste Komponenten , die wir täglich erstellen, einbinden und verwenden.

Heydon Pickering, ein erfahrener Frontend-Entwickler mit Fokus auf Barrierefreiheit, schreibt seit Jahren über barrierefreie Lösungen. Wir haben uns mit Heydon zusammengetan, um ein Buch mit gemeinsamen Herausforderungen und Lösungen zu produzieren, die er über all die Jahre verfeinert hat.

Für jede Komponente werden die eingehenden Erkundungen akribisch illustriert und alle Lösungen sind als kugelsichere Code-Snippets verfügbar, die sofort auf Ihre Arbeit anwendbar sind. Bonus: Sie lernen, wie Sie Ihre eigenen barrierefreien Komponenten unter Berücksichtigung von inklusivem Design erstellen – alles in einem einzigen Buch. Zum Inhaltsverzeichnis springen ↓

332 Seiten . Hochwertiger Hardcover mit Fadenheftung und Lesebändchen. Das eBook ist als PDF, ePUB, Amazon Kindle erhältlich. Geschrieben und gestaltet von Heydon. Laden Sie ein Beispiel-PDF herunter (1,1 MB).

Inhaltsverzeichnis

Jedes Kapitel befasst sich mit einer einzelnen Komponente und geht darauf ein, wie unterschiedliche und gefährdete Menschen es lesen und damit interagieren können und wie sie besser untergebracht werden können. Laden Sie ein Beispiel-PDF herunter (1,1 MB).

Über den Autor

Heydon Pickering (@heydonworks) hat als Designer, Ingenieur, Autor, Redakteur und Illustrator mit The Paciello Group, The BBC, Smashing Magazine und Bulb Energy zusammengearbeitet. Bei den Net Awards kam er in die engere Wahl für den Designer des Jahres.

Heydon schrieb zuvor Inclusive Design Patterns, das über 10.000 Mal verkauft wurde. Der Erlös aus diesem Titel wurde an die ACLU und The Democratic Socialists Of America gespendet, um diesen Organisationen beim Kampf gegen den Faschismus und der Schaffung einer integrativeren Gesellschaft zu helfen.

Folgendes teilte Heydon mit, als er gefragt wurde, warum er sich entschieden habe, dieses Buch zu schreiben:

„Vor ein paar Jahren langweilte mich Webdesign. Dann kam Responsive Design und stellte mich vor neue Herausforderungen. Es hat mein Leben und meinen Job wieder interessant gemacht. Dann entdeckte ich die Welt der Barrierefreiheit im Web und meine Begeisterung war wieder neu. Manche Leute scheinen zu denken, dass ich Web Accessibility mache, weil ich mich moralisch verpflichtet fühle oder dass ich mich schuldig fühlen würde, wenn ich es nicht täte.

Obwohl ich fest davon überzeugt bin, dass alle Arten von Menschen auf das Web zugreifen können sollten, bin ich auch dankbar für die Herausforderungen der Web-Zugänglichkeit, denen ich begegnet bin und die in diesem Buch behandelt werden, die mich anregen und meiner Arbeit neue Tiefe verleihen.

Ich habe dieses Buch geschrieben, weil ich möchte, dass Sie wissen, wie viel Spaß es machen kann, Ihre Schnittstellen zugänglicher zu machen, und wie erfolgreich Sie sich dabei fühlen können. Vielen Dank, dass Sie dies und hoffentlich auch das Buch gelesen haben.“

Referenzen

„Inclusive Components ist eine sehr tiefe und gründliche Erläuterung der Entwicklung barrierefreier Komponenten mit Beispielen aus der Praxis. Heydon Pickering zeigt mehrere alternative Ansätze und erklärt die Vor- und Nachteile der einzelnen. Es ist auch ein Vergnügen zu lesen!“

— Artem Sapegin, Front-End-Entwickler, Wayfair

„Inclusive Components ist vollgepackt mit praktischen und umfassenden Ratschlägen zum Erstellen barrierefreier Benutzeroberflächen. Es ist meine Anlaufstelle nach der offiziellen WCAG- und ARIA-Dokumentation. Ich fand es beim Aufbau unseres Designsystems äußerst hilfreich!“

— Sarah Federman, leitende Front-End-Entwicklerin

„Was Heydon mit seiner Arbeit an Inclusive Components erreicht, ist eine pragmatische, freundliche und zugängliche Reihe von Leitfäden, die Ihnen helfen, nicht nur zugängliche Komponenten zu generieren, sondern auch belastbare und fortschrittliche Ausgangspunkte, die Ihnen helfen, bessere Websites und Web-Apps zu erstellen Allgemeines. Aus genau diesem Grund bezeichne ich diese Arbeit oft als entscheidendes Lernmaterial.“

— Andy Bell, unabhängiger Designer und Entwickler

Warum dieses Buch etwas für Sie sein könnte

Der Teufel steckt im Detail und oft können die Dinge, die Sie mit guten Absichten tun, unwissentlich Barrieren für die Barrierefreiheit errichten. Inclusive Components richtet sich an alle Front-End-Entwickler , die lernen möchten, wie sie potenzielle Barrierefreiheitsprobleme in ihrer Arbeit erkennen und beheben können. Das Buch wird Ihnen beibringen:

1. Wie man <button> -Elemente verwendet, wie man Stile auf seine Toggle-Buttons anwendet und wie man sie beschriftet.
2. So erstellen Sie verwaltete Listen, die es Benutzern ermöglichen, Inhalte zu erstellen und zu löschen – auf inklusive Weise.
3. Wie man Barrierefreiheitsprobleme mit Navigationsmenüs und Untermenüs (auch „Dropdowns“ genannt) angeht und löst.
4. So erstellen Sie barrierefreie und tastaturfreundliche Tooltips und Toggletips.
5. So erstellen Sie ein „Dark Mode“ -Design, das sowohl zugänglich als auch langfristig wartbar ist.
6. So erstellen Sie einen barrierefreien Content-Slider , um Schäden für bewegungsempfindliche Personen zu vermeiden.
7. So erstellen Sie inklusive Benachrichtigungen mit Live-Regionen, um mit Ihren Benutzern gleichzeitig über visuelle und akustische Kanäle zu kommunizieren.
8. So erstellen Sie Datentabellen , die semantisch korrekt, reaktionsschnell und sortierbar sind.
9. So erstellen Sie barrierefreie Dialoge und modale Dialoge unter Berücksichtigung von Leistung und integrativem Design.
10. So erstellen und gruppieren Sie inklusive Karten (zB für Teaser).

Technische Details

• ISBN: 978-3-945749-82-1 (Druck)
• Hochwertiger Hardcover, geheftete Bindung, Lesebändchen.
• Das eBook ist als PDF, ePUB und Amazon Kindle auf der Website von Heydon erhältlich.
• Kostenloser weltweiter Luftpostversand aus Deutschland. (Überprüfen Sie Ihre Lieferzeiten.)
• Erhältlich als eBook und Print + eBook.

Gemeinschaftsangelegenheiten ️

Mit Inclusive Components haben wir versucht, ein sehr fokussiertes Handbuch mit anwendbaren, langlebigen Lösungen und Strategien zu erstellen, um zugängliche und integrative Schnittstellen zu schaffen.

Wir hoffen, dass Sie mit Heydons Buch bessere Design- und Codierungsentscheidungen treffen können, während Sie Ihre Schnittstellen erstellen. Vielleicht wird es sogar zu einem dieser Nachschlagewerke, zu denen Sie jedes Mal greifen, wenn Sie eine dieser gängigen UI-Komponenten erstellen müssen.

Die Produktion eines Buches nimmt ziemlich viel Zeit in Anspruch, und ohne die Unterstützung unserer wunderbaren Community könnten wir das nicht schaffen. Ein großes Dankeschön an die Smashing-Mitglieder für ihre anhaltende Unterstützung bei unseren Abenteuern. Infolgedessen ist und bleibt das eBook für Smashing-Mitglieder kostenlos. Außerdem erhalten Mitglieder einen freundlichen Rabatt beim Kauf ihres gedruckten Exemplars.

Bleiben Sie großartig und danke Ihnen allen für Ihre anhaltende Unterstützung!

Mehr Smashing-Bücher

Die Förderung von Best Practices und die Bereitstellung praktischer Tipps zur Bewältigung Ihrer täglichen Codierungs- und Designherausforderungen war schon immer (und wird es auch weiterhin sein) der Kern von allem, was wir bei Smashing tun. In den letzten Jahren hatten wir das große Glück, mit einigen talentierten, fürsorglichen Menschen aus der Web-Community zusammengearbeitet zu haben, um ihren Erfahrungsschatz als Bücher zu veröffentlichen, die die Zeit überdauern. Alla, Adam und Andy sind einige dieser Leute. Hast du dir ihre Bücher schon angesehen?