Temui “Komponen Inklusif”: Pola Front-End yang Dapat Diakses dan Antipeluru

Aksesibilitas front-end masih agak misterius akhir-akhir ini. Bagaimana cara membuat tombol dan dropdown yang dapat diakses? Bagaimana dengan tooltip, tab, dan notifikasi yang ramah keyboard? Atau akordeon inklusif, bilah geser, tabel data, dan modal ? Mari kita cari tahu bersama. Temui Komponen Inklusif , buku pegangan baru kami untuk membangun produk digital yang dapat diakses sepenuhnya. Unduh contoh PDF gratis (1,1 MB).

Tentang Buku

Pada intinya, Komponen Inklusif adalah buku pegangan praktis yang mendetail untuk membangun antarmuka yang dapat diakses sepenuhnya. Buku ini memeriksa 12 pola antarmuka umum — akordeon, tabel, modals , notifikasi, tab, matikan, dan segala sesuatu di antaranya — melalui lensa inklusi. Hasilnya adalah komponen yang dapat diakses dan kuat yang kami buat, pasang, dan gunakan setiap hari.

Selama bertahun-tahun, Heydon Pickering, pengembang front-end berpengalaman dengan fokus pada aksesibilitas, telah menulis tentang solusi yang dapat diakses. Kami telah bekerja sama dengan Heydon untuk menghasilkan buku dengan tantangan dan solusi umum yang telah dia sempurnakan selama bertahun-tahun.

Untuk setiap komponen, eksplorasi mendalam diilustrasikan dengan cermat dan semua solusi tersedia sebagai cuplikan kode antipeluru , yang langsung berlaku untuk pekerjaan Anda. Bonus: Anda akan belajar cara membuat komponen Anda sendiri yang dapat diakses dengan mempertimbangkan desain inklusif — semuanya dalam satu buku. Langsung ke daftar isi

332 halaman . Hardcover berkualitas dengan penjilidan yang dijahit dan penanda halaman pita. eBuku tersedia sebagai PDF, ePUB, Amazon Kindle. Ditulis dan dirancang oleh Heydon. Unduh contoh PDF (1,1 MB).

Daftar isi

Setiap bab membahas satu komponen, membahas bagaimana orang yang berbeda dan rentan dapat membaca dan berinteraksi dengannya, dan bagaimana mereka dapat diakomodasi dengan lebih baik. Unduh contoh PDF (1,1 MB).

Tentang Penulis

Heydon Pickering (@heydonworks) telah bekerja dengan The Paciello Group, The BBC, Smashing Magazine, dan Bulb Energy sebagai desainer, insinyur, penulis, editor, dan ilustrator. Dia terpilih untuk Designer Of The Year di The Net Awards.

Heydon sebelumnya menulis Pola Desain Inklusif yang terjual lebih dari 10.000 eksemplar. Hasil dari gelar ini disumbangkan ke ACLU dan The Democratic Socialists Of America, untuk membantu organisasi-organisasi ini memerangi fasisme dan menciptakan masyarakat yang lebih inklusif.

Inilah yang dibagikan Heydon ketika ditanya mengapa dia memutuskan untuk menulis buku ini:

“Beberapa tahun yang lalu, saya mulai bosan dengan desain web. Kemudian desain responsif datang, memberi saya tantangan baru. Itu membuat hidup dan pekerjaan saya menarik lagi. Kemudian saya menemukan dunia aksesibilitas web, dan antusiasme saya sekali lagi diperbarui. Beberapa orang tampaknya berpikir saya melakukan aksesibilitas web karena saya merasa berkewajiban secara moral, atau bahwa saya akan merasa bersalah jika tidak melakukannya.

Sementara saya sangat yakin bahwa semua jenis orang harus dapat mengakses web, saya juga berterima kasih atas tantangan aksesibilitas web yang saya temui, dan dibahas dalam buku ini, untuk merangsang saya, dan memberi pekerjaan saya kedalaman baru.

Saya menulis buku ini karena saya ingin Anda tahu betapa menyenangkannya membuat antarmuka Anda lebih mudah diakses, serta seberapa berhasil Anda merasa telah melakukannya. Terima kasih telah membaca ini, dan semoga bukunya juga.”

Testimonial

“Komponen Inklusif adalah penjelasan yang sangat mendalam dan menyeluruh tentang pengembangan komponen yang dapat diakses dengan contoh dunia nyata. Heydon Pickering menunjukkan beberapa pendekatan alternatif dan menjelaskan pro dan kontra dari masing-masing pendekatan. Senang juga membacanya!”

— Artem Sapegin, pengembang front-end, Wayfair

“Komponen Inklusif penuh dengan saran praktis dan komprehensif tentang membangun UI yang dapat diakses. Ini adalah sumber daya masuk saya setelah dokumentasi WCAG dan ARIA resmi. Saya merasa sangat membantu saat membangun sistem desain kami!”

— Sarah Federman, pengembang front-end senior

“Apa yang dicapai Heydon dengan karyanya di Komponen Inklusif adalah serangkaian panduan pragmatis, ramah, dan mudah didekati yang membantu Anda menghasilkan tidak hanya komponen yang dapat diakses, tetapi juga titik awal yang tangguh dan progresif yang akan membantu Anda membangun situs web dan aplikasi web yang lebih baik di umum. Saya sering menggambarkan pekerjaan ini sebagai bahan pembelajaran yang penting untuk alasan yang tepat ini.”

— Andy Bell, desainer & pengembang independen

Mengapa Buku Ini Mungkin Untuk Anda

Iblis ada dalam detail dan seringkali hal-hal yang Anda lakukan dengan niat baik dapat menimbulkan hambatan aksesibilitas tanpa disadari. Komponen Inklusif ditujukan untuk setiap pengembang front-end yang ingin mempelajari cara mendeteksi dan mengatasi potensi masalah aksesibilitas dalam pekerjaan mereka. Buku ini akan mengajarkan Anda:

1. Cara menggunakan elemen <button> , cara menerapkan gaya ke tombol sakelar Anda , dan cara melabelinya.
2. Cara membuat daftar terkelola yang memungkinkan pengguna membuat dan menghapus konten — dengan cara yang inklusif.
3. Cara mengatasi dan mengatasi masalah aksesibilitas dengan menu navigasi dan submenu (alias "dropdown").
4. Cara membuat tooltips dan toggletips yang mudah diakses dan keyboard-friendly.
5. Cara membuat tema "mode gelap" yang dapat diakses dan dipelihara dalam jangka panjang.
6. Cara membuat penggeser konten yang dapat diakses untuk mencegah bahaya bagi orang yang peka terhadap gerakan.
7. Cara membuat pemberitahuan inklusif dengan wilayah langsung untuk berkomunikasi dengan pengguna Anda melalui saluran visual dan aural secara bersamaan.
8. Cara membuat tabel data yang benar secara semantik, responsif, dan dapat diurutkan.
9. Cara membangun dialog yang dapat diakses dan dialog modal dengan mempertimbangkan kinerja dan desain inklusif.
10. Cara membuat dan mengelompokkan kartu inklusif (misalnya untuk permainan asah).

Detail Teknis

• ISBN: 978-3-945749-82-1 (cetak)
• Hardcover berkualitas, penjilidan jahitan, penanda halaman pita.
• eBook ini tersedia sebagai PDF, ePUB, dan Amazon Kindle dari situs Heydon.
• Pengiriman pos udara gratis ke seluruh dunia dari Jerman. (Periksa waktu pengiriman Anda.)
• Tersedia sebagai eBook dan cetak + eBook.

Masalah Komunitas ️

Dengan Komponen Inklusif , kami telah mencoba membuat buku pegangan yang sangat terfokus dengan solusi dan strategi yang berlaku dan tahan lama untuk membuat antarmuka yang dapat diakses dan inklusif.

Harapan kami adalah bahwa dengan buku Heydon, Anda akan dapat membuat keputusan desain dan pengkodean yang lebih baik saat Anda membangun antarmuka. Mungkin itu bahkan akan menjadi salah satu buku referensi yang akan Anda jangkau setiap kali Anda perlu membangun salah satu komponen UI umum itu.

Memproduksi sebuah buku membutuhkan waktu yang cukup lama, dan kami tidak dapat melakukannya tanpa dukungan dari komunitas kami yang luar biasa . Teriakan besar untuk Anggota Smashing atas dukungan mereka yang berkelanjutan dalam petualangan kami. Akibatnya, eBuku ini dan akan selalu gratis untuk Anggota Smashing . Plus, Anggota mendapatkan diskon ramah saat membeli salinan cetak mereka.

Tetap sukses, dan terima kasih atas dukungan Anda yang berkelanjutan, semuanya!

Lebih Banyak Buku Smashing

Mempromosikan praktik terbaik dan memberi Anda kiat praktis untuk menguasai tantangan pengkodean dan desain harian Anda selalu (dan akan) menjadi inti dari semua yang kami lakukan di Smashing. Dalam beberapa tahun terakhir, kami sangat beruntung telah bekerja sama dengan beberapa orang berbakat dan peduli dari komunitas web untuk menerbitkan kekayaan pengalaman mereka sebagai buku yang bertahan dalam ujian waktu. Alla, Adam dan Andy adalah beberapa dari orang-orang ini. Apakah Anda sudah memeriksa buku-buku mereka?