Canvas 앱에 대 한 내게 필요한 옵션 속성Accessibility properties for canvas apps

장애가 있는 사용자에게 적합한 컨트롤과 상호 작용하는 다른 방법을 지원하는 속성의 구성입니다.Configuration of properties that aid alternative ways of interacting with controls suitable for users with disabilities.

속성Properties

AccessibleLabel – 화면 읽기 프로그램의 레이블입니다.AccessibleLabel – Label for screen readers. 이미지, 아이콘 및 셰이프 컨트롤에 대한 값이 비어 있으면 컨트롤이 화면 판독기에서 보이지 않고 장식으로 처리됩니다.An empty value for Image, Icon and Shape controls will make the controls invisible to the screen reader and treated as decorations.

라이브 – 화면 읽기 프로그램이 콘텐츠 변경 내용을 알리는 방법입니다.Live – How screen readers should announce changes to content. 레이블 컨트롤에만 사용할 수 있습니다.Available only in the Label control.

  • Off로 설정 하면 화면 판독기가 변경 내용을 알리지 않습니다.When set to Off, the screen reader doesn't announce changes.
  • 처리 완료 후로 설정 되 면 화면 판독기가 말하는 동안 발생 한 변경 내용을 알리기 전에 화면 판독기가 말하기를 마칩니다.When set to Polite, the screen reader finishes speaking before announcing any changes that occurred while the screen reader was speaking.
  • Assertive로 설정 되 면 화면 판독기에서 화면 판독기가 말하는 동안 발생 한 모든 변경 내용을 알리기 위해 자체적으로 중단 됩니다.When set to Assertive, the screen reader interrupts itself to announce any changes that occurred while the screen reader was speaking.

라이브 지역에서 동적 변경을 발표하는 방법에 대해 알아봅니다.Learn how to announce dynamic changes with live regions.

TabIndex – 컨트롤이 키보드 탐색에 참여 하는지 여부를 결정 합니다.TabIndex – Determines if the control participates in keyboard navigation.

키보드 탐색은 모든 앱의 중요 한 측면입니다.Keyboard navigation is an important aspect of any app. 터치 나 마우스를 사용 하는 것 보다 많은 키보드를 사용 하는 것이 더 효율적 이며 시각적으로 손상 된 화면 판독기를 사용할 수 있습니다.For many the keyboard is more efficient than using touch or a mouse and it enables screen readers for the visually impaired. 탐색 순서는 다음과 같아야 합니다.The navigation order should:

  • 시각적으로 표시 되는 내용을 미러링합니다.Mirror what is seen visually.
  • 대화형 인 컨트롤에는 탭 정지만 있습니다.Only have a tab stop at controls that are interactive.
  • 직관적인 전체를 수행 하 고 "Z" 순서 또는 아래쪽으로 이동 하 여 "역방향-N" 순서를 따릅니다.Follow either an intuitive across and then down "Z" order or a down and then across "reverse-N" order.

위의 요구 사항은 기본 TabIndex 값을 사용 하 여 충족 되며 변경 하지 않는 것이 좋습니다.The above requirements will be met with the default TabIndex values and we recommend that you do not change them. 기본값은 대부분의 사용자가 시각적으로 필요로 하며 화면 판독기에서 잘 작동 하는 것입니다.The default is what most users expect visually and it will work well with a screen reader. 그러나 기본값을 재정의 하는 경우가 있을 수 있습니다.But there may be cases in which you will want to override the default. TabIndex 속성 및 고급 그룹 컨트롤 (실험적)을 사용 하 여 탐색 순서를 조정 합니다.Use the TabIndex property and the Enhanced group control (experimental) to make adjustments to the navigation order.

TabIndex 속성에는 두 가지 권장 값이 있습니다.The TabIndex property has two recommended values:

TabIndex 값TabIndex value 동작Behavior 기본Default for
00 컨트롤이 키보드 탐색에 참여 합니다.Control participates in keyboard navigation. 단추, 텍스트 입력, 콤보 상자및 기타 일반적으로 대화형 컨트롤입니다.Button, Text input, Combo box, and other typically interactive controls.
−1(sp1)−1 컨트롤이 키보드 탐색에 참여 하지 않습니다.Control does not participate in keyboard navigation. 레이블, 이미지, 아이콘및 기타 일반적으로 비 대화형 컨트롤입니다.Label, Image, Icon, and other typically non-interactive controls.

탐색 순서는 일반적으로 왼쪽에서 오른쪽으로 이동한 다음 위쪽에서 아래쪽으로 "Z" 패턴으로 이동 합니다.Navigation order generally goes from left-to-right, then top-to-bottom, in a "Z" pattern. 순서는 컨트롤의 XY 속성 값을 기반으로 합니다.The order is based on the X and Y property values of the controls. 예를 들어 타이머 나 기타 컨트롤을 기반으로 X 또는 Y 에 대 한 수식을 사용 하 여 컨트롤이 화면에서 동적으로 이동 하는 경우 탐색 순서는 동적으로 변경 됩니다.If controls are dynamically moved on the screen, for example by having a formula for X or Y based on a timer or other control, the navigation order will change dynamically too.

고급 그룹 컨트롤 (실험적)을 사용 하 여 함께 탐색 해야 하는 컨트롤을 번들로 가져오거나 "역방향 N" 패턴으로 열을 만들 수 있습니다.Use the Enhanced group control (experimental) to bundle controls that should be navigated together or to create columns in a "reverse-N" pattern. 다음 예의 맨 위에는 이름 필드가 확장 된 그룹 컨트롤 내에 포함 되어 있으므로 이동 하기 전에 탐색을 계속 진행 합니다.At the top of the following example, the name fields are contained within an enhanced group control which causes navigation to proceed down before moving across. 예의 맨 아래에는 그룹 컨트롤이 사용 되지 않으며,이 경우에는 컨트롤 그룹화를 사용 하 여 직관적이 지 않으며 정상적으로 탐색이 진행 됩니다.At the bottom of the example, no group controls are used, and navigation proceeds across and then down as normal which is not intuitive given the control groupings.

위로 이동 하기 전에 그룹 내에서 탐색을 수행 하는 향상 된 그룹 컨트롤을 보여 주는 애니메이션

마찬가지로, 양식갤러리 컨트롤과 같은 컨테이너 간을 이동 하는 것은 컨테이너 외부의 다음 컨트롤로 진행 하기 전에 컨테이너의 모든 요소를 탐색 합니다.Similarly, tabbing through containers such as Form and Gallery controls will navigate through all elements of the container before proceeding to the next control outside of the container.

표시 속성 값이 false 이거나 DisplayMode 속성 값이 Disabled 인 컨트롤은 탐색에 포함 되지 않습니다.Controls which have a Visible property value of false or a DisplayMode property value of Disabled are not included in the navigation.

브라우저를 사용 하는 경우 화면의 마지막 컨트롤에서 탐색 하면 URL 주소와 같은 브라우저의 기본 제공 컨트롤로 이동 합니다.When using a browser, navigating from the last control of the screen will move to the browser's built-in controls, such as the URL address.

경고

0 보다 큰 TabIndex 값을 사용 하지 마십시오.Avoid TabIndex values that are greater than 0. 궁극적으로 컨트롤은 W3C에도 "작성자가 이러한 값을 사용 하지 않는 것이 좋습니다." 라는 경고 를 표시 하는 HTML로 렌더링 됩니다.Ultimately controls are rendered in HTML where even the W3C has warned "Authors are strongly advised NOT to use these values." 많은 HTML 도구는 "화면 항목의 순서 확인"을 보고할 때 앱 검사기 에서 0 보다 큰 값에 대해 경고 합니다.Many HTML tools warn for values greater than 0 as does the App Checker when it reports "Check the order of the screen items." 좋은 이유: 이러한 방식으로 TabIndex 를 사용 하는 것은 매우 어려울 수 있으며 화면 판독기와 같은 보조 기술을 사용할 수 없게 만들 수 있습니다.All for good reason: using TabIndex in this manner can be very difficult to get right and can make assistive technologies such as screen readers unusable.

Tabindex 가 0 보다 큰 컨트롤이 있으면 사용자가 tabindex 값이 늘어나는 컨트롤 (1, 다음 2 등)로 이동 합니다.When controls exist with TabIndex greater than 0, users will navigate to controls with increasing TabIndex values (1, then 2, etc). 사용자가 양의 tabindex 값이 있는 모든 컨트롤을 탐색 한 후에는 브라우저의 기본 제공 컨트롤을 포함 하 여 0의 TabIndex 를 사용 하 여 컨트롤을 탐색 합니다.When users have navigated all controls with positive TabIndex values, they will finally navigate to controls with TabIndex of 0 including the browser's built-in controls. 동일한 TabIndex를 사용 하는 컨트롤이 여러 개 있는 경우 해당 XY 위치는 상대적 순서를 결정 합니다.When there are multiple controls with the same TabIndex, their X and Y position determines their relative order.