สร้างแอปพื้นที่ทำงานที่สามารถเข้าถึงได้
แอปพื้นที่ทำงานที่สามารถเข้าถึงได้จะช่วยให้ผู้ใช้ที่มีความบกพร่องด้านสายตา การได้ยิน และอื่นๆ ให้สามารถใช้แอปได้สำเร็จ นอกเหนือจากความต้องการของรัฐบาลและองค์กรต่างๆ แล้ว การทำตามแนวทางด้านล่างจะเพิ่มความสามารถในการใช้งานสำหรับผู้ใช้ทุกคน ไม่ว่าพวกเขาจะความสามารถอย่างไร
ใช้ ตัวตรวจสอบการเข้าถึง เพื่อช่วยตรวจสอบปัญหาการเข้าถึงที่อาจเกิดขึ้นในแอปของคุณ
เค้าโครงและสี
สามัญสำนึกและการออกแบบที่ไม่ซับซ้อนช่วยให้แอปสามารถเข้าถึงผู้ใช้ทั้งหมดได้มากขึ้น เมื่อทำการเลือกกำหนดแอปอย่างหนัก ให้จดจำคำแนะนำด้านล่าง 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 และตัวควบคุมถูกวางไว้ใกล้กับการป้อนข้อมูลด้วยปากกาทางด้านขวาหรือด้านล่างทันที
ขั้นตอนถัดไป
โครงสร้างแอปที่สามารถเข้าถึงได้