오늘은 접근성 실무자와 개발자가 참고하기 좋은 해외 리소스(사이트)를 알아보고자 합니다.
뉴스레터
접근성 주간 뉴스레터 (A11y Weekly) : A11y Weekly는 매 주, 접근성이나 보조기술 종사자, 디자이너, 개발자 등, 개인이 쓴 포스트나 인터뷰 등을 모아서 뉴스레터로 제작하고 있습니다.
웹 에임(WebAim) : 웹 에임은 보조기술을 사용하는 사용자, 개발자, 기획자 등, 접근성에 관한 종사자나 사용자가 질문을 할 수 있는 메일링 리스트를 운영하는 유명한 해외 플랫폼입니다. 또한 뉴스레터도 운영중입니다.
뉴스레터는 유명 접근성 종사자를 잘 모르더라도 다양한 접근성/보조기술 종사자들을 만나볼 수 있다는 점이 장점으로, 뒤에 설명할 접근성 종사자나 웹디자이너의 블로그를 이 곳을 통해 알게될 가능성이 매우 높습니다.
개인 블로그/홈페이지
에이드리안 로셀리(Adrian Roselli) : 에이드리안 로셀리는 미국인 접근성 컨설턴트로, 1999년부터 블로그를 운영해온, 조금 예스러운 표현을 쓰자면, 원로같은 분입니다.
이 블로그는 JAWS/NVDA, TalkBack/VoiceOver 등이 마크업에 따라 콘텐츠를 어떻게 읽는지, 매우 깊고 세밀하게 기술합니다. 또한, 여러 접근성에 관한 개인 견해 등도 올리고 있습니다.
특히 접근성 평가를 하는 사람들에게 있어 귀중한 정보라고 할 수 있으며, 로셀리의 글은 웹디자인이나 개발 시에 접근성을 향상시키는 마인드셋을 만들어줍니다.
폴 J 에덤(Paul J. Adam) : 전통적인 HTML만으로 블로그를 작성하여 여러 셈플을 전시해놓은 유명인사입니다. iOS 네이티브 앱 접근성 엔지니어이기도 하면서, 웹 접근성 지식도 많습니다.
에덤의 홈페이지에는 다양한 WAI-ARIA 및 기본 HTML 태그를 이용한 UI 셈플들이 있습니다.
HTMHell(마크업 지옥) : 프론트엔드 개발자이자 컨설턴트인 마누엘 마투조비치(Manual Matuzović)가 운영하는 블로그로, 웹 컨설팅, 프론트엔드 협업 시 볼 수 있었던 주옥같은 마크업들을 모아 토픽으로 삼아 포스트를 작성합니다.
안 좋은 예시를 토픽으로 삼아, 마크업을 보여주고, 해당 마크업을 어떻게 고치는 것이 좋은지 일목요연하게 잘 정리해놓았으니 한번쯤 보는 것을 추천합니다.
위 블로그들은 여러 접근성 사례를 소개하기도 하고, 셈플을 전시하기도 하며, 개인의 접근성 견해를 포스트하기도 합니다. 각자 특징이 있으므로 천천히 둘러보시길 권해드립니다.
기술 문서 또는 기업 블로그
MDN: Mozilla Developer Network : 과연 접근성 종사자나 웹 개발자 등 프론트엔드와 관련된 사람들이 이 사이트를 모를 수 있을까요? 모른다면 농담 반 진담 반으로 간첩입니다. 심지어 간첩조차 알수도 있는 사이트겠네요. 그들도 이걸로 웹을 공부했을테니까요.
단순히 웹기술 표준을 넘어, 접근성 관련 문서도 매우 많으므로 많이 보게 될 웹개발의 위키피디아입니다.
W3C Authoring Practice Guide : WAI-ARIA 패턴을 모아놓은 W3C Web Accessibility Initiative(WAI) W3C 하위 프로젝트 워킹 그룹의 공식 사이트입니다.
WAI-ARIA로 컨트롤(또는 위젯)을 어떻게 구현해야 하는지 자세히 기술되어있고, 구현된 위젯을 체험해볼 수 있도록 만들어놨습니다. 이곳에서 다양한 패턴을 체험해볼 수 있고, 정, 어떻게 구현해야할지 감이 안 온다면, 직접 개발자도구로 볼 수도 있겠지요.
추가적으로, WAI 워킹그룹은 Github 저장소도 있으며, 그 어디에도 정보를 얻기 힘든 WAI-ARIA의 궁금한 점이나 보조기술과의 문제점은 이곳에 질문해볼수도 있습니다.
디큐 시스템즈 접근성 블로그 : 디큐 시스템즈(Deque Systems)는 해외 접근성 업계에서 모르는 사람이 없는 접근성 솔루션 업체입니다. 접근성 진단 자동화 도구인 AxeTools를 만든 것으로 매우 많이 알려진 업체로, 접근성에 진심입니다.
디큐는 자신들의 제품을 팔기만 하지 않고, 자신들의 제품 업데이트 소식과 더불어, 다양한 실무 상황에서 적용 가능한 접근성 관련 기술이나 통계 결과 등 포스트를 제공합니다.