กลยุทธ์การตลาดดิจิทัล (Digital marketing)

เคล็ดลับในการปรับปรุงเนื้อหาเว็บไซต์สำหรับโปรแกรมอ่านหน้าจอ

บล็อกของคุณครอบคลุมการใช้งานหรือไม่

ฉันกำลังทำงานร่วมกับทีม CMI เพื่อปรับปรุงบล็อกนี้

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

ฉันเริ่มขุดผ่าน แนวทางการเข้าถึงเนื้อหาเว็บ . เอกสาร WCAG อธิบายวิธีทำให้เนื้อหาเว็บสามารถเข้าถึงได้มากขึ้นสำหรับผู้ทุพพลภาพ

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

ด้วยเทคโนโลยีเสียง ที่เพิ่มขึ้น – Siri ของ Apple, Alexa ของ Amazon, การค้นหาด้วยเสียงของ Google เป็นต้น – การปรับเนื้อหาของคุณสำหรับโปรแกรมอ่านหน้าจอเป็นขั้นตอนที่ชาญฉลาด ช่วยผู้ที่มีความบกพร่องทางสายตาและทุกคนในกลุ่มผู้ชมของคุณที่ใช้เทคโนโลยีเสียง

(หากต้องการทดสอบเนื้อหาของคุณด้วยเครื่องมืออ่านหน้าจอ ให้ลอง TalkBack สำหรับ Android และ

VoiceOver สำหรับ iOS.)

ทำให้อ่านง่าย

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

Ann Smarty แนะนำ โดยใช้ TextOptimizer เพื่อตรวจสอบเนื้อหาของคุณและแนะนำการปรับปรุงในด้านความสามารถในการอ่าน รวมถึงการเลือกใช้คำ ประโยคและความยาวของย่อหน้า ความหลากหลาย – แต่ความชัดเจน – คำศัพท์

.@textoptimizer เป็นเครื่องมือที่มีประโยชน์เพื่อช่วยตรวจสอบความสามารถในการอ่านเนื้อหา & แนะนำการปรับปรุง @SEOSmarty ผ่าน @CMIContent @Brandlovellc กล่าว #เครื่องมือ คลิกเพื่อทวีต

  • เนื้อหาที่เกี่ยวข้อง:

    ความสามารถในการอ่านเนื้อหา: A Primer

  • เนื้อหาที่ประสบความสำเร็จนั้นใช้งานง่ายอย่างน่าขัน

    หลีกเลี่ยงการใช้ตัวย่อและการสะกดผิด

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

    คุณควรทำตามขั้นตอนเพื่อหลีกเลี่ยงไม่ให้โปรแกรมอ่านหน้าจอออกเสียงตัวย่อเป็นคำ – ให้คิดว่า “mlah” สำหรับ MLA ซึ่งเป็นคำย่อของ Modern Language Association ในบรรดาตัวเลือกที่ดีกว่า: กำจัดตัวย่อ ใช้จุดระหว่างตัวอักษร (MLA) หรือสะกดคำที่กล่าวถึงครั้งแรก ตามด้วยตัวย่อ (สมาคมภาษาสมัยใหม่) ).

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

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

    ใช้ H2 และ H3 อย่างต่อเนื่อง ส่วนหัวช่วยให้เทคโนโลยีอำนวยความสะดวกรู้สึกถึงโครงสร้างของเพจ @Brandlovellc ผ่าน @CMIContent กล่าว #การเข้าถึงได้ คลิกเพื่อทวีต

    “ การรักษาลำดับชั้นที่เหมาะสมยังช่วยสื่อสารว่าหัวข้อย่อยเหล่านั้นเกี่ยวข้องกันอย่างไร ที่กล่าวว่าอย่าเริ่มบทความของคุณด้วยหัวข้อย่อย H3 ตามด้วยหัวข้อย่อย H2” Ann Smarty เขียน (หากต้องการเรียนรู้เพิ่มเติม โปรดดูบทความของเธอ วิธีจัดโครงสร้างเนื้อหาของคุณให้สามารถเข้าถึงได้ )

  • เนื้อหาที่เกี่ยวข้อง:
  • รออีโมจิ

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

    เอาล่ะ ฉันเหนื่อย โปรดหยุดทำสิ่งนี้

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

    โปรดใช้อีโมจิของคุณอย่างชาญฉลาด CC:

    @Emojipedia

    pic.twitter.com /WgiSX1U5pZ

    — Alexa Heinrich (@HashtagHeyAlexa) ตุลาคม , 1618

    เคล็ดลับ: ตรวจสอบ Emojipedia หรือ Screenshot of a click to tweet using camelCase for hashtags to make it easier for screen readers to understand.พจนานุกรมอิโมจิ เพื่อดูว่าโปรแกรมอ่านหน้าจอตีความอิโมจิในเนื้อหาของคุณอย่างไร

    สร้างกรณี สำหรับแฮชแท็ก

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

    แฮชแท็กในภาพหน้าจอด้านล่างเป็นตัวอย่างของ PascalCase:

    Screenshot of a click to tweet using PascalCase for hashtags to make it easier for screen readers to understand.

    ชื่อผู้ใช้ Twitter และแฮชแท็กในภาพหน้าจอด้านล่างใช้ camelCase:

    Image showing an example of direct labeling using legend beside each series.

    อย่า 'คลิกที่นี่'

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

  • เคล็ดลับ:
  • ลิงก์คำอธิบายช่วยให้เครื่องมือค้นหาค้นหาเนื้อหาของคุณได้ง่ายขึ้น

    ละเว้นหน้าต่างใหม่

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

    คิดใหม่ข้อความที่ฝังอยู่ในรูปภาพ

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

    ทำให้อินโฟกราฟิกและแผนภูมิใช้งานได้

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

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

    แหล่งที่มาของรูปภาพ

    ไปที่จุดในข้อความแสดงแทน

    อธิบาย – ไม่ใช่บทกวี – ด้วยข้อความแสดงแทนของคุณ ไม่รวมที่ไม่ช่วยเหลือ คำหลัก. ให้อธิบายภาพเป็นประโยคหรือสองประโยคแทน ล่าสุด CMI Twitter Chat Alexa Heinrich ทวีตว่า “โปรแกรมอ่านหน้าจอส่วนใหญ่ตัดคำอธิบายข้อความแสดงแทนออกหลังจาก 69 หรือ 80 อักขระ ดังนั้น หลีกเลี่ยงการโพสต์ภาพหรือกราฟิกที่มีสำเนามากเกินไป หากคุณไม่สามารถเขียนคำอธิบายภาพที่มีประสิทธิภาพสำหรับพวกเขาได้”

  • ฉันอยากจะขอบคุณ Melissa Eggleston สำหรับ takin g ใช้เวลาในการทบทวนบทความของฉันและให้ข้อเสนอแนะอันมีค่า

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

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

    ภาพหน้าปกโดย Joseph Kalinowski/สถาบันการตลาดเนื้อหา

    503708446705527

  • 1308444179803103234ธุรกิจ
  • 6283677อาหาร
  • 214124458607871ไลฟ์สไตล์
  • 117012เทค
  • 6283677มาร์เก็ตติ้งดิจิทัล (Digital Marketing)
  • Leave a Reply

    Your email address will not be published. Required fields are marked *

    Back to top button