Rencontrez les «composants inclusifs»: modèles frontaux accessibles et à l'épreuve des balles

L'accessibilité frontale est encore quelque peu mystérieuse de nos jours. Comment créer des boutons et des listes déroulantes accessibles ? Qu'en est-il des info-bulles, des onglets et des notifications compatibles avec le clavier ? Ou des accordéons inclusifs, des curseurs, des tableaux de données et des modaux ? Découvrons-le ensemble. Découvrez Inclusive Components , notre nouveau manuel pour créer des produits numériques entièrement accessibles. Téléchargez un exemple gratuit de PDF (1,1 Mo).

À propos du livre

En son cœur, Inclusive Components est un manuel détaillé et pratique pour créer des interfaces entièrement accessibles. Le livre examine 12 modèles d'interface communs - accordéons, tableaux, modaux , notifications, onglets, bascule et tout le reste - à travers le prisme de l'inclusion. Le résultat est des composants accessibles et robustes que nous créons, connectons et utilisons quotidiennement.

Pendant des années, Heydon Pickering, un développeur front-end chevronné spécialisé dans l'accessibilité, a écrit sur les solutions accessibles. Nous avons fait équipe avec Heydon pour produire un livre avec des défis communs et des solutions qu'il a affiné au cours de toutes ces années.

Pour chaque composant, les explorations approfondies sont méticuleusement illustrées et toutes les solutions sont disponibles sous forme d' extraits de code à l'épreuve des balles , applicables immédiatement à votre travail. Bonus : vous apprendrez à créer vos propres composants accessibles en gardant à l'esprit la conception inclusive, le tout dans un seul livre. Aller à la table des matières ↓

332 pages . Couverture rigide de qualité avec une reliure cousue et un ruban marque-page. L'eBook est disponible en PDF, ePUB, Amazon Kindle. Écrit et conçu par Heydon. Téléchargez un exemple de PDF (1,1 Mo).

Table des matières

Chaque chapitre aborde un seul élément, abordant la manière dont les personnes différentes et vulnérables pourraient le lire et interagir avec, et comment elles peuvent être mieux adaptées. Téléchargez un exemple de PDF (1,1 Mo).

A propos de l'auteur

Heydon Pickering (@heydonworks) a travaillé avec The Paciello Group, la BBC, Smashing Magazine et Bulb Energy en tant que designer, ingénieur, écrivain, éditeur et illustrateur. Il a été sélectionné pour le Designer de l'année aux Net Awards.

Heydon a précédemment écrit Inclusive Design Patterns qui s'est vendu à plus de 10 000 exemplaires. Le produit de ce titre a été reversé à l'ACLU et aux Democratic Socialists Of America, pour aider ces organisations à combattre le fascisme et à créer une société plus inclusive.

Voici ce que Heydon a partagé lorsqu'on lui a demandé pourquoi il avait décidé d'écrire ce livre :

« Il y a quelques années, je m'ennuyais avec la conception de sites Web. Puis le responsive design est arrivé, me présentant de nouveaux défis. Cela a rendu ma vie et mon travail intéressants à nouveau. Puis j'ai découvert le monde de l'accessibilité web, et mon enthousiasme a de nouveau été renouvelé. Certaines personnes semblent penser que je fais de l'accessibilité Web parce que je me sens moralement obligé, ou que je me sentirais coupable si je ne le faisais pas.

Bien que je crois fermement que toutes sortes de personnes devraient pouvoir accéder au Web, je suis également reconnaissant pour les défis d'accessibilité du Web que j'ai rencontrés et abordés dans ce livre, pour m'avoir stimulé et donné une nouvelle profondeur à mon travail.

J'ai écrit ce livre parce que je veux que vous sachiez à quel point il peut être amusant de rendre vos interfaces plus accessibles, ainsi que à quel point vous pouvez vous sentir accompli pour l'avoir fait. Merci d'avoir lu ceci, et j'espère que le livre aussi.

Témoignages

"Inclusive Components est une explication très approfondie et approfondie du développement de composants accessibles avec des exemples concrets. Heydon Pickering montre plusieurs approches alternatives et explique les avantages et les inconvénients de chacune. C'est aussi un plaisir à lire !

— Artem Sapegin, développeur front-end, Wayfair

"Inclusive Components regorge de conseils pratiques et complets sur la création d'une interface utilisateur accessible. C'est ma ressource de référence après la documentation officielle WCAG et ARIA. Je l'ai trouvé extrêmement utile lors de la construction de notre système de conception ! »

— Sarah Federman, développeur front-end senior

"Ce que Heydon réalise avec son travail sur les composants inclusifs est un ensemble de guides pragmatiques, conviviaux et accessibles qui vous aident à générer non seulement des composants accessibles, mais également des points de départ résilients et progressifs qui vous aideront à créer de meilleurs sites Web et applications Web dans général. Je décris souvent ce travail comme un matériel d'apprentissage crucial pour cette raison précise.

— Andy Bell, designer et développeur indépendant

Pourquoi ce livre pourrait être pour vous

Le diable est dans les détails et souvent les choses que vous faites avec de bonnes intentions peuvent imposer des barrières à l'accessibilité sans le savoir. Les composants inclusifs s'adressent à tous les développeurs front-end qui souhaitent apprendre à détecter et à résoudre les problèmes d'accessibilité potentiels dans leur travail. Le livre vous apprendra :

1. Comment utiliser les éléments <button> , comment appliquer des styles à vos boutons bascule et comment les étiqueter.
2. Comment créer des listes gérées permettant aux utilisateurs de créer et de supprimer du contenu, de manière inclusive.
3. Comment traiter et résoudre les problèmes d'accessibilité avec les menus et sous-menus de navigation (alias "listes déroulantes").
4. Comment créer des info- bulles et des bascules accessibles et conviviales pour le clavier.
5. Comment créer un thème "mode sombre" à la fois accessible et maintenable à long terme.
6. Comment créer un curseur de contenu accessible pour éviter de nuire aux personnes sensibles au mouvement.
7. Comment créer des notifications inclusives avec des régions en direct pour communiquer simultanément avec vos utilisateurs via des canaux visuels et auditifs.
8. Comment créer des tableaux de données sémantiquement corrects, réactifs et triables.
9. Comment créer des boîtes de dialogue accessibles et des boîtes de dialogue modales en gardant à l'esprit les performances et la conception inclusive.
10. Comment créer et regrouper des cartes inclusives (par exemple pour les teasers).

Détails techniques

• ISBN : 978-3-945749-82-1 (imprimé)
• Couverture rigide de qualité, reliure cousue, ruban marque-page.
• L' eBook est disponible au format PDF, ePUB et Amazon Kindle sur le site de Heydon.
• Expédition gratuite par avion dans le monde entier depuis l'Allemagne. (Vérifiez vos délais de livraison.)
• Disponible en eBook et imprimé + eBook.

Questions communautaires ️

Avec Inclusive Components , nous avons essayé de créer un manuel très ciblé avec des solutions et des stratégies applicables et durables pour créer des interfaces accessibles et inclusives.

Notre espoir est qu'avec le livre de Heydon, vous serez en mesure de prendre de meilleures décisions de conception et de codage au fur et à mesure que vous construisez vos interfaces. Il deviendra peut-être même l'un de ces ouvrages de référence auxquels vous accéderez chaque fois que vous aurez besoin de créer l'un de ces composants d'interface utilisateur courants.

Produire un livre prend pas mal de temps, et nous ne pourrions pas y arriver sans le soutien de notre merveilleuse communauté . Un grand bravo aux Smashing Members pour leur soutien continu dans nos aventures. En conséquence, l'eBook est et sera toujours gratuit pour les membres Smashing . De plus, les membres bénéficient d'une réduction amicale lors de l'achat de leur copie imprimée.

Restez fracassant, et merci pour votre soutien continu, tout le monde !

Plus de livres sensationnels

Promouvoir les meilleures pratiques et vous fournir des conseils pratiques pour maîtriser vos défis quotidiens de codage et de conception a toujours été (et sera) au cœur de tout ce que nous faisons chez Smashing. Au cours des dernières années, nous avons eu la chance de travailler avec des personnes talentueuses et bienveillantes de la communauté Web pour publier leur riche expérience sous forme de livres qui résistent à l'épreuve du temps. Alla, Adam et Andy font partie de ces personnes. Avez-vous déjà consulté leurs livres?