Modèles frontaux accessibles et à l'épreuve des balles

L'accessibilité frontale est encore quelque peu mystérieuse de nos jours. Comment pouvons-nous créer des boutons et des menus déroulants accessibles? Qu'en est-il des info-bulles, des onglets et des notifications conviviaux pour le clavier? Ou accordéons inclus, curseurs, tableaux de données et modaux ? Laissons le comprendre ensemble. Meet Inclusive Components notre nouveau manuel pour la création de produits numériques entièrement accessibles. Téléchargez un échantillon gratuit de PDF (1,1 Mo).

À propos du livre

Le cœur de Inclusive Components est un manuel détaillé et pratique destiné à une construction complète. interfaces accessibles. Le livre examine 12 modèles d'interface courants – l'accordéon, les tableaux, les modaux les notifications, les onglets, les bascules et tout ce qui se trouve entre les deux, à travers l'objectif de l'inclusion. Le résultat est des composants robustes et accessibles que nous écrivons, connectons et utilisons tous les jours.

Pendant des années, Heydon Pickering développeur expérimenté de systèmes frontaux axé sur l'accessibilité, a écrit sur des solutions accessibles. Nous nous sommes associés à Heydon pour produire un livre présentant des défis et des solutions communs qu’il perfectionne depuis toutes ces années.

Pour chaque élément, les explorations en profondeur sont méticuleusement illustrées et toutes les solutions sont disponibles à l’aide du . extraits de code applicables immédiatement à votre travail. Bonus: vous apprendrez à créer vos propres composants accessibles avec un design inclusif – le tout dans un seul livre. Aller à la table des matières ↓

332 pages . Couverture rigide de qualité avec une reliure piquée et un marqueur de page de ruban. Le livre électronique est disponible en format PDF, ePUB et Amazon Kindle. Écrit et conçu par Heydon. Télécharger un échantillon PDF (1.1 MB).

Table des matières

Chaque chapitre aborde un seul élément, en expliquant comment des personnes différentes et vulnérables pourraient le lire et interagir avec lui, et comment ils peuvent être mieux accueillis. Télécharger un exemple de fichier PDF (1.1 MB).

À propos de l'auteur

Heydon Pickering ( @heydonworks ) a travaillé pour le groupe Paciello, la BBC, Smashing Magazine et Bulb Energy en tant que concepteur, ingénieur, rédacteur, éditeur et illustrateur. Il a été sélectionné pour le prix Designer de l'année dans The Net Awards.

Heydon a précédemment écrit Inclusive Design Patterns qui s'est vendu à plus de 10 000 exemplaires. Les recettes de ce titre ont été reversées à l'ACLU et aux Démocrates socialistes américains afin d'aider ces organisations à lutter contre le fascisme et à créer une société plus inclusive.

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

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

Bien que je croie fermement que toutes sortes de personnes devraient pouvoir accéder au Web, je suis Je suis également reconnaissant des problèmes d’accessibilité du Web que j’ai rencontrés, et abordés dans ce livre, pour me stimuler et donner une nouvelle profondeur à mon travail. ] Cela peut être de rendre vos interfaces plus accessibles, ainsi que le degré de satisfaction que vous pouvez avoir pour cela. Merci d'avoir lu ceci, et j'espère que le livre aussi. "

Témoignages

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

– Artem Sapegin développeur front-end, Wayfair

“ Inclusive Components regorge de pratiques et complètes conseils pour créer une interface utilisateur accessible. C’est ma ressource préférée après la documentation officielle du WCAG et de l’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 abordables 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 en général. Je décris souvent ce travail comme un matériel d'apprentissage essentiel pour cette raison exacte. "

– Andy Bell concepteur et développeur indépendant

Pourquoi ce livre pourrait-il être pour vous

Le diable est dans le les détails et souvent ce que vous faites avec de bonnes intentions peuvent imposer des barrières d'accessibilité sans le savoir. Les composants inclusifs sont destinés à 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 comment appliquer des styles aux boutons et comment les étiqueter.
2. Comment créer des listes gérées permettant aux utilisateurs de créer et supprimer du contenu – de manière inclusive.
3. Comment traiter et résoudre les problèmes d'accessibilité avec les menus de navigation et les sous-menus (ou "menus déroulants").
4. Comment créer des menus accessibles et conviviaux au clavier tooltips et toggletips.
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 les dommages pour les personnes sensibles au mouvement.
7. Comment créer des notifications inclusives avec des régions actives pour communiquer avec vos utilisateurs simultanément par des moyens visuels et sonores.
8. Comment créer des données tables qui sont sémantiquement correctes, réactives et triable.
9. Comment construire des dialogues accessibles et des dialogues modaux dans un souci de performance et de conception inclusive.
10. Comment créer et regrouper des cartes complètes (p. ex.

Détails techniques

Affaires communautaires ❤️

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

Nous espérons que le livre de Heydon vous permettra de prendre de meilleures décisions de conception et de codage lors de la construction de vos interfaces. Peut-être deviendra-t-il même l'un de ces ouvrages de référence que vous atteindrez chaque fois que vous aurez besoin de créer l'un de ces composants d'interface utilisateur courants.

La production d'un livre prend un certain temps et nous ne pourrions pas le réaliser sans cela. le soutien de notre merveilleuse communauté . Un grand bravo aux membres Smashing pour leur soutien continu dans nos aventures. En conséquence, le livre électronique est et sera toujours gratuit pour Smashing Members . De plus, les membres bénéficient d'une remise amicale lorsqu'ils achètent leur copie imprimée.

Restez éclatant et merci de votre soutien constant à tous!

Plus de Smashing Books

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

(il, cm) [19659126]

Le meilleur outil 2023 pour ta croissance Instagram !

Source link

Partager :

• Cliquez pour partager sur Twitter(ouvre dans une nouvelle fenêtre)
• Cliquez pour partager sur Facebook(ouvre dans une nouvelle fenêtre)