ความสามารถอ่านข้อความ

ทดสอบความสามารถในการอ่านของคู่สีข้อความกับพื้นหลัง ประเมินความชัดร่วมกับอัตราส่วนความเปรียบต่าง เลือกสีอ่านง่ายสบายตา

ดูตัวอย่างแบบเรียลไทม์

ตัวอย่างหัวเรื่อง

นี่คือข้อความตัวอย่างสำหรับทดสอบความอ่านง่าย The quick brown fox jumps over the lazy dog. 0123456789

ข้อความขนาดเล็กกว่าเพื่อเปรียบเทียบ

คะแนนความอ่านง่าย

17.06:1

ดีเยี่ยม

ความสอดคล้องกับ WCAG 2.1

ข้อความปกติ (≥4.5:1)

AA Large

ข้อความขนาดใหญ่ (≥3:1)

AAA

ข้อความปกติ (≥7:1)

AAA Large

ข้อความขนาดใหญ่ (≥4.5:1)

การตั้งค่า

สีข้อความ

สีพื้นหลัง

ขนาดตัวอักษร: 16 px

ข้อความตัวอย่าง

ความสามารถอ่านข้อความ แสดงเฉพาะตัวควบคุมและผลลัพธ์ที่เกี่ยวข้องกับหน้าที่ของเครื่องมือ ตัวเลือกที่มีขึ้นอยู่กับเครื่องมือและข้อมูลนำเข้า

รูปแบบที่รองรับ

HEX

RGB

HSL

Texte

วิธีใช้งาน

ขั้นตอน 1

เปิด ความสามารถอ่านข้อความ และเตรียมข้อมูลที่อินเทอร์เฟซร้องขอ

ขั้นตอน 2

ปรับตัวควบคุมที่มองเห็นตามผลลัพธ์ที่ต้องการ

ขั้นตอน 3

ตรวจสอบผลลัพธ์ก่อนคัดลอก ส่งออก หรือนำไปใช้ซ้ำ

ข้อผิดพลาดที่พบบ่อยที่ควรหลีกเลี่ยง

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

เคล็ดลับจากมือโปร

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

การจัดการข้อมูล

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

เครื่องมือนี้ทำอะไร

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

เตรียมข้อมูลนำเข้าที่เหมาะสม

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

อ่านและตรวจสอบผลลัพธ์

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

ใช้งานบนมือถือและแท็บเล็ต

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

นำผลลัพธ์ไปใช้ในโปรเจกต์

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

เครื่องมือที่เกี่ยวข้อง

ความเปรียบต่างของสี

เครื่องวิเคราะห์ WCAG

จำลองตาบอดสี

ตัวเลือกสี

คู่มือและบทช่วยสอน

เรียนรู้วิธีการใช้งานเครื่องมือของเราด้วยคู่มือแบบละเอียด

text-readability: คู่มือใช้งาน accessibility

คู่มือภาษาไทยสำหรับใช้ text-readability เข้าใจแนวทาง accessibility และหลีกเลี่ยงข้อผิดพลาดทั่วไป

text-readability: คู่มือใช้งาน accessibility

คำถามที่พบบ่อย

เปิดเครื่องมือ ใส่ข้อมูลที่อินเทอร์เฟซร้องขอ ปรับตัวควบคุมที่มองเห็น แล้วตรวจสอบผลลัพธ์

หน้านี้ระบุรูปแบบ HEX, RGB, HSL, Texte การรองรับที่แน่นอนขึ้นอยู่กับฟังก์ชันและตัวควบคุมที่ ความสามารถอ่านข้อความ แสดงจริง

ได้ เลย์เอาต์เป็นแบบ responsive และอนุญาตให้ข้อความกับตัวควบคุมขึ้นบรรทัดใหม่บนหน้าจอแคบ

ตรวจสอบค่าต้นทาง การตั้งค่าที่ใช้ และผลลัพธ์ หากใช้กับข้อความหรือ UI ให้ตรวจสอบคอนทราสต์ในบริบทจริงด้วย

เรียนรู้วิธีการใช้งานเครื่องมือของเราด้วยคู่มือแบบละเอียด

เครื่องมือที่เกี่ยวข้อง

ความสามารถอ่านข้อความ

ดูตัวอย่างแบบเรียลไทม์

ตัวอย่างหัวเรื่อง

คะแนนความอ่านง่ายคัดลอก

ความสอดคล้องกับ WCAG 2.1

การตั้งค่า

รูปแบบที่รองรับ

วิธีใช้งาน

ขั้นตอน 1

ขั้นตอน 2

ขั้นตอน 3

ข้อผิดพลาดที่พบบ่อยที่ควรหลีกเลี่ยง

เคล็ดลับจากมือโปร

การจัดการข้อมูล

เครื่องมือนี้ทำอะไร

เตรียมข้อมูลนำเข้าที่เหมาะสม

อ่านและตรวจสอบผลลัพธ์

ใช้งานบนมือถือและแท็บเล็ต

นำผลลัพธ์ไปใช้ในโปรเจกต์

เครื่องมือที่เกี่ยวข้อง

คู่มือและบทช่วยสอน

text-readability: คู่มือใช้งาน accessibility

text-readability: คู่มือใช้งาน accessibility

text-readability: คู่มือใช้งาน accessibility

คำถามที่พบบ่อย

ความสามารถอ่านข้อความ ใช้ทำอะไร?

จะเริ่มใช้ ความสามารถอ่านข้อความ อย่างไร?

ความสามารถอ่านข้อความ ใช้รูปแบบใดได้บ้าง?

ความสามารถอ่านข้อความ ใช้งานบนมือถือและแท็บเล็ตได้หรือไม่?

ควรตรวจสอบอะไรก่อนนำผลลัพธ์ไปใช้ซ้ำ?

คะแนนความอ่านง่าย