Accessibility web site

2024.04.23(화) 

모든 사람들이 동등하게 접근할 수 있는 서비스라는 의미를 가지고 있는 접근성(Accessibility), 접근성을 고려한 서비스 혹은 제품이라 하면 어떤 기관 혹은 브랜드가 떠올려지시나요?  최근 접근성을 고려해 관련 기능을 적용한 웹사이트를 발견하여 소개해 드리려고 해요.

MAC(Museum, Arts, & Culture Access Consortium)는 뉴욕에 위치해 있으며 다양한 스펙트럼에 있는 사용자들이 문화 예술을 즐길 수 있도록 지원하는 단체 기관입니다. MAC 홈페이지를 방문하면 픽토그램(01번)이 보이는데요 이 픽토그램 버튼을 클릭하면 SNB(Side Navigation Bar)가 노출됩니다. 

사이드 바 기능들을 보면 8가지 기능들이 있어요, Increase Text는 글씨 크기를 키워주는 역할을 하고,  Grayscale은 화면 전체를 회색으로 변경시켜줍니다. Hight Contrast, Negative Contrast, Light Background와 같이 배경과 텍스트 간 차이를 주어 정보를 얻는 것에 도움을 주는 기능과 함께 클릭 시 해당 페이지로 이동하는 링크 삽입 부분 체크 기능(Links Underline), 글씨를 더 잘 보이게 해주는 Readable Font 기능이 제공되고 있습니다.

High Contrast와 Negative Contrast의 기능은 시각적인 경험을 개선하기 위한 기능으로 시각장애인 혹은 저시력 사용자가 부담 없이 정보를 구분하고 읽을 수 있도록 도와줍니다. 



고대비 모드(Hight Contrast)

주로 밝은 배경에 진한 글꼴로 조합하여 배경과 글자 간의 차이를 명확하게 만들어내 텍스트를 두드러지게 만드는 방법입니다.

Negative Contrast

사전적 의미로는 역상대비라고 이야기하고 있지만 다크 모드(Dark mode)라고 이해하시면 좋을 것 같아요. 

최근 많은 웹, 앱 서비스에서 다크 모드를 적용하고 있듯 배경을 어둡게 설정하고 밝을 글자를 사용하여 배경과 글자 간의 차이를 두는 방법입니다. 다크 모드는 눈의 피로도를 줄여주며 저시력 혹은 빛에 민감한 사용자가 정보를 쉽게 읽을 수 있도록 도와줍니다. 

특정 사용자를 포함한 이용자들이 문화예술 관련 정보를 부담없이 얻을 수 있는 과정을 개선시켜 나가는 사례로 인상깊이 살펴본 웹사이트 입니다.  위 내용 중 수정사항 혹은 궁금한 부분이 있으시면 아래 '궁금해요'버튼 클릭 후 내용을 작성해 주시면 확인 후 관련 콘텐츠로 공유 드릴 수 있도록 하겠습니다. 

또한 인클루시브 디자인(Inclusive Design) 스터디에 관심 있으신 분은 아래 스터디 신청서 작성해주시면 메일로 모임 상세일정을 공유드리겠습니다.