สร้างแอปพื้นที่ทำงานที่สามารถเข้าถึงได้

  • บทความ

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

ใช้ ตัวตรวจสอบการเข้าถึง เพื่อช่วยตรวจสอบปัญหาการเข้าถึงที่อาจเกิดขึ้นในแอปของคุณ

เค้าโครงและสี

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

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

แป้นพิมพ์

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

แป้น Tab ควรนำทางไปยังองค์ประกอบแบบโต้ตอบตามลำดับตรรกะ คุณสามารถสร้างสิ่งนี้ด้วย โครงสร้างแอปเชิงตรรกะ และโดยการตั้งค่าคุณสมบัติ TabIndex ของตัวควบคุมตามนั้น

  • ตัวควบคุม ป้ายกำกับ, รูปภาพ, ไอคอน, รูปร่าง: ตั้งค่า TabIndex เป็น 0 หากกำหนดให้มีการโต้ตอบ หรือตั้งค่า TabIndex เป็น -1
  • อย่าตั้งค่า TabIndex มากกว่าศูนย์
  • ตรวจสอบว่าการตั้งค่าแอป ดัชนีแท็บแบบง่าย เปิดใช้งาน

โปรแกรมอ่านหน้าจอ

โปรแกรมอ่านหน้าจอต่อไปนี้ได้รับการตรวจสอบแล้วว่าใช้งานได้กับ Power Apps:

  • JAWS: Microsoft Edge
  • ผู้บรรยาย: Microsoft Edge
  • NVDA: Google Chrome, Firefox
  • TalkBack: Google Chrome, Power Apps Mobile
  • VoiceOver: Power Apps Mobile, Safari (macOS, iOS, iPadOS)

เมื่อต้องการให้แน่ใจว่าได้รับประสบการณ์ที่พึงพอใจกับตัวอ่านหน้าจอ ขอแนะนำให้ทำดังต่อไปนี้:

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

ชนิดและโครงสร้างตัวควบคุม

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

มัลติมีเดีย

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

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

ทำงานด้วยลายเซ็น

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

ขั้นตอนถัดไป

โครงสร้างแอปที่สามารถเข้าถึงได้

ดูเพิ่มเติม