"Kapsayıcı Bileşenler" ile Tanışın: Erişilebilir, Kurşun Geçirmez Ön Uç Modelleri

Ön uç erişilebilirliği bu günlerde hala biraz gizemli. Erişilebilir düğmeler ve açılır menüler nasıl oluşturulur? Klavye dostu araç ipuçları, sekmeler ve bildirimler ne olacak? Veya kapsayıcı akordeonlar, kaydırıcılar, veri tabloları ve modeller ? Gelin birlikte çözelim. Tamamen erişilebilir dijital ürünler oluşturmaya yönelik yeni el kitabımız Inclusive Components ile tanışın. Ücretsiz bir örnek PDF indirin (1.1 MB).

Kitap hakkında

Inclusive Components , özünde tamamen erişilebilir arayüzler oluşturmaya yönelik ayrıntılı, pratik bir el kitabıdır. Kitap, 12 ortak arayüz modelini ( akordeonlar, tablolar, modlar , bildirimler, sekmeler, geçişler ve aradaki her şey) dahil etme merceğinden inceliyor. Sonuç, günlük olarak yazdığımız, eklediğimiz ve kullandığımız erişilebilir ve sağlam bileşenlerdir .

Erişilebilirliğe odaklanan deneyimli bir ön uç geliştirici olan Heydon Pickering, yıllardır erişilebilir çözümler hakkında yazıyor. Heydon'ın bunca yıldır geliştirdiği ortak zorluklar ve çözümler içeren bir kitap üretmek için onunla birlikte çalıştık.

Her bileşen için, derinlemesine keşifler titizlikle gösterilmiştir ve tüm çözümler, işinize hemen uygulanabilir, kurşun geçirmez kod parçacıkları olarak mevcuttur. Bonus: Tümü tek bir kitapta kapsayıcı tasarımı göz önünde bulundurarak kendi erişilebilir bileşenlerinizi nasıl oluşturacağınızı öğreneceksiniz. İçindekiler bölümüne atla ↓

332 sayfa . Dikişli cilt ve şerit sayfa işaretleyici ile kaliteli ciltli. E-Kitap PDF, ePUB, Amazon Kindle olarak mevcuttur. Heydon tarafından yazıldı ve tasarlandı. Örnek bir PDF indirin (1.1 MB).

İçindekiler

Her bölüm, farklı ve savunmasız kişilerin onu nasıl okuyup etkileşime girebileceğini ve bunların nasıl daha iyi barındırılabileceğini ele alan tek bir bileşeni ele alıyor. Örnek bir PDF indirin (1.1 MB).

Yazar hakkında

Heydon Pickering (@heydonworks), The Paciello Group, The BBC, Smashing Magazine ve Bulb Energy ile tasarımcı, mühendis, yazar, editör ve illüstratör olarak çalıştı. The Net Awards'da Yılın Tasarımcısı için kısa listeye alındı.

Heydon daha önce 10.000'den fazla kopya satan Inclusive Design Patterns yazmıştı. Bu unvandan elde edilen gelir, bu kuruluşların faşizmle savaşmasına ve daha kapsayıcı bir toplum yaratmasına yardımcı olmak için ACLU ve The Demokratik Sosyalist Amerika'ya bağışlandı.

Heydon'un neden bu kitabı yazmaya karar verdiği sorulduğunda paylaştığı şey şöyle:

“Birkaç yıl önce web tasarımından sıkılmaya başlamıştım. Sonra duyarlı tasarım geldi ve bana yeni zorluklar sundu. Hayatımı ve işimi yeniden ilginç hale getirdi. Sonra web erişilebilirlik dünyasını keşfettim ve hevesim bir kez daha yenilendi. Bazı insanlar, ahlaki olarak zorunlu hissettiğim için veya yapmazsam kendimi suçlu hissedeceğim için web erişilebilirliği yaptığımı düşünüyor.

Her türden insanın web'e erişebilmesi gerektiğine kuvvetle inansam da, karşılaştığım ve bu kitapta ele aldığım web erişilebilirlik zorluklarına, beni teşvik ettiği ve çalışmalarıma yeni bir derinlik kazandırdığı için minnettarım.

Bu kitabı yazdım çünkü arayüzlerinizi daha erişilebilir hale getirmenin ne kadar eğlenceli olabileceğini ve bunu yaptığınız için ne kadar başarılı hissedebileceğinizi bilmenizi istiyorum. Bunu okuduğunuz için teşekkür ederim ve umarım kitabı da okursunuz.”

referanslar

“Inclusive Components, gerçek dünyadan örneklerle erişilebilir bileşenlerin geliştirilmesinin çok derin ve kapsamlı bir açıklamasıdır . Heydon Pickering birkaç alternatif yaklaşım gösteriyor ve her birinin artılarını ve eksilerini açıklıyor. Okumak da bir zevk!”

— Artem Sapegin, ön uç geliştirici, Wayfair

“Inclusive Components, erişilebilir kullanıcı arayüzü oluşturmaya yönelik pratik ve kapsamlı tavsiyelerle dolu. Resmi WCAG ve ARIA belgelerinden sonra başvuracağım kaynak. Tasarım sistemimizi oluştururken son derece yararlı buldum!”

— Sarah Federman, kıdemli ön uç geliştirici

"Heydon'ın Inclusive Components üzerindeki çalışmasıyla elde ettiği şey, yalnızca erişilebilir bileşenler oluşturmanıza değil, aynı zamanda daha iyi web siteleri ve web uygulamaları oluşturmanıza yardımcı olacak esnek ve aşamalı başlangıç ​​noktaları oluşturmanıza yardımcı olan pragmatik, samimi ve ulaşılabilir bir kılavuzlar dizisidir. Genel. Bu çalışmayı genellikle tam da bu nedenle çok önemli öğrenme materyali olarak tanımlarım.”

— Andy Bell, bağımsız tasarımcı ve geliştirici

Bu Kitap Neden Size Uygun Olabilir?

Şeytan ayrıntıda gizlidir ve çoğu zaman iyi niyetle yaptığınız şeyler bilmeden erişilebilirlik engelleri koyabilir. Inclusive Components , çalışmalarında olası erişilebilirlik sorunlarını nasıl tespit edip çözeceğini öğrenmek isteyen her ön uç geliştirici içindir. Kitap size şunları öğretecek:

1. <button> öğeleri nasıl kullanılır, geçiş düğmelerinize nasıl stiller uygulanır ve nasıl etiketlenir.
2. Kullanıcıların kapsamlı bir şekilde içerik oluşturmasına ve silmesine olanak tanıyan yönetilen listeler nasıl oluşturulur?
3. Gezinme menüleri ve alt menülerle (diğer adıyla "açılır menüler") erişilebilirlik sorunları nasıl giderilir ve çözülür?
4. Erişilebilir ve klavye dostu araç ipuçları ve geçiş ipuçları nasıl oluşturulur?
5. Hem erişilebilir hem de uzun vadeli sürdürülebilir bir "karanlık mod" teması nasıl oluşturulur?
6. Harekete duyarlı kişilerin zarar görmesini önlemek için erişilebilir bir içerik kaydırıcısı nasıl oluşturulur.
7. Kullanıcılarınızla aynı anda görsel ve işitsel kanallar aracılığıyla iletişim kurmak için canlı bölgelerle kapsayıcı bildirimler nasıl oluşturulur.
8. Anlamsal olarak doğru, duyarlı ve sıralanabilir veri tabloları nasıl oluşturulur?
9. Performans ve kapsayıcı tasarım göz önünde bulundurularak erişilebilir diyaloglar ve kalıcı diyaloglar nasıl oluşturulur?
10. Kapsayıcı kartlar nasıl oluşturulur ve gruplanır (örn. tanıtımlar için).

Teknik detaylar

• ISBN: 978-3-945749-82-1 (baskı)
• Kaliteli ciltli, dikişli cilt, şerit sayfa işaretleyici.
• E-Kitap , Heydon'un sitesinde PDF, ePUB ve Amazon Kindle olarak mevcuttur.
• Almanya'dan dünya çapında ücretsiz havayolu taşımacılığı. (Teslimat sürelerinizi kontrol edin.)
• E-Kitap ve baskı + e-Kitap olarak mevcuttur.

Topluluk Konuları ️

Kapsayıcı Bileşenler ile erişilebilir ve kapsayıcı arayüzler oluşturmak için uygulanabilir, uzun ömürlü çözümler ve stratejiler içeren çok odaklı bir el kitabı oluşturmaya çalıştık.

Umudumuz, Heydon'un kitabıyla arayüzlerinizi oluştururken daha iyi tasarım ve kodlama kararları alabilmenizdir. Belki de bu ortak UI bileşenlerinden birini oluşturmanız gerektiğinde ulaşabileceğiniz referans kitaplarından biri haline bile gelebilir.

Bir kitap üretmek biraz zaman alıyor ve harika topluluğumuzun desteği olmadan bunu başaramazdık. Maceralarımızda devam eden destekleri için Smashing Üyelerine büyük bir alkış. Sonuç olarak, e-Kitap Smashing Üyeleri için ücretsiz ve her zaman ücretsiz olacak. Ayrıca, Üyeler basılı kopyalarını satın alırken dostça bir indirim alırlar.

Ezici kalın ve devam eden desteğiniz için teşekkürler, millet!

Daha Çarpıcı Kitaplar

En iyi uygulamaları teşvik etmek ve günlük kodlama ve tasarım zorluklarınızın üstesinden gelmeniz için size pratik ipuçları sağlamak, Smashing'de yaptığımız her şeyin merkezinde her zaman olmuştur (ve olacaktır). Geçtiğimiz birkaç yılda, web topluluğundan bazı yetenekli, özenli insanlarla birlikte çalışarak zengin deneyimlerini zamana direnen kitaplar olarak yayınladığımız için çok şanslıydık. Alla, Adam ve Andy bu insanlardan bazıları. Kitaplarına zaten baktınız mı?