1 페이지 안녕하세요. 접근성 오류와 진단에 발표를 맡은 접근성팀 신의식입니다. 2 페이지 발표는 개요와 history 10분 Architecture 와 Function 10분 시연을 잠깐 보여드리고 마무리 하도록 하겠습니다. 3 페이지 헤밍웨이도 자신이 쓴 초고 원본은 쓰레기라고 했듯이, 한번 개발로 끝내는 개발은 없을 것입니다. 아무리 잘 하더라도 퇴고하듯이 개발을 진행해야 좋은 개발로 이어진다 생각합니다. 접근성을 잘 지켜 개발을 진행해도 내가 아닌 다른 사람이 검토해 준다면 더 좋은 개발이 될 것입니다. 하지만, 접근성 진단 어려움이 있습니다. 4 페이지 이번 시간에는 두 가지 툴을 소개해드리려고 합니다. NWARS는 리포팅 툴이고 관리와 이력 서비스를 제공합니다. NACT는 진단을 수행하는 툴입니다. NACT는 엔진을 담당하고 NWARS는 서비스를 담당하고 있습니다. NACT는 일회성으로 빠르게 진단을 수행하고 결과를 보여줍니다. NWARS는 등록해두면, 주 별로 진단을 수행하고 이력을 저장해서 보여줍니다. 서로 보완하며 서비스를 제공하고 있습니다. 5 페이지 먼저 NWARS를 살펴보겠습니다. NWARS 3.0 이라고 써 있습니다. 느낌 오셨듯이 3번의 큰 변화를 거쳐서 지금의 모습으로 서비스하고 있습니다. 4개의 주요 페이지로 구성되어 있습니다. 전체 > 요약 > 범위 > 이슈 라고 생각해주시면 되겠습니다. 전체는 다른 서비스들에 비교해 어느 수준인지 알아볼 수 있습니다. 요약은 서비스의 접근성 수준을 보여줍니다. 범위는 각 URL에 대해서 이슈가 어느 정도 있는지 알 수 있습니다. 이슈는 접근성 진단에서 문제가 있다고 보여지는 요소를 보여줍니다. 6 페이지 다음으로 NACT 입니다. 얘는 숫자가 없습니다. 2개의 페이지를 보여줍니다. URL의 입력과 진단 결과 입니다. 실제적으로 실무에서 제일 많이 쓰이는 서비스이고 복잡한 UI보단 단순 명료하게 정보를 전달하려고 합니다. 7 페이지 앞에서 말씀 드렸듯이 NWARS는 3번의 변화를 거쳤습니다. 1.0은 폐기되었습니다. 2.0은 지수와 이력을 주요 기능으로 제공하였습니다. (지수를 설명하자면, 이슈가 몇 개라는 방식보다는 서비스 담당자들에게 잘 와 닿을 수 있게 100을 기준으로 환산하여 보여주었습니다.) 3.0은 지수가 폐기 되어 서비스 전체에 접근성 진단 요소에 대한 과락을 보여줍니다. 8 페이지 NACT는 원래 NWAX로 불렸었습니다. NWAX는 파이어폭스에서 설치하여 실행합니다. NWAXPLUS는 URL을 입력 받아 진단을 수행합니다. NACT는 NWAXPLUS를 고도화 시켜 서비스를 제공합니다. 9 페이지 NACT는 원래 NWAX로 불렸었습니다. NWAX는 파이어폭스에서 설치하여 실행합니다. NWAXPLUS는 URL을 입력 받아 진단을 수행합니다. NACT는 NWAXPLUS를 고도화 시켜 서비스를 제공합니다. 10 페이지 NWARS에 사용된 기술을 간략히 말씀드리면, Spring을 기반으로 Tiles, Mybatis 등이 쓰였습니다. 배치, 캐싱, 프로시져 등을 사용하였습니다. 각 상세한 기술 내용은 생략하도록 하겠습니다. 11 페이지 NACT는 Node.js와 Phatom.js으로 구성되어 있습니다. Node는 화면과 전체 기반을 제공합니다. Phantom은 가상 브라우져의 역할을 하며, 페이지 정보를 넘겨줍니다. 12 페이지 이제 자세한 기능을 살펴 보겠습니다. NWARS의 대시보드는 상, 중, 하 로 구성됩니다. 상단에는 막대차트를 이용해 도달해야 하는 목표와 다른 서비스들과의 비교를 보여줍니다. 중단에는 파이차트를 활용하여 전체적인 수준을 보여줍니다. 하단에 서비스카드 목록은 각 서비스의 목록과 간략한 수준 정보를 보여줍니다. 13 페이지 대시보드에서 서비스를 선택하면, 그림 같은 요약 화면으로 넘어오게 됩니다. 전체적인 준수도 및 접근성 의견이 보여집니다. 진단 결과를 주요하게 봐주셔야 합니다. 표본 페이지별 진단 결과를 표로 보여줍니다. 이 데이터는 각 항목에 대해 어느 범위가 문제가 있는지를 잘 보여줍니다. 마지막으로 매주 진단이 수행되며 쌓인 추이를 보여줍니다. 14 페이지 NWARS는 서비스 담당자를 지정하여 범위를 관리합니다. 운영 담당자로 지정되면 각 분야의 담당자를 관리 할 수 있습니다. 이 기능으로 통해 서비스에서 진단이 필요한 범위를 관리하게 됩니다. 15 페이지 먼저 보셨듯이 서비스 담당자로 지정되게 되면 붉은색으로 표시된 버튼이 보여지게 됩니다. 범위수정을 통해 범위를 수정하고 대표 범위를 선택할 수 있습니다. 16 페이지 실무자들이 가장 많이 찾는 페이지 입니다. 실제 이슈들을 볼 수 있는 페이지 입니다. 검색을 통해 자신과 관련 있는 이슈들을 볼 수 있습니다. 17 페이지 아까 목록에서 이슈를 선택하고 이슈 상세로 이동하게 됩니다. 각 요소들을 확인합니다. 중요한 정보는 하단에 이슈내용과 관련코드 해결방안을 중점으로 보고 이슈를 처리하도록 안내하고 있습니다. 18 페이지 기타 기능으로 접근성에 관련된 정보나 NWARS에 문의를 할 수 있습니다. 19 페이지 NACT는 먼저 말씀 드린 대로 편리하게 URL만 넣어주시면 됩니다. 진단이 수행된 후 결과를 그림처럼 항목을 나눠 보여주게 됩니다. 20 페이지 NWARS와 NACT의 접근성 진단은 한계를 가지고 있습니다. 1. 어마어마한 코드가 존재하고 방법도 다양합니다. 모든 형태의 소스를 진단하지 못합니다. 2. 후처리 언어의 경우 request와 response의 시간 차로 진단 시점에 따라 결과가 달라집니다. 3. 새로운 기기까지 나옵니다. 해상도도 각각입니다. 이 차이에 의해 진단이 달라져야 하는 경우가 발생합니다. 완전하지 않습니다. 언제나 최선을 다해 도움이 되기만을 바랍니다. 21 페이지 이상으로 마치겠습니다. 고맙습니다.