วิธีสร้างเว็บไซต์ B2B ที่สามารถเข้าถึงได้ในปี 2023

ในปีพ.ศ. 2566 และจนถึงทุกวันนี้ ผู้ใช้ที่มีความทุพพลภาพมีปัญหาในการเข้าถึงบล็อก เว็บไซต์ และเนื้อหาอื่นๆ มีรูปแบบที่ชัดเจนของการกีดกันโดยไม่ได้ตั้งใจ โดยที่สื่อทางการตลาดไม่รองรับผู้ที่มีความสามารถแตกต่างกัน

มีเพียง 3% ของเว็บไซต์เท่านั้นที่สามารถเข้าถึงได้สำหรับผู้ใช้ที่มีความพิการ จำนวนเว็บไซต์ B2B ที่เข้าถึงได้ก็ยิ่งน้อยลงไปอีก

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

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

การเข้าถึงเว็บคืออะไรและเหตุใดจึงสำคัญ

มาตรฐานการช่วยสำหรับการเข้าถึงเว็บและแนวทางปฏิบัติที่ดีที่สุดทำให้ผู้ทุพพลภาพสามารถเข้าร่วมประสบการณ์บนเว็บได้

ซึ่งรวมถึงการไปยังส่วนต่างๆ ของเว็บไซต์ ดาวน์โหลด ebook ดูการสัมมนาทางเว็บ และอื่นๆ

ไม่มีแนวทางเดียวที่เหมาะกับทุกคนในการเข้าถึง ความพิการมีหลายประเภท และแต่ละประเภทสามารถส่งผลกระทบต่อผู้คนได้หลากหลาย

อย่างไรก็ตาม เจ้าของเว็บไซต์สามารถจัดการกับผลกระทบเหล่านี้ด้วยวิธีที่เป็นมาตรฐาน

แนวทาง การ ช่วย สำหรับการเข้าถึงเนื้อหาเว็บ (เรียกสั้นๆ ว่า WCAG) กำหนดแนวปฏิบัติที่ดีที่สุดสำหรับตอบสนองความต้องการของผู้ใช้เว็บที่มีความพิการ

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

WCAG ยังเป็นแกนหลักในการปฏิบัติตาม Americans with Disabilities Act (เรียกสั้นๆ ว่า ADA)
ในกรณีส่วนใหญ่ เว็บไซต์ที่เป็นไปตามข้อกำหนดของ WCAG จะเป็นไปตามข้อกำหนดของ ADA ด้วย

การปฏิบัติตามโปรโตคอล WCAG เป็นวิธีที่ดีที่สุดในการปฏิบัติตามข้อกำหนดของ ADA

ไม่ใช่ทุกเว็บไซต์ที่ได้รับการออกแบบโดยคำนึงถึงการปฏิบัติตามข้อกำหนด ในความเป็นจริงมีน้อยมาก

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

กำลังซื้อของชุมชนผู้พิการ

แม้ว่าการเข้าถึงจะมีความสำคัญจากมุมมองทางศีลธรรม แต่ก็เป็นการสร้างความแตกต่างของแบรนด์ที่มีคุณค่าเช่นกัน

ประมาณ 15% ของประชากรโลกประสบกับความพิการรูปแบบหนึ่ง ความทุพพลภาพไม่ได้ถูกจำกัดด้วยอุปสรรคทางชาติหรือวัฒนธรรม พวกเขาส่งผลกระทบต่อทุกกลุ่มประชากร ทุกที่บนโลก

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

การเพิกเฉยต่อคนเหล่านี้ไม่เพียงไม่ยุติธรรมเท่านั้น แต่ไม่ฉลาดอีกด้วย

หากกลยุทธ์การตลาดแบบ B2B ของคุณอาศัยการดึงดูดการเข้าชมแบบออร์แกนิกมายังบล็อกของคุณ ก็ไม่สมเหตุสมผลที่จะยกเว้นผู้มีโอกาสเป็นลูกค้าประมาณ 15% ของคุณ

แต่นี่คือสิ่งที่ธุรกิจจำนวนมากทำ

สำหรับผู้ทุพพลภาพ การเข้าถึงเว็บมีความสำคัญอย่างยิ่งต่อประสบการณ์ของผู้ใช้

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

เนื้อหานั้นมีบทบาทสำคัญในเส้นทางของผู้ซื้อ B2B

เป็นสิ่งที่ควรทำและเป็นกลยุทธ์ทางธุรกิจที่ทำกำไรได้เช่นกัน

วิธีสร้างเว็บไซต์ที่เข้าถึงได้

เอกสาร WCAG 2.1 อย่างเป็นทางการมีมากกว่า 100 หน้าของการออกแบบเว็บทางเทคนิคขั้นสูงและมาตรฐานการโต้ตอบ เป็นเอกสารที่น่ากลัวซึ่งมีกฎ เงื่อนไข และข้อกำหนดมากมาย

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

ใช้สิ่งเหล่านี้ในเว็บไซต์ของคุณและคุณจะประสบความสำเร็จในการเข้าถึงการปฏิบัติตาม:

อนุญาตสำหรับการนำทางด้วยแป้นพิมพ์

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

ผู้พิการจำนวนมากใช้แป้นพิมพ์พิเศษแทน
อุปกรณ์เหล่านี้สามารถเปลี่ยนการป้อนข้อมูลทางกายภาพได้เกือบทุกชนิด เช่น การกระพุ้งแก้มของ Stephen Hawking ให้กลายเป็นคำสั่งบนแป้นพิมพ์

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

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

นี่เป็นสิ่งสำคัญอย่างยิ่งสำหรับเว็บไซต์ B2B ที่ใช้เนื้อหาเชิงโต้ตอบ (เช่น แบบฟอร์มในวิดีโอ) เพื่อดึงดูดและแปลงลูกค้าเป้าหมาย

ใช้ประโยชน์จากลำดับชั้นของหัวเรื่อง

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

พวกเขาไม่สามารถทำเช่นนี้ได้หากหน้าเว็บของคุณไม่สามารถใช้ส่วนหัว HTML ที่เหมาะสมได้

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

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

เพิ่มข้อความแสดงแทนคำอธิบาย

ไฟล์รูปภาพนำเสนอปัญหาสำหรับผู้ใช้โปรแกรมอ่านหน้าจอ เมื่อโปรแกรมอ่านหน้าจอพบไฟล์รูปภาพ โปรแกรมจะอ่านแท็กข้อความแสดงแทนของรูปภาพให้ผู้ใช้ทราบ หากไม่มีข้อความแสดงแทน ซอฟต์แวร์จะพูดว่า "รูปภาพ" ดัง ๆ จากนั้นดำเนินการต่อ

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

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

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

ศิลปะแห่งการตัดกันของสีที่สมบูรณ์แบบ

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

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

หน้าแรกของ Rock Content เป็นตัวอย่างที่ดีของคอนทราสต์ของสีในที่ทำงาน มีพื้นหลังแสงสีม่วงอ่อนอยู่ด้านหลังภาพหลักและข้อความสีดำด้านบน เรียบง่าย มีประสิทธิภาพ และอ่านง่าย

มีบางสิ่งที่คุณสามารถทำได้เพื่อแก้ไขคอนทราสต์ของสีบนเว็บไซต์ของคุณ:

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

ตรวจสอบให้แน่ใจว่าสามารถเข้าถึงวิดีโอได้

การตลาดผ่านวิดีโอเป็นองค์ประกอบหลักของกลยุทธ์การตลาด B2B สมัยใหม่ หากคุณต้องการแสดงผลิตภัณฑ์หรือสาธิตเทคโนโลยีใหม่ วิดีโอคือรูปแบบที่สมจริงที่สุดที่คุณสามารถเลือกได้

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

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

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

เช่นเดียวกับรูปแบบ

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

เพิ่มประสิทธิภาพการปฏิบัติตามด้วยโซลูชันของบุคคลที่สามที่ทรงพลัง

โปรโตคอล WCAG มีรายละเอียดการออกแบบทางเทคนิคจำนวนมหาศาล ซึ่งรวมถึงอัตราส่วนคอนทราสต์ของสีเฉพาะ มาตรฐานความสามารถในการทำงาน ประสิทธิภาพของแองเคอร์ลิงก์ และอื่นๆ

การตรวจสอบสิ่งเหล่านี้ด้วยตนเองเป็นกระบวนการที่ยากและใช้เวลานาน คุณจะต้องจดจำ ตรวจสอบ และอ้างอิงรายละเอียดทางเทคนิคเล็กน้อยหลายร้อยรายการในทุกหน้าของเว็บไซต์ของคุณ

เครื่องมือการเข้าถึงเว็บสามารถช่วยคุณทำงานนี้โดยอัตโนมัติ เครื่องมือต่างๆ เช่น accessWidget รวม AI เพื่อแก้ไข โค้ดที่ ไม่สามารถเข้าถึงได้ภายในไซต์ของคุณโดยอัตโนมัติ

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

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

การช่วยสำหรับการเข้าถึงเป็นความมุ่งมั่นอย่างต่อเนื่อง

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

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

สำหรับแนวทางเพิ่มเติมเกี่ยวกับวิธีการทำตลาดธุรกิจของคุณกับกลุ่มเป้าหมายต่างๆ โปรดดูชุดข้อมูลการวางแผนการตลาดของเรา