Get familiar with the UI and explor

Get familiar with the UI and explore the layout.

Navigate through the UI by using single-finger swipe gestures. Use left or right swipes to move between items, and up or down swipes to change the category of items being navigated. Categories include all items, links, tables, headers, and so on. Navigating with single-finger swipe gestures is similar to navigating with Caps Lock + Arrow.
Use tab gestures to navigate through focusable elements. A three-finger swipe to the right or left is the same as navigating with Tab and Shift + Tab on a keyboard.
Spatially investigate the UI with a single finger. Drag a single finger up and down, or left and right, to have Narrator read the items under your finger. You can use the mouse as an alternative because it uses the same hit-testing logic as dragging a single finger.
Read the entire window and all its contents with a three finger swipe up. This is equivalent to using Caps Lock + W.
If there is important UI that you cannot reach, you may have an accessibility issue.

Interact with a control to test its primary and secondary actions, and its scrolling behavior.

Primary actions include things like activating a button, placing a text caret, and setting focus to the control. Secondary actions include actions such as selecting a list item or expanding a button that offers multiple options.

To test a primary action: Double tap, or press with one finger and tap with another.
To test a secondary action: Triple tap, or press with one finger and double tap with another.
To test scrolling behavior: Use two-finger swipes to scroll in the desired direction.
Some controls provide additional actions. To display the full list, enter a single four-finger tap.

If a control responds to the mouse or keyboard but does not respond to a primary or secondary touch interaction, the control might need to implement additional UI Automation control patterns.

You should also consider using the AccScope tool to test Narrator accessibility scenarios with your app. The AccScope tool topic describes how to configure AccScope to test Narrator scenarios.


Examine the UI Automation representation for your app

Several of the UI Automation testing tools mentioned previously provide a way to view your app in a way that deliberately does not consider what the app looks like, and instead represents the app as a structure of UI Automation elements. This is how UI Automation clients, mainly assistive technologies, will be interacting with your app in accessibility scenarios.

The AccScope tool provides a particularly interesting view of your app because you can see the UI Automation elements either as a visual representation or as a list. If you use the visualization, you can drill down into the parts in a way that you'll be able to correlate with the visual appearance of your app's UI. You can even test the accessibility of your earliest UI prototypes before you've assigned all the logic to the UI, making sure that both the visual interaction and accessibility-scenario navigation for your app is in balance.

One aspect that you can test is whether there are elements appearing in the UI Automation element view that you don't want to appear there. If you find elements you want to omit from the view, or conversely if there are elements missing, you can use the AutomationProperties.AccessibilityView XAML attached property to adjust how XAML controls appear in accessibility views. After you've looked at the basic accessibility views, this is also a good opportunity to recheck your tab sequences or spatial navigation as enabled by arrow keys to make sure users can reach each of the parts that are interactive and exposed in the control view.


Related topics

ผลลัพธ์ (ไทย) 1:

คุ้นเคยกับ UI และเค้าโครงนำทางผ่าน UI โดยใช้รูปแบบการปัดนิ้วเดียว ใช้สุดอลังการได้แล้วไปทางซ้าย หรือขวาเพื่อเลื่อน ระหว่าง รายการ และขึ้น หรือ ลงสุดอลังการได้แล้วการเปลี่ยนแปลงประเภทการนำทางรายการ ประเภทรวมทุกสินค้า เชื่อมโยง ตาราง ส่วนหัว และอื่น ๆ นำทาง ด้วยท่าทางปัดนิ้วเดียวจะคล้ายกับการนำทางด้วย Caps Lock + ลูกศรใช้แท็บรูปแบบลายเส้นเพื่อนำทางผ่านองค์ประกอบ focusable ปัดสามนิ้วไปซ้ายหรือขวาจะเหมือนกับการนำทางด้วยแท็บ และ Shift + Tab บนแป้นพิมพ์Spatially สอบสวน UI ด้วยนิ้วเดียว ลากนิ้วเดียวขึ้นลง หรือซ้ายและขวา มี'ผู้บรรยาย'อ่านรายการใต้นิ้วคุณ คุณสามารถใช้เมาส์แทนเนื่องจากมันใช้ตรรกะเดียวกันทดสอบตีเป็นลากนิ้วเดียวอ่านหน้าต่างทั้งหมดและเนื้อหาทั้งหมด มีสามนิ้วปัดขึ้น นี้เป็นเหมือนกับการใช้ Caps Lock + W.ถ้าไม่มี UI ที่สำคัญที่คุณไม่สามารถเข้าถึง คุณอาจมีปัญหาการเข้าถึงโต้ตอบกับตัวควบคุมการทดสอบดำเนินการ และลักษณะการทำงานเลื่อนการดำเนินการหลักได้แก่สิ่งที่ต้องการเปิดใช้งานปุ่ม วางแป้นข้อความ และตั้งค่าจุดโฟกัสไปยังตัวควบคุม การดำเนินการรองได้แก่การดำเนินการเช่นการเลือกรายการ หรือขยายปุ่มที่มีตัวเลือกหลายการทดสอบการดำเนินการหลัก: แตะ สองครั้ง หรือกดหนึ่งนิ้ว และแตะกับอีกการทดสอบการกระทำรอง: สามแตะ หรือกด ด้วยหนึ่งนิ้วและแตะสองครั้ง ด้วยกันการทดสอบลักษณะการทำงานที่เลื่อน: ใช้สุดอลังการได้แล้วสองนิ้วเพื่อเลื่อนในทิศทางที่ต้องการตัวควบคุมบางตัวมีการกระทำเพิ่มเติม การแสดงรายการทั้งหมด ใส่สี่นิ้วเคาะเดียวถ้าควบคุมการตอบสนองต่อเมาส์หรือแป้นพิมพ์ แต่ไม่ตอบสนองต่อการโต้ตอบหลัก หรือรองสัมผัส การควบคุมอาจต้องใช้รูปแบบตัวควบคุม UI Automation เพิ่มเติมนอกจากนี้คุณยังควรพิจารณาการใช้เครื่องมือ AccScope การทดสอบโปรแกรมผู้บรรยายสถานการณ์การเข้าถึงแอปของคุณ หัวข้อเครื่องมือ AccScope อธิบายวิธีการกำหนดค่า AccScope เพื่อทดสอบสถานการณ์ที่โปรแกรมผู้บรรยายตรวจสอบการแสดง UI Automation สำหรับแอปของคุณหลายของ UI Automation ที่ทดสอบเครื่องมือที่กล่าวถึงก่อนหน้านี้มีวิธีการดูแอปของคุณในทางที่เจตนาไม่พิจารณาลักษณะแอ และแทน แทนแอเป็นโครงสร้างขององค์ประกอบ UI Automation วิธี UI Automation ลูกค้า เทคโนโลยีช่วยเหลือส่วนใหญ่ จะสามารถโต้ตอบกับแอปของคุณในการเข้าถึงสถานการณ์ได้The AccScope tool provides a particularly interesting view of your app because you can see the UI Automation elements either as a visual representation or as a list. If you use the visualization, you can drill down into the parts in a way that you'll be able to correlate with the visual appearance of your app's UI. You can even test the accessibility of your earliest UI prototypes before you've assigned all the logic to the UI, making sure that both the visual interaction and accessibility-scenario navigation for your app is in balance.One aspect that you can test is whether there are elements appearing in the UI Automation element view that you don't want to appear there. If you find elements you want to omit from the view, or conversely if there are elements missing, you can use the AutomationProperties.AccessibilityView XAML attached property to adjust how XAML controls appear in accessibility views. After you've looked at the basic accessibility views, this is also a good opportunity to recheck your tab sequences or spatial navigation as enabled by arrow keys to make sure users can reach each of the parts that are interactive and exposed in the control view.Related topics

ผลลัพธ์ (ไทย) 2:

ทำความคุ้นเคยกับ UI และสำรวจรูปแบบ. นำทางผ่าน UI โดยใช้ท่าทางรูดนิ้วเดียว ใช้ swipes ซ้ายหรือขวาเพื่อย้ายไปมาระหว่างรายการและขึ้นหรือลง swipes เปลี่ยนหมวดหมู่ของรายการที่ได้รับการสำรวจ หมวดหมู่รวมถึงรายการการเชื่อมโยงตารางส่วนหัวและอื่น ๆ ทั้งหมด การนำทางด้วยท่าทางรูดนิ้วเดียวคล้ายกับการนำทางด้วย Caps Lock + ลูกศร. ใช้ท่าทางแท็บเพื่อนำทางผ่านองค์ประกอบที่สามารถโฟกัส รูดสามนิ้วไปทางขวาหรือซ้ายเป็นเช่นเดียวกับการนำทางด้วยแท็บและ Shift + Tab บนแป้นพิมพ์. เชิงพื้นที่ตรวจสอบ UI ด้วยนิ้วเดียว ลากนิ้วเดียวขึ้นและลงหรือซ้ายและขวาจะมีผู้บรรยายรายการที่อ่านภายใต้นิ้วของคุณ คุณสามารถใช้เมาส์เป็นทางเลือกเพราะมันใช้ตรรกะตีทดสอบเช่นเดียวกับการลากนิ้วเดียว. อ่านหน้าต่างทั้งหมดและเนื้อหาทั้งหมดด้วยนิ้วสามปัดขึ้น นี่คือเทียบเท่ากับการใช้ Caps Lock + W. หากมี UI สิ่งสำคัญที่คุณไม่สามารถเข้าถึงคุณอาจมีปัญหาการเข้าถึง. โต้ตอบกับการควบคุมเพื่อทดสอบการกระทำประถมศึกษาและมัธยมศึกษาของตนและพฤติกรรมการเลื่อนของมัน. ดำเนินการประถมศึกษารวมถึงสิ่งที่ต้องการเปิดใช้งาน ปุ่มวางรูปหมวกข้อความและการตั้งค่าโฟกัสไปที่การควบคุม การกระทำของรองรวมถึงการดำเนินการเช่นการเลือกรายการหรือขยายปุ่มที่มีตัวเลือกหลาย. เพื่อทดสอบการดำเนินการหลัก. แตะสองครั้งหรือกดด้วยนิ้วเดียวและแตะอีกด้วยเพื่อทดสอบการกระทำรอง: แตะสามหรือกดด้วย . หนึ่งนิ้วและแตะคู่กับคนอื่นในการทดสอบพฤติกรรมการเลื่อน: ใช้สองนิ้ว swipes เพื่อเลื่อนในทิศทางที่ต้องการ. ควบคุมบางอย่างให้ดำเนินการเพิ่มเติม เพื่อแสดงรายการเต็มรูปแบบป้อนแตะสี่นิ้วเดียว. ถ้ามีการควบคุมการตอบสนองต่อเมาส์หรือแป้นพิมพ์ แต่ไม่ตอบสนองต่อการทำงานร่วมสัมผัสประถมหรือมัธยมควบคุมอาจจำเป็นต้องใช้รูปแบบการควบคุม UI อัตโนมัติเพิ่มเติม. คุณควรยัง พิจารณาการใช้เครื่องมือในการทดสอบ AccScope สถานการณ์การเข้าถึงผู้บรรยายกับ app ของคุณ หัวข้อเครื่องมือ AccScope อธิบายวิธีการกำหนด AccScope เพื่อทดสอบสถานการณ์ผู้บรรยาย. ตรวจสอบการเป็นตัวแทน UI อัตโนมัติสำหรับแอปของคุณหลายเครื่องมือทดสอบ UI อัตโนมัติกล่าวก่อนหน้านี้เป็นวิธีการดูแอปของคุณในทางที่จงใจไม่ได้พิจารณาสิ่งที่ app ลักษณะ เหมือนและแทนที่จะแสดงให้เห็นถึงการตรวจสอบที่เป็นโครงสร้างขององค์ประกอบ UI อัตโนมัติ นี่คือวิธีที่ลูกค้า UI อัตโนมัติส่วนใหญ่เทคโนโลยีช่วยเหลือจะได้รับการโต้ตอบกับแอปของคุณในสถานการณ์การเข้าถึง. เครื่องมือ AccScope ให้มุมมองที่น่าสนใจอย่างยิ่งของ app ของคุณเพราะคุณสามารถดูองค์ประกอบ UI อัตโนมัติไม่ว่าจะเป็นตัวแทนของภาพหรือเป็นรายการ หากคุณใช้การสร้างภาพที่คุณสามารถเจาะลึกลงในชิ้นส่วนในทางที่คุณจะสามารถที่จะมีความสัมพันธ์กับลักษณะที่ปรากฏของ UI ของแอป คุณยังสามารถทดสอบการเข้าถึงของต้นแบบ UI เร็วที่สุดก่อนที่คุณจะได้รับมอบหมายทุกตรรกะในการ UI เพื่อให้แน่ใจว่าทั้งปฏิสัมพันธ์ภาพและการนำการเข้าถึงสถานการณ์สำหรับ app ของคุณอยู่ในความสมดุล. แง่มุมหนึ่งที่คุณสามารถทดสอบคือว่า มีองค์ประกอบที่ปรากฏในมุมมององค์ประกอบ UI อัตโนมัติที่คุณไม่ต้องการที่จะปรากฏขึ้นที่นั่น หากคุณพบว่าองค์ประกอบที่คุณต้องการที่จะละเว้นจากมุมมองหรือตรงกันข้ามถ้ามีองค์ประกอบที่ขาดหายไปคุณสามารถใช้ AutomationProperties.AccessibilityView XAML คุณสมบัติที่แนบมาเพื่อปรับวิธีการควบคุม XAML ปรากฏในมุมมองการเข้าถึง หลังจากที่คุณได้มองไปที่มุมมองการเข้าถึงพื้นฐานนี้ยังเป็นโอกาสดีที่จะตรวจสอบลำดับแท็บหรือการนำอวกาศเปิดใช้งานโดยปุ่มลูกศรเพื่อให้แน่ใจว่าผู้ใช้สามารถเข้าถึงแต่ละชิ้นส่วนที่มีการโต้ตอบและสัมผัสในมุมมองของการควบคุมหัวข้อที่เกี่ยวข้อง

ผลลัพธ์ (ไทย) 3:

คุ้นเคยกับ UI และเที่ยวชมสถานที่นำทางผ่าน UI โดยใช้ท่าทางรูดนิ้วมือเดียว ใช้ซ้ายหรือขวาผ่านการย้ายระหว่างรายการและขึ้นหรือลงผ่านการเปลี่ยนแปลงประเภทของรายการจะถูกนำทาง . ประเภทรวมทุกสินค้า การเชื่อมโยงตารางส่วนหัว , และอื่น ๆ การนำทางด้วยท่าทางรูดนิ้วเดียวคล้ายกับนำทางกับ Caps Lock + ลูกศรใช้รูปแบบการกดแป้นพิมพ์แท็บเพื่อนำทางผ่านองค์ประกอบ focusable . รูดสามนิ้ว ซ้าย หรือ ขวา ก็เหมือนเดินกับแท็บและ Shift + Tab บนแป้นพิมพ์การเปลี่ยน UI ด้วยนิ้วเดียว ลากนิ้วเดียวขึ้น - ลง หรือซ้ายขวา มีผู้เล่าอ่านรายการตามนิ้ว คุณสามารถใช้เมาส์แทน เพราะใช้กดปุ่มเดียวกันทดสอบตรรกะเป็นลากนิ้วเดียวอ่านหน้าต่างทั้งหมดและเนื้อหาทั้งหมดด้วยสามนิ้วรูดขึ้น นี้จะเทียบเท่ากับการใช้ Caps Lock + Wถ้ามันเป็นสิ่งสำคัญที่คุณไม่สามารถเข้าถึง UI , คุณอาจจะมีการเข้าถึงปัญหาโต้ตอบกับการควบคุมการทดสอบการประถมศึกษาและมัธยมศึกษาของ และการพฤติกรรมการกระทำหลักรวมถึงสิ่งที่ต้องการ การเปิดใช้งานปุ่มวางข้อความแค และการมุ่งเน้นไปที่การควบคุม การกระทำรอง รวมถึงการกระทำเช่นการเลือกรายการหรือขยายปุ่มที่มีตัวเลือกหลายเพื่อทดสอบการกระทำหลัก : ดับเบิลแตะหรือกดด้วยนิ้วเดียวแตะกับอีกคนเพื่อทดสอบการกระทำระดับสาม เคาะ หรือกดด้วยนิ้วเดียว และดับเบิลแตะกับอีกคนเพื่อทดสอบพฤติกรรม : ใช้สองนิ้วเลื่อนผ่านเลื่อนในทิศทางที่ต้องการมีการควบคุมให้การกระทำเพิ่มเติม เพื่อแสดงรายการเต็ม ใส่เดียวสี่นิ้วเคาะถ้าควบคุมการตอบสนองต่อเมาส์หรือแป้นพิมพ์ แต่ไม่ตอบสนองต่อการติดต่อหรือปฏิสัมพันธ์ระดับการควบคุม อาจต้องใช้เพิ่ม UI อัตโนมัติควบคุมรูปแบบคุณควรพิจารณาการใช้เครื่องมือทดสอบ accscope เล่าเรื่องการเข้าถึงสถานการณ์กับ app ของคุณ เครื่องมือ accscope หัวข้ออธิบายวิธีการกำหนดค่า accscope ทดสอบบรรยายภาพตรวจสอบอัตโนมัติ UI สำหรับ app ของคุณแทนหลายของ UI Automation เครื่องมือทดสอบที่กล่าวถึงก่อนหน้านี้มีวิธีการดู app ของคุณในลักษณะที่จงใจไม่พิจารณาสิ่งที่ app ดูเหมือนและแทนที่จะเป็น app ที่เป็นโครงสร้างขององค์ประกอบ UI อัตโนมัติ นี้เป็นวิธีการที่ UI Automation ลูกค้า เทคโนโลยีส่วนใหญ่เครื่องจะต้องมีปฏิสัมพันธ์กับ app ของคุณในการเข้าถึงสถานการณ์การ accscope เครื่องมือที่ให้มุมมองที่น่าสนใจโดยเฉพาะอย่างยิ่งของ app ของคุณเพราะคุณสามารถดู UI อัตโนมัติองค์ประกอบไม่ว่าจะเป็นภาพแทน หรือ เป็น รายการ ถ้าคุณใช้ภาพที่คุณสามารถเจาะลงไปในส่วนที่เป็นวิธีที่คุณจะสามารถมีความสัมพันธ์กับลักษณะที่ปรากฏของคุณ app ของ UI คุณสามารถทดสอบการใช้งานของต้นแบบ UI เก่าของคุณก่อนที่คุณจะได้รับทั้งหมดตรรกะ UI เพื่อให้แน่ใจว่าทั้งภาพและการปฏิสัมพันธ์ และเข้าถึงสถานการณ์การเดินเรือสำหรับ app ของคุณในความสมดุลด้านหนึ่งที่คุณสามารถทดสอบว่ามีองค์ประกอบที่ปรากฏใน UI อัตโนมัติองค์ประกอบมุมมองที่คุณไม่ต้องการให้ปรากฏมี ถ้าคุณค้นหาองค์ประกอบที่คุณต้องการที่จะละเว้นจากมุมมอง หรือในทางกลับกันหากมีองค์ประกอบที่ขาดหายไป คุณสามารถใช้ automationproperties.accessibilityview XAML แนบคุณสมบัติเพื่อปรับวิธีการ XAML ปรากฏในมุมมองการควบคุมการเข้าถึง หลังจากที่คุณได้ดูมุมมองการเข้าถึงขั้นพื้นฐาน นี้ยังเป็นโอกาสที่ดีที่จะตรวจสอบลำดับแท็บของคุณหรือพื้นที่นำร่อง เช่น เปิดใช้งานด้วยปุ่มลูกศรเพื่อให้แน่ใจว่า ผู้ใช้สามารถเข้าถึงแต่ละส่วน ที่เป็นแบบโต้ตอบ และเปิดเผยในมุมมองการควบคุมหัวข้อที่เกี่ยวข้อง