7 เคล็ดลับที่จะช่วยให้คุณเข้าถึงเว็บไซต์อีคอมเมิร์ซของคุณได้

เผยแพร่แล้ว: 2021-01-14

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

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

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


ค้นพบวิธีการเติบโตและพัฒนาธุรกิจอีคอมเมิร์ซของคุณในระดับสากล


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

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

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

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

ลองนึกถึงวิธีที่ดีที่สุดในการทำให้ถูกหลักสรีรศาสตร์และเป็นมิตรกับผู้ใช้

มาตรฐาน ISO 9241 กำหนดการใช้งานดังนี้: “ขอบเขตที่ระบบ ผลิตภัณฑ์ หรือบริการสามารถใช้โดยผู้ใช้ที่ระบุเพื่อให้บรรลุเป้าหมายที่ระบุอย่างมีประสิทธิผล ประสิทธิภาพ และความพึงพอใจ”

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

ใช้โครงสร้างที่เหมาะสมที่สุด

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

เก็บแบบฟอร์มและเนื้อหาแยกจากกัน

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

อย่าลืมใส่ข้อความแสดงแทนให้กับรูปภาพของคุณ (ข้อความแสดงแทน)

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

ในขั้นแรก การแยกความแตกต่างระหว่างรูปภาพสามประเภทที่มีอยู่:

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

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

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

ปรับสีและคอนทราสต์ให้ถูกต้อง

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

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

เคล็ดลับที่เป็นประโยชน์ : ปฏิบัติตามมาตรฐานการช่วยสำหรับการเข้าถึง HTML โดยใช้แบบอักษรและการพิมพ์ที่เข้าถึงได้ทั่วไป ฯลฯ

ให้ข้อมูลที่ชัดเจนเกี่ยวกับลิงก์ไฮเปอร์เท็กซ์ของคุณ

ยิ่งมีความคลุมเครือน้อยเท่าไร เว็บไซต์ของคุณก็จะยิ่งเข้าถึงได้มากขึ้นเท่านั้น!

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

ตัวอย่าง

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

หลีกเลี่ยงการเปิดหน้าต่างใหม่

แม้ว่า หน้าต่างป๊อปอัป จะมีประโยชน์มากสำหรับ การโฆษณาสิ่งใหม่หรือกิจกรรมบางอย่าง และผู้ใช้บางคนพบว่าสะดวกที่จะสามารถดูหน้าทั้งหมดที่พวกเขาเปิดไว้ แต่ก็อาจเป็น อุปสรรคร้ายแรงต่อ ผู้อื่น ( โดยเฉพาะผู้พิการทางสายตา) หน้าต่างใหม่สามารถ "ทำลาย" จังหวะการเรียกดู และ ทำให้ผู้ใช้หลงทาง ได้ ถ้าเป็นไปได้ ให้เลือกว่าจะเปิดหน้าอื่นหรือไม่ โดยกำหนดให้คลิกขวาง่ายๆ หากคุณไม่มีทางเลือกและต้องทำ อย่างไรก็ตาม อย่าลืมแจ้งให้ผู้ใช้ทราบโดยใช้ แอตทริบิวต์ที่เหมาะสมในโค้ด HTML ของคุณ

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

Petit Bateau รวมศูนย์การจัดการการแปลด้วย TextMaster