ทำให้เข้าถึงแอปได้ง่ายขึ้น

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

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

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

เพิ่มการมองเห็นข้อความ

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

  • หากข้อความมีขนาดเล็กกว่า 18pt หรือข้อความเป็นตัวหนาและเล็กกว่า 14pt ให้กำหนดอัตราส่วนคอนทราสต์ของสีไว้ที่ 4.5:1 เป็นอย่างน้อย
  • สำหรับข้อความอื่นๆ ทั้งหมด ให้ตั้งค่าอัตราส่วนคอนทราสต์ของสีไว้ที่ 3:1 เป็นอย่างน้อย

รูปภาพต่อไปนี้แสดงตัวอย่างคอนทราสต์ของสีพื้นหลังของข้อความกับพื้นหลัง 2 ตัวอย่าง

วันที่ ภาพแสดงข้อความ
รูปที่ 1 ต่ำกว่าที่แนะนำ (ซ้าย) และสีเพียงพอ (ขวา) คอนทราสต์

หากต้องการตรวจสอบคอนทราสต์ของสีพื้นหลังของข้อความกับพื้นหลังในแอป ให้ใช้สีออนไลน์ เครื่องมือตรวจสอบคอนทราสต์หรือการช่วยเหลือพิเศษ เครื่องมือสแกน แอป

ใช้การควบคุมขนาดใหญ่และใช้งานง่าย

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

เพื่อให้องค์ประกอบ UI หนึ่งๆ มีขนาดเป้าหมายการสัมผัสใหญ่พอ ให้ทำดังนี้ เงื่อนไขทั้งสองข้อควรเป็นจริง

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

ข้อมูลโค้ดต่อไปนี้แสดงองค์ประกอบที่มีการแตะที่แนะนำ ขนาดเป้าหมาย:

<ImageButton ...
    android:paddingLeft="4dp"
    android:minWidth="40dp"
    android:paddingRight="4dp"

    android:paddingTop="8dp"
    android:minHeight="32dp"
    android:paddingBottom="8dp" />

อธิบายองค์ประกอบ UI แต่ละรายการ

สำหรับองค์ประกอบ UI แต่ละรายการในแอป ให้ใส่คำอธิบายที่ อธิบายจุดประสงค์ขององค์ประกอบ ในกรณีส่วนใหญ่ คุณจะใส่คำอธิบายนี้ใน แอตทริบิวต์ contentDescription ขององค์ประกอบดังที่แสดงในโค้ดต่อไปนี้ snippet:

<!-- Use string resources for easier localization. -->
<!-- The en-US value for the following string is "Inspect". -->
<ImageView
    ...
    android:contentDescription="@string/inspect" />

เมื่อเพิ่มคำอธิบายลงในองค์ประกอบ UI ของแอป ควรปฏิบัติตามข้อกำหนดดังต่อไปนี้ แนวทางปฏิบัติแนะนำต่อไปนี้

  • อย่าใส่ประเภทองค์ประกอบ UI ในคำอธิบายเนื้อหา หน้าจอ จะประกาศทั้งประเภทและคำอธิบายขององค์ประกอบโดยอัตโนมัติ สำหรับ เช่น หากการเลือกปุ่มจะทำให้ระบบ "ส่ง" การดำเนินการที่จะเกิดขึ้นในแอป ทำให้คำอธิบายของปุ่มเป็น "Submit" ไม่ใช่ "Submit button"

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

  • หาก minSdkVersion ของแอปเท่ากับ 16 ขึ้นไป คุณสามารถตั้ง android:importantForAccessibility เป็น "no" สำหรับองค์ประกอบกราฟิกที่ใช้สำหรับการตกแต่งเท่านั้น

แหล่งข้อมูลเพิ่มเติม

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

Codelab

บล็อกโพสต์