สร้างแอปพื้นที่ทำงานที่สามารถเข้าถึงได้
แอปพื้นที่ทำงานที่สามารถเข้าถึงได้จะช่วยให้ผู้ใช้ที่มีความบกพร่องด้านสายตา การได้ยิน และอื่นๆ ให้สามารถใช้แอปได้สำเร็จ นอกเหนือจากความต้องการของรัฐบาลและองค์กรต่างๆ แล้ว การทำตามแนวทางด้านล่างจะเพิ่มความสามารถในการใช้งานสำหรับผู้ใช้ทุกคน ไม่ว่าพวกเขาจะความสามารถอย่างไร
ใช้ ตัวตรวจสอบการเข้าถึง เพื่อช่วยตรวจสอบปัญหาการเข้าถึงที่อาจเกิดขึ้นในแอปของคุณ
เค้าโครงและสี
สามัญสำนึกและการออกแบบที่ไม่ซับซ้อนช่วยให้แอปสามารถเข้าถึงผู้ใช้ทั้งหมดได้มากขึ้น เมื่อทำการเลือกกำหนดแอปอย่างหนัก ให้จดจำคำแนะนำด้านล่าง Power Apps ชุดรูปแบบได้รับการออกแบบให้ตรงตามมาตรฐานการเข้าถึง
- ให้แน่ใจว่า องค์ประกอบทั้งหมดจะสามารถมองเห็นได้อย่างชัดเจน และข้อความมีขนาดใหญ่พอ ต้องสามารถอ่านและทำความเข้าใจเนื้อหาทั้งหมดได้ด้วยตาเปล่า
- หลีกเลี่ยงการใช้คุณสมบัติการมองเห็นของรายการเพื่อทำให้เห็นองค์ประกอบชัดเจน ถ้าคุณจำเป็นต้องแสดงบางอย่างตามเงื่อนไข ให้สร้างเนื้อหาในหน้าจอใหม่ และนำทางไปและย้อนกลับ
- ให้แน่ใจว่าองค์ประกอบป้อนเข้ามีป้ายชื่อบนหน้าจอ คุณสมบัติ AccessibleLabell กำหนดสิ่งที่โปรแกรมอ่านหน้าจอจะประกาศ
- ถ้ากำหนดสีเอง ให้แน่ใจว่าอัตราส่วนความคมชัดของข้อความถึงพื้นหลัง เป็น 4.5:1 หรือมากกว่า เครื่องมือซอฟต์แวร์ที่ช่วยกระบวนการนี้จะพร้อมใช้งาน
- ให้แน่ใจว่า เค้าโครงเป็นไปตามทิศทางตรรกะเมื่ออ่านจากบนลงล่าง ซ้ายไปขวา
การรองรับแป้นพิมพ์
เมื่อทดสอบการช่วยการเข้าถึงของแอป โปรดตรวจสอบให้แน่ใจว่าแอปสามารถใช้ได้กับแป้นพิมพ์เท่านั้น โหมดการช่วยการเข้าถึงบน iOS และ Android และโปรแกรมอ่านหน้าจอที่ใช้แป้นพิมพ์
สำหรับการนำทางแป้นพิมพ์ (มีหรือไม่มีโปรแกรมอ่านหน้าจอ) ให้แน่ใจว่า จะเป็นไปตามลำดับตรรกะเมื่อใช้แป้น TAB เพื่อนำทางฟิลด์การป้อนข้อมูล โดยการตั้งค่าคุณสมบัติ TabIndex ของตัวควบคุมแต่ละตัว
- ตัวควบคุมป้ายชื่อ รูป ไอคอน รูปร่าง - ถ้าแสดงองค์ประกอบแบบโต้ตอบ (เช่น ปุ่ม) ให้ตั้งค่า TabIndex เป็น 0 ถ้าเป็นองค์ประกอบตกแต่งหรือข้อความ ให้ตั้งค่า TabIndex เป็น -1
- หลีกเลี่ยงการตั้งค่าดัชนีแท็บสูงกว่าศูนย์
การสนับสนุนตัวอ่านหน้าจอ
ชุดซอฟต์แวร์ต่อไปนี้เป็นคำแนะนำที่ได้รับการสนับสนุนสำหรับการใช้ Power Apps กับตัวอ่านหน้าจอ:
- Windows: Microsoft Edge / ผู้บรรยาย
- macOS: Safari / VoiceOver
- Android: แอป Power Apps / Talkback
- iOS: แอป Power Apps / VoiceOver
เมื่อต้องการให้แน่ใจว่าได้รับประสบการณ์ที่พึงพอใจกับตัวอ่านหน้าจอ ขอแนะนำให้ทำดังต่อไปนี้:
- ให้แน่ใจว่า ตัวควบคุมการป้อนข้อความทั้งหมด มีการตั้งค่าคุณสมบัติ AccessibleLabel
- สำหรับรูป ให้ตั้งค่า AccessibleLabel เป็นคำอธิบายที่เหมาะสม
- ถ้าไม่ได้ใช้รูปภาพเป็นปุ่มหรือลิงก์ (เช่น ไอคอนเฉพาะสำหรับการตกแต่ง) และไม่ควรถูกอ่านโดยโปรแกรมอ่านหน้าจอ ให้ตรวจสอบให้แน่ใจว่า AccessibleLabel ว่างแปล่า หรือไม่ได้ถูกตั้งค่า
- ถ้ามีการใช้รูปภาพหรือไอคอนเป็นปุ่ม ให้ตั้งค่า TabIndex เป็น 0 และ AccessibleLabel เป็นคำอธิบายลิงก์
ชนิดและโครงสร้างตัวควบคุม
การใช้ตัวควบคุมและการจัดกลุ่มที่เหมาะสม จะช่วยให้ผู้ใช้โปรแกรมอ่านหน้าจอเข้าใจโครงสร้างของแอป
- รวมอย่างน้อยหนึ่งหัวข้อในแต่ละหน้าจอของแอป คุณสามารถสร้างหัวเรื่องโดยการตั้งค่าคุณสมบัติ บทบาท ของ ป้ายกำกับ
- ใช้ ปุ่ม แทนที่จะเป็น ป้ายกำกับ สำหรับข้อความโต้ตอบ
- จัดกลุ่มเนื้อหาที่เกี่ยวข้องใน คอนเทนเนอร์
- ระวัง รูปแบบการออกแบบที่ไม่รองรับ
มัลติมีเดีย
ให้แน่ใจว่า วิดีโอมีคำอธิบายและสำเนาของบทสนทนาทั้งหมดพร้อมใช้งานสำหรับผู้ใช้ ตัวควบคุม วิดีโอ สนับสนุนคำอธิบายภาพในรูปแบบ WebVTT ผ่านทางคุณสมบัติ ClosedCaptionsUrl
ด้วยการเปิดใช้งานโปรแกรมอ่านหน้าจอ ตัวจับเวลา จะไม่ประกาศข้อความปุ่ม แต่จะบอกว่าเวลาผ่านมานานเท่าไหร่ ไม่สามารถปิดการประกาศได้ แม้ว่าตัวจับเวลาจะถูกซ่อนด้วยความทึบต่ำ
ทำงานด้วยลายเซ็น
ถ้าคุณมีฟิลด์ลายเซ็นที่ใช้ตัวควบคุม PenInput คุณจำเป็นต้องเปิดใช้งานวิธีอื่นในการป้อนข้อมูลลายเซ็น วิธีที่แนะนำคือการแสดงตัวควบคุม TextInput ที่ผู้ใช้สามารถพิมพ์ชื่อของตน ให้แน่ใจว่า คำแนะนำการเซ็นชื่อจะถูกวางไว้ในคุณสมบัติ AccessibleLabel และตัวควบคุมถูกวางไว้ใกล้กับการป้อนข้อมูลด้วยปากกาทางด้านขวาหรือด้านล่างทันที
ขั้นตอนถัดไป
โครงสร้างแอปที่สามารถเข้าถึงได้