เคล็ดลับการช่วยสำหรับการเข้าถึงสำหรับการ์ดที่ปรับเปลี่ยนได้

เอเจนต์ Copilot Studio ทำงานได้ดีกับโปรแกรมอ่านหน้าจอบน Windows เช่น NonVisual Desktop Access (NVDA) และ Job Access with Speech (JAWS) เพื่อเพิ่มประสิทธิภาพการเข้าถึง ให้พิจารณาเคล็ดลับเหล่านี้

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

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

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

  {
    "type": "Input.Text",
    "id": "middleName",
    "label": "Middle name (optional)",
    "placeholder": "Enter your middle name"
  }
  

• เลือกใช้ "inputStyle" และ "style" อย่างรอบคอบ: หลีกเลี่ยงการปรับแต่งแบบกำหนดเองที่เอาตัวบ่งชี้โฟกัสออก วงแหวนโฟกัสเริ่มต้นคือสิ่งที่ผู้ใช้แป้นพิมพ์พึ่ใช้เพื่อให้ทราบว่าพวกเขาอยู่ที่ไหนบนการ์ด

• ใช้ "isRequired" และ "errorMessage" สำหรับโปรแกรมอ่านหน้าจอ: แม้แต่ฟิลด์ที่ไม่บังคับ การมี "errorMessage" ที่ชัดเจนจะช่วยให้โปรแกรมอ่านหน้าจอแจ้งข้อเสนอแนะการตรวจสอบได้อย่างชัดเจน

  {
    "type": "Input.Text",
    "id": "middleName",
    "label": "Middle name (optional)",
    "isRequired": false,
    "errorMessage": "Please enter a valid middle name"
  }
  

• ลำดับแท็บที่เป็นตรรกะ: การ์ดที่ปรับเปลี่ยนได้จะใช้ลำดับตาม Document Object Model (DOM) สำหรับการนำทางด้วยแท็บ ดังนั้นควรจัดโครงสร้าง JSON ของการ์ดของคุณตามลำดับที่คุณต้องการให้ผู้ใช้ใช้งานผ่านแท็บ หลีกเลี่ยงการใช้รูปแบบ "ColumnSet" ที่สร้างลำดับตรรกะทางสายตาแต่ทำให้ลำดับแท็บสำหรับผู้ใช้คีย์บอร์ดสับสน

• ปุ่มการดำเนินการสามารถเข้าถึงได้ด้วยแป้นพิมพ์ตามค่าเริ่มต้น: คุณสมบัติต่าง ๆ เช่น "Action.Submit" และ "Action.OpenUrl" สามารถโฟกัสได้โดยตรง ควรตั้งชื่อให้มีความหมายชัดเจนแทนการใช้ชื่อที่คลุมเครือ เช่น "คลิกที่นี่" เพราะโปรแกรมอ่านหน้าจอจะอ่านชื่อดังกล่าวออกเสียง

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

  {
    "type": "TextBlock",
    "text": "The following fields are optional. You can skip them if not applicable.",
    "wrap": true
  }
  

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

• เคล็ดลับสำหรับการทดสอบใน Microsoft Teams: เนื่องจากมีส่วนที่แตกต่างเล็กน้อยในการรองรับการ์ดที่ปรับเปลี่ยนได้ใน Microsoft Teams เราขอแนะนำให้ใช้โปรแกรม Windows Narrator หรือ NVDA ในการตรวจสอบลำดับการกดแท็บและเพื่อให้แน่ใจว่าข้อความประกาศทำงานตามที่คาดหวัง

คุณสมบัติของสคีมาเฉพาะ

ต่อไปนี้คือคุณสมบัติเฉพาะบางอย่างในสคีมาการ์ดที่ปรับเปลี่ยนได้ซึ่งสามารถช่วยปรับปรุงการเข้าถึงได้

คุณสมบัติ "ป้ายชื่อ"

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

เรียนรู้เพิ่มเติมใน Input.Text

เหตุใด "ป้ายชื่อ" จึงเหนือกว่า "ตัวยึด" สําหรับการเข้าถึง

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

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

เรียนรู้เพิ่มเติมใน การตรวจสอบข้อมูลอินพุต

ใช้ "errorMessage" สําหรับความคิดเห็นในการตรวจสอบความถูกต้อง

คุณสมบัติ "errorMessage" พร้อมใช้งานสำหรับข้อมูลอินพุตทุกประเภทเพื่อระบุข้อความที่จะแสดงเมื่อผู้ใช้กรอกค่าที่ไม่ถูกต้อง

เรียนรู้เพิ่มเติมใน การตรวจสอบข้อมูลอินพุต

TextBlock ที่มี "style": "heading" สำหรับโครงสร้างการเข้าถึง

การใช้ "style": "heading" จะใช้รูปแบบหัวข้อมาตรฐานและระบุองค์ประกอบ TextBlock เป็นหัวข้อสำหรับการเข้าถึง

เรียนรู้เพิ่มเติมใน TextBlock„”

ปุ่มการดําเนินการ—"คําแนะนําเครื่องมือ" สําหรับคําบรรยาย

การดำเนินการ "Action.ToggleVisibility" รองรับคุณสมบัติ "คําแนะนําเครื่องมือ" ซึ่งกำหนดข้อความที่ปรากฏขึ้นเมื่อผู้ใช้วางเมาส์เหนือปุ่มการดำเนินการ ซอฟต์แวร์อ่านออกเสียงจะอ่านข้อความนี้

เรียนรู้เพิ่มเติมใน Action.ToggleVisibility

ข้อควรระวังเกี่ยวกับ "isVisible": "false" สำหรับองค์ประกอบอินพุต:

รักษาองค์ประกอบอินพุตที่มีการแสดงการตรวจสอบความถูกต้อง องค์ประกอบอินพุตที่มีการตรวจสอบความถูกต้องภายใต้ "Action.ToggleVisibility" อาจสร้างความสับสนเมื่อพารามิเตอร์อินพุตที่ซ่อนอยู่ไม่ถูกต้อง

เรียนรู้เพิ่มเติมใน Action.ToggleVisibility

คุณสมบัติ "labelPosition" สำหรับ Input.ChoiceSet

สําหรับ "Input.ChoiceSet" คุณสมบัติ "labelPosition" จะกําหนดตําแหน่งของป้ายชื่อ ไม่ว่าจะเป็นแบบอินไลน์หรืออยู่ด้านบน (ค่าเริ่มต้น)

เรียนรู้เพิ่มเติมใน Input.ChoiceSet