พบกับ "ส่วนประกอบที่รวม": รูปแบบส่วนหน้าที่เข้าถึงได้และกันกระสุน

การเข้าถึงส่วนหน้ายังคงค่อนข้างลึกลับในทุกวันนี้ เราจะสร้างปุ่มและดรอปดาวน์ที่สามารถเข้าถึงได้อย่างไร แล้วคำแนะนำเครื่องมือ แท็บ และการแจ้งเตือนที่เป็นมิตรกับคีย์บอร์ดล่ะ หรือรวมหีบเพลง ตัวเลื่อน ตารางข้อมูล และโมดอล ? ลองคิดออกด้วยกัน Meet Inclusive Components คู่มือใหม่ของเราสำหรับการสร้างผลิตภัณฑ์ดิจิทัลที่เข้าถึงได้อย่างเต็มที่ ดาวน์โหลดตัวอย่าง PDF ฟรี (1.1 MB)

เกี่ยวกับหนังสือ

หัวใจของ Inclusive Components คือคู่มือที่มีรายละเอียดและใช้งานได้จริงสำหรับการสร้างอินเทอร์เฟซที่เข้าถึงได้อย่างเต็มที่ หนังสือเล่มนี้ตรวจสอบรูปแบบอินเทอร์เฟซทั่วไป 12 รูปแบบ — หีบเพลง ตาราง โมด อล การแจ้งเตือน แท็บ การสลับ และทุกสิ่งที่อยู่ระหว่างนั้น — ผ่านเลนส์ของการรวม ผลลัพธ์ที่ได้คือ ส่วนประกอบที่เข้าถึงได้และแข็งแกร่งซึ่ง เราสร้าง เสียบปลั๊ก และใช้งานทุกวัน

เป็นเวลาหลายปีแล้วที่ Heydon Pickering ผู้พัฒนา front-end ที่ช่ำชองโดยเน้นที่การช่วยสำหรับการเข้าถึง ได้เขียนเกี่ยวกับโซลูชันที่เข้าถึงได้ เราได้ร่วมมือกับ Heydon ในการผลิตหนังสือที่มีความท้าทายและแนวทางแก้ไขทั่วไปซึ่งเขาได้ปรับปรุงมาตลอดหลายปีที่ผ่านมา

สำหรับแต่ละองค์ประกอบ การสำรวจเชิงลึกจะแสดงตัวอย่างอย่างพิถีพิถัน และโซลูชันทั้งหมดพร้อมใช้งานเป็น ข้อมูลโค้ดกันกระสุน ใช้ได้กับงานของคุณทันที โบนัส: คุณจะได้เรียนรู้วิธีสร้างส่วนประกอบที่เข้าถึงได้ของคุณเองโดยคำนึงถึงการออกแบบที่รวมทุกอย่างไว้ในหนังสือเล่มเดียว ข้ามไปที่สารบัญ ↓

332 หน้า . ปกแข็งคุณภาพพร้อมเข้าเล่มแบบเย็บและกระดาษมาร์คหน้าแบบริบบิ้น eBook มีให้บริการในรูปแบบ PDF, ePUB, Amazon Kindle เขียนและออกแบบโดย Heydon ดาวน์โหลดตัวอย่าง PDF (1.1 MB)

สารบัญ

แต่ละบทกล่าวถึงองค์ประกอบเดียว โดยกล่าวถึงความแตกต่างและความเปราะบางที่ผู้คนอาจอ่านและโต้ตอบกับเนื้อหานั้นอย่างไร และพวกเขาจะปรับตัวให้ดีขึ้นได้อย่างไร ดาวน์โหลดตัวอย่าง PDF (1.1 MB)

เกี่ยวกับผู้เขียน

Heydon Pickering (@heydonworks) ทำงานร่วมกับ The Paciello Group, The BBC, Smashing Magazine และ Bulb Energy ในฐานะนักออกแบบ วิศวกร นักเขียน บรรณาธิการ และนักวาดภาพประกอบ เขาได้รับเลือกให้เป็นนักออกแบบแห่งปีใน The Net Awards

ก่อนหน้านี้ Heydon ได้เขียน Inclusive Design Patterns ซึ่งขายได้กว่า 10,000 ก๊อปปี้ รายได้จากตำแหน่งนี้บริจาคให้กับ ACLU และ The Democratic Socialists Of America เพื่อช่วยให้องค์กรเหล่านี้ต่อสู้กับลัทธิฟาสซิสต์และสร้างสังคมที่ครอบคลุมมากขึ้น

นี่คือสิ่งที่ Heydon แบ่งปันเมื่อถูกถามว่าทำไมเขาจึงตัดสินใจเขียนหนังสือเล่มนี้:

“เมื่อสองสามปีก่อน ฉันรู้สึกเบื่อกับการออกแบบเว็บ จากนั้นการออกแบบที่ตอบสนองก็เข้ามา ทำให้ฉันพบกับความท้าทายใหม่ๆ มันทำให้ชีวิตและงานของฉันน่าสนใจอีกครั้ง จากนั้นฉันก็ค้นพบโลกแห่งการเข้าถึงเว็บ และความกระตือรือร้นของฉันก็กลับมาอีกครั้ง บางคนดูเหมือนจะคิดว่าฉันเข้าถึงเว็บได้เพราะรู้สึกว่าถูกบังคับตามหลักศีลธรรม หรือฉันจะรู้สึกผิดหากไม่ได้ทำ

แม้ว่าฉันจะเชื่ออย่างแรงกล้าว่าคนทุกประเภทควรสามารถเข้าถึงเว็บได้ ฉันก็รู้สึกขอบคุณสำหรับความท้าทายในการเข้าถึงเว็บที่ฉันพบและกล่าวถึงในหนังสือเล่มนี้ ที่กระตุ้นฉันและทำให้งานของฉันมีความลึกใหม่

ฉันได้เขียนหนังสือเล่มนี้เพราะฉันต้องการให้คุณรู้ว่ามัน สนุก แค่ไหนที่จะทำให้อินเทอร์เฟซของคุณเข้าถึงได้ง่ายขึ้น รวมไปถึงความรู้สึกที่ประสบความสำเร็จในการทำเช่นนั้น ขอบคุณที่อ่านเรื่องนี้ และหวังว่าหนังสือเล่มนี้ก็เช่นกัน”

ข้อความรับรอง

“Inclusive Components เป็น คำอธิบายที่ลึกซึ้งและละเอียดถี่ถ้วนเกี่ยว กับการพัฒนาส่วนประกอบที่เข้าถึงได้พร้อมตัวอย่างในโลกแห่งความเป็นจริง Heydon Pickering แสดงแนวทางทางเลือกหลายทางและอธิบายข้อดีและข้อเสียของแต่ละวิธี ดีใจที่ได้อ่านเช่นกัน!”

— Artem Sapegin ผู้พัฒนาส่วนหน้า Wayfair

"Inclusive Components เต็มไปด้วยคำแนะนำที่ เป็นประโยชน์และครอบคลุม เกี่ยวกับการสร้าง UI ที่เข้าถึงได้ เป็นแหล่งข้อมูลของฉันหลังจากเอกสาร WCAG และ ARIA อย่างเป็นทางการ ฉันพบว่ามันมีประโยชน์มากเมื่อสร้างระบบการออกแบบของเรา!”

— Sarah Federman ผู้พัฒนาส่วนหน้าอาวุโส

“สิ่งที่ Heydon ประสบความสำเร็จจากการทำงานของเขาใน Inclusive Components คือชุดคู่มือที่ใช้งานได้จริง เป็นมิตร และเข้าถึง ได้ ซึ่งช่วยให้คุณสร้างส่วนประกอบที่เข้าถึงได้ไม่เพียงเท่านั้น แต่ยังเป็นจุดเริ่มต้นที่ยืดหยุ่นและก้าวหน้า ซึ่งจะช่วยให้คุณสร้างเว็บไซต์และเว็บแอปที่ดีขึ้นใน ทั่วไป. ฉันมักจะอธิบายงานนี้ว่าเป็นสื่อการเรียนรู้ที่สำคัญสำหรับเหตุผลนี้”

— Andy Bell นักออกแบบและนักพัฒนาอิสระ

ทำไมหนังสือเล่มนี้จึงเหมาะสำหรับคุณ

มารอยู่ในรายละเอียดและบ่อยครั้งสิ่งที่คุณทำด้วยความตั้งใจดีสามารถกำหนดอุปสรรคในการเข้าถึงได้โดยไม่รู้ตัว Inclusive Components เป็นผู้ พัฒนา front-end ทุกคนที่ต้องการเรียนรู้วิธีตรวจจับและจัดการปัญหาการช่วยสำหรับการเข้าถึงที่อาจเกิดขึ้นในการทำงาน หนังสือเล่มนี้จะสอนคุณ:

1. วิธีใช้องค์ประกอบ <button> วิธีปรับใช้สไตล์กับ ปุ่มสลับ และวิธีติดป้ายกำกับ
2. วิธีสร้างรายการที่มีการจัดการซึ่งอนุญาตให้ผู้ใช้สร้างและลบเนื้อหาได้ในลักษณะที่ครอบคลุม
3. วิธีแก้ไขและแก้ไขปัญหาการช่วยสำหรับการเข้าถึงของ เมนูการนำทาง และเมนูย่อย (หรือที่เรียกว่า “ดรอปดาวน์”)
4. วิธีสร้าง คำแนะนำเครื่องมือ ที่เข้าถึงได้และเป็นมิตรกับแป้นพิมพ์และสลับคำแนะนำ
5. วิธีสร้างธีม "โหมดมืด" ที่เข้าถึงได้และบำรุงรักษาได้ในระยะยาว
6. วิธีสร้าง แถบเลื่อนเนื้อหา ที่เข้าถึงได้เพื่อป้องกันอันตรายสำหรับผู้ที่ไวต่อการเคลื่อนไหว
7. วิธีสร้างการ แจ้งเตือนที่ครอบคลุม กับภูมิภาคสดเพื่อสื่อสารกับผู้ใช้ของคุณผ่านช่องทางภาพและเสียงพร้อมกัน
8. วิธีสร้าง ตารางข้อมูล ที่ถูกต้องตามความหมาย ตอบสนอง และจัดเรียงได้
9. วิธีสร้างไดอะล็อกที่สามารถเข้าถึงได้ และไดอะล็อกโมดอล โดยคำนึงถึงประสิทธิภาพและการออกแบบที่ครอบคลุม
10. วิธีสร้างและจัดกลุ่ม การ์ดที่ รวมไว้ (เช่น สำหรับทีเซอร์)

รายละเอียดทางเทคนิค

• ISBN: 978-3-945749-82-1 (พิมพ์)
• ปกแข็งคุณภาพ เข้าเล่มแบบเย็บ ริบบิ้นมาร์คเกอร์หน้า
• eBook มีให้บริการในรูปแบบ PDF, ePUB และ Amazon Kindle จากเว็บไซต์ของ Heydon
• จัดส่งทางไปรษณีย์ทั่วโลกฟรีจากประเทศเยอรมนี (ตรวจสอบเวลาจัดส่งของคุณ)
• มีจำหน่ายในรูปแบบ eBook และแบบพิมพ์ + eBook

เรื่องของชุมชน ️

ด้วย ส่วนประกอบที่รวม เราได้พยายามสร้างคู่มือที่ เน้น เป็นพิเศษด้วย โซลูชันและกลยุทธ์ที่ใช้งานได้ยาวนาน เพื่อสร้างอินเทอร์เฟซที่เข้าถึงได้และครอบคลุม

ความหวังของเราคือด้วยหนังสือของ Heydon คุณจะสามารถตัดสินใจ ออกแบบและเขียนโค้ดได้ดีขึ้น ในขณะที่คุณสร้างอินเทอร์เฟซของคุณ บางทีมันอาจจะกลายเป็นหนึ่งในหนังสืออ้างอิงที่คุณจะเข้าถึงได้ทุกครั้งที่คุณต้องการสร้างหนึ่งในองค์ประกอบ UI ทั่วไปเหล่านั้น

การผลิตหนังสือใช้เวลาค่อนข้างนาน และเราไม่สามารถทำออกมาได้หากไม่ได้รับการสนับสนุนจาก ชุมชนที่ ยอดเยี่ยมของเรา ขอแสดงความชื่นชมอย่างมากต่อ Smashing Members สำหรับการสนับสนุนอย่างต่อเนื่องในการผจญภัยของเรา ด้วยเหตุนี้ eBook จึงฟรีสำหรับ Smashing Members และตลอดไป นอกจากนี้ สมาชิกยังได้รับส่วนลดที่เป็นมิตรเมื่อซื้อฉบับพิมพ์

อยู่อย่างยอดเยี่ยมและขอขอบคุณสำหรับการสนับสนุนอย่างต่อเนื่อง ทุกคน!

หนังสือยอดเยี่ยมเพิ่มเติม

การส่งเสริมแนวทางปฏิบัติที่ดีที่สุดและการให้คำแนะนำที่นำไปใช้ได้จริงเพื่อควบคุมความท้าทายในการเขียนโค้ดและการออกแบบในแต่ละวันนั้น (และจะเป็น) หัวใจสำคัญของทุกสิ่งที่เราทำ ที่ Smashing มาโดยตลอด ในช่วงไม่กี่ปีที่ผ่านมา เราโชคดีมากที่ได้ทำงานร่วมกับผู้คนที่มีความสามารถและเอาใจใส่จากชุมชนเว็บเพื่อเผยแพร่ประสบการณ์มากมายของพวกเขาในฐานะหนังสือที่ยืนหยัดอยู่ได้ยาวนาน Alla, Adam และ Andy เป็นคนเหล่านี้ คุณตรวจสอบหนังสือของพวกเขาแล้วหรือยัง?