Faceți cunoștință cu „Componente inclusive”: modele frontale accesibile, rezistente la glonț

Accesibilitatea front-end este încă oarecum misterioasă în zilele noastre. Cum construim butoane și meniuri derulante accesibile? Cum rămâne cu sfaturile instrumentale, filele și notificările pentru tastatură? Sau inclusiv acordeoane, glisoare, tabele de date și modale ? Să ne dăm seama împreună. Faceți cunoștință cu Inclusive Components , noul nostru manual pentru construirea de produse digitale complet accesibile. Descărcați un PDF gratuit (1,1 MB).

Despre Carte

În centrul său, Inclusive Components este un manual detaliat și practic pentru construirea de interfețe complet accesibile. Cartea examinează 12 modele comune de interfață - acordeoane, tabele, modale , notificări, file, comutări și tot ce se află între ele - prin prisma incluziunii. Rezultatul sunt componente accesibile și robuste pe care le cream, le conectăm și le folosim zilnic.

De ani de zile, Heydon Pickering, un dezvoltator experimentat front-end, cu accent pe accesibilitate, scrie despre soluții accesibile. Am făcut echipă cu Heydon pentru a produce o carte cu provocări comune și soluții pe care le-a perfecționat în toți acești ani.

Pentru fiecare componentă, explorările în profunzime sunt ilustrate cu meticulozitate și toate soluțiile sunt disponibile sub formă de fragmente de cod antiglonț , aplicabile imediat pentru munca dvs. Bonus: veți învăța cum să vă construiți propriile componente accesibile ținând cont de designul incluziv — totul într-o singură carte. Salt la cuprinsul ↓

332 pagini . Copertă cartonată de calitate, cu o legare cusută și un marcator de pagină cu panglică. Cartea electronică este disponibilă în format PDF, ePUB, Amazon Kindle. Scris și proiectat de Heydon. Descărcați un exemplu de PDF (1,1 MB).

Cuprins

Fiecare capitol abordează o singură componentă, abordând modul în care oamenii diferiți și vulnerabili ar putea citi și interacționa cu ea și cum pot fi mai bine adaptați. Descărcați un exemplu de PDF (1,1 MB).

Despre autor

Heydon Pickering (@heydonworks) a lucrat cu The Paciello Group, The BBC, Smashing Magazine și Bulb Energy ca designer, inginer, scriitor, editor și ilustrator. El a fost selecționat pentru Designerul Anului în premiile The Net.

Heydon a scris anterior Inclusive Design Patterns, care s-a vândut în peste 10.000 de exemplare. Veniturile din acest titlu au fost donate ACLU și The Democratic Socialists Of America, pentru a ajuta aceste organizații să lupte împotriva fascismului și să creeze o societate mai incluzivă.

Iată ce a împărtășit Heydon când a fost întrebat de ce a decis să scrie această carte:

„În urmă cu câțiva ani, mă plictisisem de web design. Apoi a apărut designul responsive, care mi-a prezentat noi provocări. Mi-a făcut din nou viața și meseria interesante. Apoi am descoperit lumea accesibilității web, iar entuziasmul mi-a fost reînnoit. Unii oameni par să creadă că fac accesibilitatea web pentru că mă simt obligat din punct de vedere moral sau că m-aș simți vinovat dacă nu aș face-o.

Deși cred cu tărie că tot felul de oameni ar trebui să poată accesa web-ul, sunt, de asemenea, recunoscător pentru provocările de accesibilitate web pe care le-am întâlnit și pe care le-am acoperit în această carte, pentru că m-au stimulat și au dat lucrării mele o nouă profunzime.

Am scris această carte pentru că vreau să știți cât de distractiv poate fi să vă faceți interfețele mai accesibile, precum și cât de împlinit vă puteți simți pentru că ați făcut acest lucru. Vă mulțumesc că ați citit asta și, sperăm, că și cartea.”

Mărturii

„Inclusive Components este o explicație foarte profundă și amănunțită a dezvoltării componentelor accesibile cu exemple din lumea reală. Heydon Pickering prezintă mai multe abordări alternative și explică avantajele și dezavantajele fiecăreia. De asemenea, este o plăcere să citesc!”

— Artem Sapegin, dezvoltator front-end, Wayfair

„Inclusive Components este plin de sfaturi practice și cuprinzătoare despre construirea unei interfețe de utilizare accesibile. Este resursa mea de bază după documentația oficială WCAG și ARIA. L-am găsit extrem de util când construim sistemul nostru de proiectare!”

— Sarah Federman, dezvoltator senior front-end

„Ceea ce Heydon reușește prin munca sa la Componente inclusive este un set de ghiduri pragmatic, prietenos și accesibil , care vă ajută să generați nu doar componente accesibile, ci și puncte de pornire rezistente și progresive, care vă vor ajuta să construiți site-uri web și aplicații web mai bune în general. Descriu adesea această lucrare ca fiind un material de învățare esențial din acest motiv.”

— Andy Bell, designer și dezvoltator independent

De ce această carte ar putea fi pentru tine

Diavolul este în detaliu și de multe ori lucrurile pe care le faci cu bune intenții pot impune bariere de accesibilitate fără să știe. Inclusive Components este pentru fiecare dezvoltator front-end care dorește să învețe cum să detecteze și să abordeze potențialele probleme de accesibilitate în munca lor. Cartea te va invata:

1. Cum să utilizați elementele <button> , cum să aplicați stiluri la butoanele dvs. de comutare și cum să le etichetați.
2. Cum să creați liste gestionate care să permită utilizatorilor să creeze și să șteargă conținut - într-un mod incluziv.
3. Cum să rezolvi și să rezolvi problemele de accesibilitate cu meniurile și submeniurile de navigare (alias „meniuni derulante”).
4. Cum să creați sfaturi și sfaturi de comutare accesibile și ușor de utilizat pentru tastatură.
5. Cum să creați o temă „mod întunecat” care este atât accesibilă, cât și menținută pe termen lung.
6. Cum să construiți un glisor de conținut accesibil pentru a preveni vătămarea persoanelor sensibile la mișcare.
7. Cum să creați notificări incluzive cu regiuni live pentru a comunica cu utilizatorii prin canale vizuale și auditive simultan.
8. Cum să creați tabele de date care sunt corecte din punct de vedere semantic, receptive și sortabile.
9. Cum să construiți dialoguri accesibile și dialoguri modale ținând cont de performanță și design incluziv.
10. Cum să creați și să grupați carduri inclusive (de exemplu, pentru teasere).

Detalii tehnice

• ISBN: 978-3-945749-82-1 (tipărit)
• Copertă cartonată de calitate, legare cusută, marker pentru pagini cu panglică.
• Cartea electronică este disponibilă ca PDF, ePUB și Amazon Kindle de pe site-ul lui Heydon.
• Transport aerian gratuit în întreaga lume din Germania. (Verificați timpii de livrare.)
• Disponibil ca eBook și print + eBook.

Comunitatea contează ️

Cu Inclusive Components , am încercat să creăm un manual foarte concentrat , cu soluții și strategii aplicabile, de lungă durată, pentru a crea interfețe accesibile și incluzive.

Speranța noastră este că, cu cartea lui Heydon, veți putea lua decizii mai bune de proiectare și codificare pe măsură ce vă construiți interfețele. Poate că va deveni chiar una dintre acele cărți de referință la care veți ajunge de fiecare dată când aveți nevoie să construiți una dintre acele componente comune ale UI.

Producerea unei cărți necesită destul de mult timp și nu am putea reuși fără sprijinul minunatei noastre comunități . Un mare mulțumire membrilor Smashing pentru sprijinul lor constant în aventurile noastre. Drept urmare, cartea electronică este și va fi întotdeauna gratuită pentru Membrii Smashing . În plus, membrii beneficiază de o reducere prietenoasă atunci când își cumpără exemplarul tipărit.

Rămâneți zdrobitori și vă mulțumesc tuturor pentru sprijinul dumneavoastră continuu!

Mai multe cărți zdrobitoare

Promovarea celor mai bune practici și oferirea de sfaturi practice pentru a vă stăpâni provocările zilnice de codificare și design a fost (și va fi) întotdeauna în centrul a tot ceea ce facem la Smashing. În ultimii câțiva ani, am fost foarte norocoși să am lucrat împreună cu niște oameni talentați și grijulii din comunitatea web pentru a-și publica bogata experiență ca cărți care rezista testului timpului. Alla, Adam și Andy sunt unii dintre acești oameni. Le-ai verificat deja cărțile?