인터넷이 정보통신의 주요 역할을 하게 되면서 웹 접근성이 점점 더 중요해지고 있습니다. 웹 접근성은 사용자들이 웹사이트에 접근하고 활용하는데 있어 장벽을 줄이는 데 초점을 맞추고 있습니다¹. 사용자 접근성을 고려하여 설계된 웹 사이트는 시각, 청각, 동작 및 인지 능력에 상관없이 많은 사용자에게 큰 도움이 될 것입니다¹.

SeeWhatsNext는 글꼴 유형, 글꼴 크기, 색상 대비 및 레이아웃 선택 등이 대부분의 다른 웹사이트와 완전히 다릅니다.

이는 중심시력에 문제가 있는 습성 연령관련 황반변성 환자가 웹사이트를 방문했을 때 더 나은 경험을 제공하기 위한 것입니다. 습성 연령관련 황반변성 환자로부터 들은 바로는, 황반변성 환자는 현재 사용 가능한 인쇄물과 온라인 자료 중 많은 부분을 읽을 수 없다고 합니다. 환자들의 필요를 충족시키고 중심 및 주변 시력을 유지할 수 있는 자원이 필요했습니다. 이를 고려하여, SeeWhatsNext을 만들었습니다. 사용 편의성을 더욱 향상시키기 위해 SeeWhatsNext의 설계 및 기능에 대한 추가 업데이트가 계획되어 있습니다. 다음은 시력이 낮은 사용자의 웹 접근성을 향상시키는 설계 접근 방식 중 일부입니다.

1. 글꼴
글꼴은 최소 14포인트 이상, 이상적으로는 18포인트 이상이 되어야 합니다. 습성 연령관련 황반변성 환자들의 테스트를 거친 글꼴을 사용합니다.

황반 퇴화로 인한 시각적 왜곡을 해결하기 위해 맞춤 설계된 이상적인 글꼴인 Maxular Rx를 사용할 수 있습니다. 이 글꼴은 혼잡한 느낌을 줄이기 위해 간격을 여유하고 특정 글자의 무게와 비율에 약간의 차이를 두었습니다². Maxular Rx는 SeeWhatsNext의 인쇄 자료에 사용되었습니다.

현재 SeeWhatsNext 사이트에서 읽고 있는 글꼴인 Courier는 작은 크기의 글꼴 사용을 위한 검증된 일반적인 옵션입니다³. 쉽게 사용할 수 있는 이 글꼴은 테스트에서 Maxular Rx와 유사한 결과를 보였습니다².

2. 강한 색상 대비
모든 콘텐츠는 대비가 강한 색상을 사용하여 습성 연령관련 황반변성을 가진 사람들이 더 쉽게 읽을 수 있도록 해야 합니다. 밝은색 배경 위에 있는 어두운 색 텍스트 또는 어두운 색 배경에 흰색 텍스트는 텍스트가 화면에서 도드라져 보이도록 도와줍니다. 클릭할 수 있는 모든 카테고리도 구별되어야 하며 클릭용 버튼처럼 표시되어야 합니다⁴.

3. 이미지, 오디오 및 비디오
글자 대신 최대한 다른 대안을 사용해야 합니다. 습성 연령관련 황반변성 환자들은 일반적으로 글자보다 비디오, 오디오 및 이미지를 더 쉽게 인지할 수 있기 때문입니다.

색상 대비를 위해 흑백 영상을 사용해서는 안됩니다. 또한 그래픽이 움직이거나, 깜박임 혹은 플래쉬가 있어서도 안됩니다⁴.

4. 문자 음성변환
습성 연령관련 황반변성 환자 대부분은 음성 변환, 즉 텍스트 음성지원이라고 불리는 편리한 기술을 사용합니다. 웹 접근성이 적용된 사이트는 대부분 그래픽 문자가 아닌 실제 문자를 사용하여 이러한 기술을 읽을 수 있습니다. 영상에는 음성 합성 도구가 영상 설명을 소리 내어 읽을 수 있도록 상세한 자막이 있어야 합니다⁴.

현재까지 인터넷의 진화는 속도와 편리성 측면에서 정보의 가독성을 향상시켰지만 습성 연령관련 황반변성에 따른 시력 손실로 고통 받는 사람들을 위해 훨씬 더 많은 것을 할 수 있게 되었습니다. 궁극적으로, 모든 사람들의 접근성과 사용 편의성을 향상시킬 수 있습니다.

References

1Henry SL. Introduction to Web Accessibility. Web Accessibility Initiative (WAI). Available at https://www.w3.org/WAI/fundamentals/accessibility-intro/#important (link is external). Accessed September 2019.

2 Xiong YZ et al. Fonts Designed for Macular Degeneration: Impact on Reading. Invest. Ophthalmol. Vis. Sci. 2018;59(10):4182-4189.

3Tarita-Nistor, Luminita et al. Courier: a better font for reading with age-related macular degeneration. Canadian Journal of Ophthalmology. 2013; 48(1):56-62.

4Duffy MA. Using Large Print. Available at https://www.visionaware.org/info/get-connected/essential-skills-2/reading-writing-and-vision-loss/large-print/1234 (link is external). Accessed January 2020.

5Kirkpatrick A, O Connor J, Campbell A, Cooper M. W3C 2018. Web Content Accessibility Guidelines (WCAG) 2.1. Web Accessibility Initiative (WAI). Available at https://www.w3.org/TR/WCAG21/ (link is external). Accessed September 2019.

See What's Next: 습성 연령관련 황반변성 환자를 위해 만들어졌습니다.