
접근성 지원 Flex 컴포넌트
제 5절은 접근성을 지원하는 28개의 컴포넌트가 화면 낭독 프로그램과 결합하여 어떤 기능을 제공하는가를 요약, 발췌한 것이다. 여기서 유의할 사항은 이들 기능이 국내에서 사용할 수 있는 화면 낭독 프로그램에는 적용되지 않는 부분이 있다는 점이다.
1. Accordion container
Accordion 컨테이너는 컨테이너 내부에 2개 이상의 패널(또는 탭)이 있으며, 키보드의 방향 키 조작에 따라 초점이 다음 패널로 이동하고, Space bar 또는 Enter 키를 누르면 해당 패널을 선택하게 됨. 초점은 해당 패널의 첫 번째 요소에 위치함.
- Page Up/Page Down 키는 컨테이너의 개별 패널 간을 이동함.
2. AdvancedDataGrid control
AdvancedDataGrid 컨트롤은 도표를 표현하는 DataGrid와 트리구조를 표현하는 Tree 컨트롤의 접근성 기능을 지원함. 트리구조에 관한 접근성 기능은 <Ⅲ- 5.27. Tree Control>을 참고할 것.
3. Alert control
- 서식(
Form) 모드에서 Alert 컨트롤 안의 텍스트와 버튼의 레이블을 읽어줌.
- 서식 모드가 아닐 경우, Down 키를 누르면
Alert 컨트롤 안의 텍스트를 두 번 읽어줌.
4. Button control
- Space bar 키를 누르면 Button 컨트롤이 활성화 됨. 버튼을 동작시키지 않으려면 Space bar 키를 놓기 전에 Tab 키를 사용하여 초점을 버튼에서 다른 곳으로 이동해야 함.
5. CheckBox control
- Space bar 키를 누를 때에 check box 아이템이 활성/비활성 상태로 바뀜.
6. ColorPicker control
- "ColorPicker 콤보 박스"라고 읽어주어야 함.
- Ctrl+Down 키를 누르면 컨트롤이 열리고, Ctrl+Up 키를 누르면 닫힘. ColorPicker 컨트롤이 열려있을 때, 4개의 방향키를 사용하여 color 간을 이동할 수 있음.
- ColorPicker 컨트롤이 열려있을 때, Enter 키를 누르면 Ctrl+Up 키를 누른 것과 같이 현재 선택된 color 값이 설정됨. 또한 ColorPicker 컨트롤이 열려있을 때 Escape 키를 누르면 드롭다운된 것이 닫히고 color 값이 원래의 color 값으로 돌아가게 됨.
7. ComboBox control
- ComboBox는 사용자가 내정된 몇 가지의 텍스트 중에서 하나를 선택할 때 사용하는 컨트롤로 사용에 특별한 어려움이 없음.
8. DataGrid control
DataGrid 컨트롤은 데이터 테이블을 표시하기 위해서 사용하는 컨트롤이며, 방향 키를 누르면 콘텐츠가 강조되고 필드내의 개별 캐릭터 간을 이동함.
- 화면 낭독 프로그램을 서식(
Form) 모드에서 사용하면, Tab 키를 누를 때에 DataGrid 컨트롤 내의 편집 가능한 TextInput 필드 간을 이동할 수 있음.
9. DateChooser control
- Up, Down, Left, Right 방향키를 누르면 선택된 일자(date)를 변경할 수 있음. Home 키를 누르면 달의 첫 번째 일자(date)로 이동하고 End 키를 누르면 달의 마지막 일자(date)로 이동함.
- Page Up과 Page Down 키를 누르면 각각 이전 달과 다음 달로 이동함.
10. DateField control
- Ctrl+Down 키를 누르면 DataChooser 컨트롤을 열어 적절한 일자(date)를 선택할 수 있음. 화면 낭독 프로그램은 이 컨트롤을 선택하면 "드롭다운 캘린더"라고 읽어준 후에 오늘 날짜를 읽어주며, 이어서 "열기는 컨트롤 다운"라고 읽어줌.
11. Form container
Form 컨테이너는 정보를 입력받을 때에 사용할 수 있는 컨트롤임.
12. Image control
- Image 컨트롤은 서식 모드가 비활성 상태에서
toolTip에 정의된 내용을 읽어줌. Form 모드에서는 초점을 주지 못하며, 키보드도 마찬가지임.
13. Label control
Label 컨트롤은 다른 컨트롤과 연계되어 있을 때나 서식 모드가 비활성 상태일 때에만 읽어줌. 이 컨트롤은 Form 모드에서는 초점을 주지 못하며 키보드로도 이동할 수 없음.
14. LinkButton control
- LinkButton 컨트롤의 읽는 방법은 화면 낭독 프로그램에 따라 다름.
15. List control
- 화면 낭독 프로그램을 이용한 내비게이션 방법은 키보드 내비게이션 방법과 동일함.
16. Menu control
- 화면 낭독 프로그램을 이용한 내비게이션 방법은 키보드 내비게이션 방법과 동일함.
17. MenuBar control
- 화면 낭독 프로그램을 이용한 내비게이션 방법은 키보드 내비게이션 방법과 동일함.
18. Panel container
Title 속성을 이용하여 각 패널의 이름을 지정할 수 있음. 화면 낭독 프로그램은 Form 모드가 비활성 상태일 때에 패널 Title을 읽어줌.
19. RadioButton control/RadioButtonGroup control
- 한 그룹의 라디오 버튼을 선택하고 Enter 키를 누르면 해당 그룹이 선택됨. 방향키를 사용하여 그룹 내의 아이템 간을 이동할 수 있음. Down 키와 Right 키를 누르면 그룹 내의 다음 아이템으로 이동함. Up 키나 Left 키를 누르면 그룹 내의 이전 아이템으로 이동함.
20. Slider control
- 서식 모드에서 Slider 컨트롤은 방향 키의 조작에 따라 그 내용을 아래와 같이 읽어줌.
- 좌-우 slider : Left 또는 Right 키를 이용하여 slider를 낮추거나 높일 수 있음. 또한 Page Up 키와 Page Down 키를 이용하여 slider의 상단 또는 하단으로 직접이동이 가능함.
- 상-하 slider : Down 키와 Up 키를 이용하여 slider를 낮추거나 높일 수 있음. 또한 Home 키와 End 키를 이용하여 slider의 상단 또는 하단으로 직접이동이 가능함.
21. TabNavigator container
- 화면 낭독 프로그램이 TabNavigator를 만나면, 각 폴더를 "탭"으로 읽어줌. 또한 현재 폴더를 "활성"이라고 읽어줌. 폴더가 선택되면 사용자는 Enter 키를 눌러서 해당 패널로 이동할 수 있음.
- 방향키를 누르면 초점이 다른 패널로 이동하고, 이 때 Space bar 키나 Enter 키를 누르면 해당 패널이 선택됨. Page Up 키나 Page Down 키를 사용하여 컨테이너 내의 패널 간을 이동할 수 있음.
22. Text control
Text 컨트롤은 사용자가 초점을 줄 수 없다. 이 컨트롤은 Form 모드가 비활성 상태일 때에만 화면 낭독 프로그램이 읽어줌.
23. TextArea control
TextArea 컨트롤은 여러 줄의 텍스트를 보여주는 컨트롤 임.
- Home 키나 Page Down 키는 줄의 처음으로 이동함. End 키나 Page Up 키를 누르면 줄의 끝으로 이동함.
24. TextInput control
TextInput 컨트롤은 사용자의 입력을 받아들이거나 텍스트를 표현하는 컨트롤임.
- Home 키나 Page Down 키는 줄의 처음으로 이동함. End 키나 Page Up 키를 누르면 줄의 끝으로 이동함.
25. TitleWindow container
- 화면 낭독 프로그램은 Form 모드가 비활성 상태일 때에만
TitleWindow 컨트롤을 읽어줌.
26. ToolTipManager
- 화면 낭독 프로그램이 실행중일 때,
toolTip의 콘텐츠는 초점이 주어진 아이템을 읽은 후에 읽어줌. 접근이 불가능한 컴포넌트에 추가된 toolTip은 읽어주지 않음.
27. Tree control
- Tree 컨트롤은 트리 메뉴를 보여주는 것으로, Up 키와 Down 키를 누르면 Tree 컨트롤 내의 아이템 간을 이동함.
- Right 키나 Space bar 키를 누르면 한 그룹을 열 수 있음. Left 키나 Space bar 키를 누르면 열려있던 그룹을 닫음.