모바일 앱 접근성 - by. UXKM

모바일 앱 접근성 지침과 주요 측면

모바일 앱의 접근성을 향상시키기 위해 다양한 지침과 주요 측면을 고려할 필요가 있습니다. 이러한 지침은 장애가 있는 사용자들도 앱을 효과적으로 사용할 수 있도록 도와줍니다.
모바일 앱의 접근성을 개선하기 위해서는 지침을 일관되게 적용하고, 사용자 피드백을 통해 지속적으로 조정 및 개선하는 것이 중요하며, 접근성을 고려한 설계는 모든 사용자가 앱을 보다 편리하게 사용할 수 있도록 하는 데 큰 도움이 됩니다.

• 시각적 접근성
  • 텍스트 대비

    텍스트와 배경 사이의 색상 대비를 충분히 높여 시각적으로 구분이 잘 되도록 합니다. 충분한 대비는 색맹 사용자와 시각 장애가 있는 사용자들에게 도움이 됩니다.

  • 글꼴 크기 및 스타일

    사용자가 글꼴 크기를 조정할 수 있게 하고, 읽기 쉬운 글꼴을 사용합니다. 텍스트를 확대하거나 줄 간격을 조절할 수 있는 기능도 중요합니다.

  • 이미지 대체 텍스트

    이미지에 대한 대체 텍스트(alt text)를 제공하여 스크린 리더가 이미지를 설명할 수 있도록 합니다.

• 청각적 접근성
  • 자막 및 오디오 설명

    비디오 및 오디오 콘텐츠에 자막을 제공하고, 중요한 시각적 요소에 대한 오디오 설명을 추가합니다.

  • 시각적 알림

    청각 장애가 있는 사용자를 위해 소리 알림 외에 시각적 또는 진동 알림을 제공합니다.

• 상호작용 접근성
  • 터치 및 제스처

    터치 스크린의 버튼과 제스처 인식을 최적화하여 손의 사용이 어려운 사용자도 쉽게 조작할 수 있도록 합니다. 버튼 크기를 충분히 크게 하고, 제스처의 오작동을 방지합니다.

  • 키보드 내비게이션

    앱의 모든 기능을 키보드 또는 대체 입력 장치로 접근할 수 있도록 합니다. 화면 읽기 도구와 호환되는지 확인합니다.

• 비주얼 디자인
  • 단순하고 일관된 디자인

    직관적인 사용자 인터페이스를 설계하여 사용자가 쉽게 탐색할 수 있도록 합니다. 일관된 디자인 패턴을 사용하여 학습 곡선을 줄입니다.

  • 명확한 레이블과 안내

    버튼, 링크 및 입력 필드에 명확하고 설명적인 레이블을 붙입니다. 사용자에게 필요한 정보를 제공하여 오류를 줄입니다.

• 읽기 및 이해
  • 단순하고 명확한 언어

    직관적이고 간결한 언어를 사용하여 모든 사용자가 내용을 쉽게 이해할 수 있도록 합니다. 복잡한 용어와 문장을 피합니다.

  • 구조적 요소

    헤더, 리스트, 표 등 구조적 요소를 사용하여 정보를 체계적으로 제공하고, 스크린 리더가 정보를 명확하게 해석할 수 있도록 합니다.

• 테스트 및 피드백
  • 접근성 테스트

    다양한 접근성 도구를 사용하여 앱의 접근성을 테스트하고, 실제 사용자로부터 피드백을 받습니다. 자동화된 접근성 검사 도구와 수동 테스트를 병행합니다.

  • 사용자 피드백

    장애가 있는 사용자들로부터 직접 피드백을 받아, 앱의 접근성을 지속적으로 개선합니다.

• 국제화 및 지역화
  • 다국어 지원

    다양한 언어를 지원하여 국제적으로 사용 가능한 앱을 만듭니다. 언어 선택 시 접근성 표준을 따릅니다.

  • 문화적 배경 고려

    지역에 따른 디자인 및 콘텐츠의 적절성을 고려하여 사용자가 편안하게 사용할 수 있도록 합니다.

모바일 앱 접근성 체크리스트

모바일 앱 접근성을 향상시키기 위한 체크리스트는 앱 개발 시 모든 사용자가 쉽게 접근하고 사용할 수 있도록 다양한 접근성 요소를 고려하는 데 도움을 줍니다.
아래 체크리스트를 활용하면 모바일 앱의 접근성을 체계적으로 검토하고 개선할 수 있습니다.

모바일 앱 접근성 항목별 체크리스트

KS X 3253:2025(모바일 애플리케이션 콘텐츠 접근성 지침) 검사항목 41개 기준이며, KS X 3253:2016(구판) 참고 항목도 함께 포함합니다.

신규 검사항목 23개, 기존 18개 검사항목 중 유지(9개), 현행화(1개), 분리(1개), 통합(2개), 강화(5개)

• 텍스트 아닌 콘텐츠 [유지]

  텍스트 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다.

• 자막 또는 수어 [강화]

  멀티미디어 콘텐츠는 자막 또는 수어를 제공해야 한다.

• 화면해설 [신규]

  멀티미디어 콘텐츠에서 음성 정보가 없는 시각 정보는 인식할 수 있도록 화면해설을 제공해야 한다.

• 표의 구성 [신규]

  표는 이해하기 쉽게 구성해야 한다.

• 콘텐츠의 선형구조 [신규]

  콘텐츠는 논리적인 순서로 제공해야 한다.

• 다양한 감각 지원 [통합]

  지시사항이나 알림정보 등은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 다양한 감각으로 인식할 수 있어야 한다.

• 방향 설정 [신규]

  콘텐츠는 특정 화면 방향으로만 고정하지 않아야 한다.

• 입력 목적 식별 [신규]

  입력 서식의 목적은 식별할 수 있어야 한다.

• 색에 무관한 콘텐츠 [유지]

  콘텐츠는 색에 관계없이 인식할 수 있어야 한다.

• 소리 자동 재생 [유지]

  소리는 자동으로 재생되지 않아야 한다.

• 콘텐츠의 명도대비 [강화]

  콘텐츠와 배경 간의 명도는 충분하게 대비되도록 제공해야 한다.

• 콘텐츠 간의 구분 [신규]

  이웃한 콘텐츠는 시각적으로 구별할 수 있어야 한다.

• 텍스트 크기 조정 [강화]

  텍스트는 내용이나 기능의 손실 없이 200%까지 크기 조정이 가능해야 한다.

• 이미지 텍스트 [신규]

  텍스트는 이미지로 제공하지 않아야 한다.

• 리플로우 [신규]

  콘텐츠는 화면 크기에 따라 손실 없이 표시되어야 한다.

• 텍스트 간격 [신규]

  텍스트는 내용과 기능의 손실 없이 간격을 조정할 수 있어야 한다.

• 초점 이동과 표시 [유지]

  의미나 기능을 갖는 모든 콘텐츠 요소는 초점이 적용되고, 초점은 논리적인 순서로 이동해야 한다.

• 조작 가능한 크기 [현행화]

  사용자 입력 및 컨트롤은 조작 가능한 충분한 크기로 제공해야 한다.

• 단일 문자 단축키 [신규]

  단일 문자 단축키는 오동작으로 인한 오류를 방지해야 한다.

• 응답시간 조절 [유지]

  시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있어야 한다.

• 움직임 제어 [유지]

  자동으로 변경되는 콘텐츠는 움직임을 제어할 수 있어야 한다.

• 깜빡임과 번쩍임 [유지]

  초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 한다.

• 제목 [신규]

  콘텐츠 블록에는 적절한 제목을 제공해야 한다.

• 링크 텍스트 [신규]

  링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다.

• 다양한 탐색 방법 [신규]

  콘텐츠는 다양한 방법으로 탐색할 수 있어야 한다.

• 단일 포인터 입력 [유지]

  다중 포인트 동작 또는 경로기반 동작을 통한 입력은 단일 포인터 입력으로도 조작할 수 있어야 한다.

• 포인터 입력 취소 [신규]

  단일 포인터 입력으로 실행되는 기능은 취소할 수 있어야 한다.

• 네임 안의 레이블 [신규]

  텍스트 또는 텍스트 이미지가 포함된 레이블이 있는 사용자 인터페이스 구성요소는 네임에 시각적으로 표시되는 해당 텍스트를 포함해야 한다.

• 동작기반 작동 [신규]

  동작기반으로 작동하는 기능은 사용자 인터페이스 구성요소로 조작할 수 있고, 동작기반 기능을 비활성화할 수 있어야 한다.

• 기본 언어 표시 [신규]

  주로 사용하는 언어는 명시해야 한다.

• 부분 언어 표시 [신규]

  기본 언어와 구별되는 다른 언어는 해당 언어를 명시해야 한다.

• 사용자 요구에 따른 실행 [유지]

  사용자가 의도하지 않은 기능은 자동적으로 실행되지 않아야 한다.

• 사용자 인터페이스 컴포넌트의 일관성 [강화]

  사용자 인터페이스 컴포넌트는 일관성 있게 제공해야 한다.

• 도움 정보 [신규]

  도움 정보가 제공되는 경우, 각 페이지에 동일한 순서로 접근할 수 있어야 한다.

• 오류 정정 [분리]

  입력 오류를 정정할 수 있는 방법을 제공해야 한다.

• 레이블 [분리]

  사용자 입력에는 대응하는 레이블을 제공해야 한다.

• 오류 방지 [신규]

  중요한 정보가 제출되기 전 되돌리기 어려운 오류를 방지할 수 있는 수단을 제공해야 한다.

• 반복 입력 정보 [신규]

  동일한 정보를 반복하여 입력하지 않도록 해야 한다.

• 접근 가능한 인증 [신규]

  인증 과정은 인지 기능 테스트에만 의존해서는 안 된다.

• 사용자 인터페이스 컴포넌트 [강화]

  사용자 인터페이스 컴포넌트는 보조기술을 이용하여 사용할 수 있도록 해야 한다.

• 상태 메시지 [신규]

  중요한 상태 메시지는 보조기술 사용자에게도 전달되어야 한다.

모바일 앱 접근성 용어

• 접근성

  장애인, 고령자 등을 포함한 모든 사람이 모바일 기기를 사용하여 모바일 애플리케이션 콘텐츠를 이용할 수 있는 가능성

• 모바일 기기

  입력 및 출력기능이 있고 무선 인터넷 서비스를 사용 할 수 있는 휴대용 기기(운영체제를 갖는 모바일 전화기, 운영체제를 갖는 태블릿 기기)

• 모바일 애플리케이션 콘텐츠

  모바일 플랫폼 개발언어로 제작된 응용 프로그램 및 콘텐츠

• 서비스 제공자

  모바일 기기를 이용하여 콘텐츠 및 서비스를 제공하는 공공기관 및 사업자

• 무리한 부담(undue burden)

  현재 가능한 기술 수준과 적절한 비용으로 실현시킬 수 있는 정도 이상의 노력을 요구함

• 보조 기술
  • 장애인의 신체적․인지적 기능을 증진, 보완, 향상시키기 위하여 사용하는 기기, 장비의 일부분, 시스템 또는 소프트웨어
  • 보조기술의 예로는 시각 장애인용 화면 낭독기, 저시력 장애인용 화면 확대 프로그램, 점자 표시를 위한 점자 디스플레이 및 상지 장애인을 위한 안구 마우스 등이 있음
• 대체 텍스트

  이미지의 표현 또는 이미지를 설명하는 텍스트

• 명도 대비

  화면의 배경색과 사용자 인터페이스 컴포넌트 및 텍스트를 표시하는 데에 사용되는 전경색 사이의 명도 차이의 비율(contrast)

• 초점(포커스)
  • 화면상의 선택된 사용자 인터페이스 컴포넌트의 내용을 화면 낭독 프로그램 등의 보조 기술을 통해 이용할 수 있도록 도와주는 기능
  • 선택된 사용자 인터페이스 컴포넌트는 초점이 적용되고, 초점은 화면상에서 테두리나 하이라이트로 표시됨
  • 개별 사용자 인터페이스 요소는 커서를 표시하여 초점을 표현함
  • 어떤 사용자 인터페이스 요소가 초점을 받았다는 것은 그 요소가 선택되어 사용자가 입력을 수용할 준비가 되어 있는 상태임을 의미함
• 누르기 동작

  화면상의 사용자 인터페이스 컴포넌트를 손가락 끝으로 접촉하여 만지거나(touch) 가볍게 두드리는(tap) 동작

• 컨트롤(control)

  버튼 또는 위젯과 같이 사용자 인터페이스 화면에서 누르기 동작으로 기능을 활성화시키는 사용자 인터페이스 컴포넌트

• 폰트 관련 기능

  운영체제에 내장되어 확대/축소, 기울임, 색변환, 음영 등의 변형 형태가 제공되어 보조 기술(스크린리더 등)이 처리할 수 있는 기능

• 기본 사용자 인터페이스 컴포넌트

  사용자 인터페이스 구성에 사용되는 표준 도구(대화상자, 버튼과 체크박스, 타이틀바 등)

• 팝업

  사용자의 동작에 의하여 문맥에 따라 나타나는 정보

• 팬

  손가락을 댄 후, 손을 떼지 않고 계속적으로 끄는(drag) 움직임

• 지시 사항

  사용자 인터페이스에서 무엇을 하거나 사용하는 데 필요한 자세한 설명

• 객체

  사용자 인터페이스에서 시스템의 구성 요소가 아이콘과 같은 화면상에 표시되는 가시적 실체에 의해 표현되는 것

W3C 모바일 접근성(WCAG 2.0) Guidelines