–
작년 11월 소개한 ‘UX Toast’에서는 ‘접근성’과 관련된 UX 관련 가이드를 확인할 수 있었는데요. ‘접근성’은 다양한 환경의 사람들이 서비스를 사용할 수 있도록 돕는 역할을 하지만, 아직 학습이 많이 필요한 영역이라고 생각해요. 아직도 기억나는게, 2018년 구글 개발자 행사에서 구글 역시 접근성에 대한 많은 고민을 하고 있고, 전 세계에 브라질 인구만큼 (2억 1천만명, 전 세계 다섯번째 인구)이 혜택을 받을 수 있을거란 이야기였어요. 그만큼 많은 사람들이 서비스를 온전히 사용하지 못한다는 것을 의미하기도 하고요.
그래서 오늘은 이런 접근성에 대한 고민을 꽤 넓은 범위에서 해결하고자 노력하는 서비스를 소개하고자 합니다. 접근성에 대해 설계 단계에서부터 고민이 가능하도록 스케치, 피그마, XD 플러그인 제공은 물론 접근성 체크리스트 등 활용 가능한 다양한 자료를 제공해주는 ‘Getstark’입니다.
–
Getstark의 목표
접근성은 앞서 말씀드렸던 것처럼, 해야 하는 이유는 명확히 알고 있지만 실제 서비스에 적용하는 과정에 어려움을 겪는 경우가 많아요. 그래서 ‘Getstark’는 실제로 어떻게 적용하면 좋을지에 대한 고민과 답을 제공하고자 시작되었습니다.
–
XD, 스케치, 피그마 플러그인
이 화면에서 접근성을 고려한다면, 어떻게 디자인해야 하지? 라는 질문을 해보신 적 있나요? 텍스트 크기, 컬러, 버튼 크기 등 고려해야 할 사항이 꽤 많은데요. 내부에서 이런 가이드를 갖고 있다면 좋지만, 가이드를 만들 시간이 없거나 우선순위에서 밀려날 경우 작업은 쉽지 않습니다. 그래서 Getstark는 자주 사용되는 3가지 프로토타이핑 툴 내 플러그인을 제공, 작업 과정에 고려하고 바로 적용할 수 있는 환경을 만들어주고 있어요.
*플러그인을 통해 Contrast Checker, 3 Colorblind simulations 등을 진행할 수 있지만, 무료 버전에서는 기능이 제한됩니다. 연 결제 기준 60달러 프로 버전을 사용하게 되면 Colorblind Generator, Unlimited Smart Suggestions 등 더 다양한 기능을 접근성을 위해 활용할 수 있어요.
–
접근성 관련 다양한 자료 제공
Getstark는 플러그인 외 다양한 자료를 종류 별로 제공해줍니다. 이 내용들만 잘 확인해도 접근성에 대한 이해를 높일 수 있기에 더 유용하게 다가오는데요. 위 이미지는 접근성과 관련된 리소스가 담긴 페이지입니다. 접근성에 대한 리포트, 접근성을 높이기 위한 카드 디자인 등에 대한 자료를 확인할 수 있어요.
컬러는 접근성에서 빼놓을 수 없는 중요한 내용인데요. 접근성을 위한 컬러 조합 등 관련 자료를 보기 쉽게 정리해둔 공간입니다.
- 웹 접근성 강화에 도움이 되는 90여개 컬러 정보 확인이 가능한 “COLORS”
- 컬러와 접근성 사이 연관성을 시각적으로 확인할 수 있는 “Color review”
- 서비스에서 사용중인 2가지 컬러값을 입력하면 접근성 향상에 도움이 되는 정보를 알려주는 “Use all five”
접근성에 대한 체크리스트도 함께 확인할 수 있네요! 체크리스트를 잘 활용하면 우리만의 기준을 설정할 수 있어 저도 요즘 자주 들여다보는 자료입니다. 리소스, 컬러, 체크리스트 외에도 다양한 접근성 관련 자료를 확인할 수 있습니다.
–
접근성 관련 내용을 뉴스레터로 받아볼 수 있어요. 또 자체 블로그를 운영중이라 관련 내용을 살펴보기도 좋습니다. 접근성에 대한 고민을 하고 있는 단계라면! 자료를 먼저 살펴보는 것으로 충분히 많은 도움을 받으실 수 있을 것 같네요. 더 자세한 내용은 ‘이 곳’을 통해 확인해주세요!
–
지금 써보러 갑니다 뉴스레터 안내
지금 써보러 갑니다 00:00, 지난 목요일 발행된 뉴스레터는 모바일앱에 적합한 필터, 정렬 기능에 대한 내용이었어요. 다음 발행 주제는 ‘스크린샷’으로 스크린샷 구성 사례와 제작 방법, 관련 서비스를 살펴볼 예정입니다. 아직 구독 전이라면 구독 후 메일로 편하게 내용을 받아보세요!
–
