1. PC/Mobile2014.10.17

2. 1. 2. 3. 4. 5. PC 6. Mobile 7. 3. 1 4. 1. UI 2006.06.16 UI , 5. 1. IWA TFT UI , Improve Web Accessbility TFT 2007.06.05, UT - 6. 1. TFT 2013.01.01, UX/UI// CS 7. 1. kakao 2013.10 / , , , IT, 100 8. 1. + daumkakao 9. 2 10. 2. daumkakao 1. 2013 1 18, 2.0 2013 3 11, http://darum.daum.net2013 7, QA 2. UX/UI/ 2013 1 18, > - WebAIM2013 11 22, UX/UI - UX 2014 2, UX/UI/ 11. 2. (Web Accessibility)(Web Standard)(Web Usability) HTML Element (X)HTML/CSS/SCRIPT (X)HTML (X)HTML DTD . (Form)daumkakao 1.0 12. 2. daumkakao 2.0 2.0 TFT & + = 2.0 13. 2. 1 Accessibility Intro1.1 1.2 1.2.1 ?1.2.2 1.2.3 1.3 2 PC 2.1 PC Web2.1.1 PC Web 2.1.2 PC Web 2.1.3 PC Web QA 3 Mobile 3.1 Mobile Web3.1.1 Mobile Web 3.1.2 Mobile Web 3.1.3 Mobile Web QA 3.2 Mobile App3.2.1 Mobile App 3.2.2 Mobile App 3.2.3 Mobile App QA 4 4.1 Mobile 4.1.1 iOS 4.1.2 Android 4.2 PC 4.2.1 4.3 4.3.1 4.3.2 daumkakao 2.0http://darum.daum.net 14. 2. PC Web 22 15 11 1. 2. 3. 4. Mobile Web Mobile App 15. 1. 2. 3. 4. 2. PC Web 16. 2. 22PC Web 17. 2. 11Mobile App 18. 2. 15Mobile Web 19. 3 20. 3. 2013.04.01, ( TX) , CS , , 1. 3. - 4. , (2014 ) 78.73 95.72 21. 3. + //// 5 + / + 22. 3. Task JIRA - Task Task flow Task Sub Task Task Task Sub Task level Highest : Task flow High : Normal : 23. 4 24. 4. 1. 2. 3. / 4. , 25. 4. Android App . : . 000 , . . 1) 2) 3) ( )4) 000 ' ' 50 26. 4. iOS App . : 00 ( ) . 000 , .. 1) 2) 000 27. 4. PC Web . : 1 000 . . 1) 2) 3) 28. 29. 30. 5 PC 31. 4. PC aria-hidden 2 2 , 2 2 dummy aria-hidden a tab-index=-1 32. 4. PC OL {list-style:none}ol . 1, 2... / 33. 4. PC / / / (best, ) / "/" 34. 4. PC " " " " 35. 4. PC , (~) ~ , , ~ , 36. 4. PC , IP, , 37. 4. PC () () 38. 4. PC , 39. 4. PC PC . 1. 2. 3. 4. / 5. 6. 7. 8. 40. 4. PC 41. 4. PC 42. 6 Mobile 43. 5. Mobile " " . 44. 5. Mobile / 45. 5. Mobile class , iOS 46. 5. Mobile iOS 1) iOS8 2) 1) iOS8 2) 47. 7 48. , . . . 49. , . . . 50. . joseph.choi@daumkakao.com