Flex 의 접근성 제고방안

1. Flex의접근성 제고방안 ㈜액츠원 강상윤 2009. 11. 3

2. 목 차 • RIA(Rich Internet Application)? • What is Flex? • Flex Accessibility • Flex Accessibility Test • Flex Accessibility 향후과제 • 결론 • Q&A

3. RIA (Rich Internet Application)

4. RIA (Rich Internet Application)

5. What is Flex? • Language for creating Flash applications • XML-based syntax • CSS-based layout • ActionScript-based behaviors • Open-source framework • Open bug tracking • Flex 3 released 24 February 2008

6. Flex Accessibility • Flash player 10을 통한 접근성 구현 • 28 Accessible Flex Components • W3C(World Wide Consortium)에 의해 작성된 기술 기준에 근거하는 접근성 표준을 적용 할 수 있도록 구성 • [장애인 차별금지 및 권리구제 등에 관한 법률](‘장차법’)에 따라 규약을 준수 할수 있도록 구성 • Screen Reader를통해 컨텐츠들을 음성으로 지원 • (센스리더, 드림보이스)

7. Flex Accessibility • Flex Builder 3을 이용한 접근성 지원방법 • Flex 콘텐츠 컴파일시 접근성 지원 방법(flex-config.xml) • <mxml-compiler> • … • <accessible>true</accessible> • … • </mxml-compiler>

8. Flex Accessibility • 커맨드-라인 컴파일러를 이용한 접근성 지원 • <mxmlc-compiler.accessible c:/dev/myapps/appl.mxml> • 또는 • </mxmlc-accessible c:/dev/myapps/appl.mxml> • 개별 Flex 콘텐츠의 접근성 설정 • <http://www.mycompany.com/index.mxml?accessible=true>

9. Flex Accessibility Test 28 Accessibility Flex Components • http://labs.actsone.co.kr:8080/acc/AccMain.html

10. Flex Accessibility Test 28 Accessibility Flex Components

11. Flex Accessibility Test 28 Accessibility Flex Components

12. Flex Accessibility Test 28 Accessibility Flex Components

13. Flex Accessibility Test 28 Accessibility Flex Components

14. Flex Accessibility Test 28 Accessibility Flex Components

15. Flex Accessibility Test Tab Menu Shift+ Tab

16. Flex Accessibility Test Menu Space Shift+Tab Tab

17. Accessibility 향후 과제 • Flash Player가 설치되지 않을 경우에 대한 고려 • 현재 국내 스크린 리더와 Flex와의 인식문제 • 국내 스크린 리더의 업그레이드의 필요 • Flex에대한 표준 접근성 지침 필요 • 원천기술 수정에 대한 문제는 사용성으로 접근성고려

18. 결론 • 누구나 똑같은 웹 컨텐츠를 경험 하고 싶어 함 • 웹 접근성에 대한 모두의 노력이 필요함 • Flex/Flash는스크린리더에서 접근성을 지원하는 상태 • 새로운 고객으로 인식 전환 필요

19. Q & A

20. FLEX Technology Leader Thank you