동작기반 작동 - by. UXKM

  • A11Y
  • A11y Creation Tech
  • 모바일 접근성 제작 기법
  • 동작기반 작동
요약 설명

관련 지침(입력 방식) : 흔들기·기울이기 등 동작기반 기능을 UI로 대체하거나 비활성화할 수 있는가?
고정된 자세로 기기를 쓰는 사용자, 떨림이 있는 사용자는 동작 제스처에 의존하면 기능을 쓰기 어렵습니다.

모바일 앱 접근성 체크리스트(MACAG) 전체 보기
WCAG 2.2 — Motion Actuation

필요성

동작만으로 실행되는 기능은 설정에서 끄거나, 버튼·토글 등 동일한 기능을 제공해야 합니다.

대상

  • 휠체어·거치대 사용자

    기기 방향을 자유롭게 바꾸기 어려운 사용자.

  • 파킨슨 등 떨림이 있는 사용자

    의도치 않은 흔들기 입력이 들어가기 쉬운 사용자.

  • 전신 마비·한 손 사용

    기울이기 제스처로는 정밀한 각도 조절이 어려운 사용자.

  • OS 접근성 설정 사용자

    ‘동작 줄이기’를 켠 환경에서도 기능을 쓰려는 사용자.

체크리스트

  • 대체 UI

    동작으로만 가능했던 기능을 버튼으로도 수행할 수 있는가?

  • 끄기

    앱 설정에서 동작 단축을 비활성화할 수 있는가?

  • 실수 방지

    흔들어 취소·흔들어 실행이 중요하지 않은 곳에만 쓰이는가?

  • 센서 필수 기능

    AR·운동 측정 등 본질적으로 동작이 필요한 경우 예외와 안내가 문서화되었는가?

구현 시 참고

  • ‘흔들어 실행’류 기능은 최초 실행 시 안내하고, 설정 > 접근성에서 끌 수 있게 합니다.
  • AR·게임 등 센서가 필수인 경우에도 UI 대체 경로를 제공할 수 있는지 검토합니다.
  • OS의 ‘동작 줄이기’ 설정과 충돌하지 않는지 확인합니다.

점검 방법

  • 기기를 테이블에 고정한 채 전체 사용자 시나리오를 수행해 봅니다.
  • iOS ‘동작 줄이기’, Android에서 해당 옵션을 켠 뒤 동작 단축이 비활성화되는지 확인합니다.

개발방법

아래 코드는 동작기반 작동 검사항목을 실제 UI 동작에 반영할 때 참고할 수 있는 예시입니다. 흔들기·기울이기 동작이 없어도 동일 기능을 버튼/토글로 실행할 수 있어야 합니다.

네이티브

iOS (Swift)

Android

하이브리드

html

Vue

React

접근성 테스트 도구 활용 점검방법

결론

접근성은 시작은 있지만 끝이 없는 작업입니다.
오류 항목을 정기적으로 점검하여 접근성 개선을 한다면 점차 검사를 할 항목이 줄어들게 될 것입니다. 모두가 차별 없이 서비스를 이용할 수 있도록 접근성 유지를 위한 모두의 노력이 필요합니다. 무엇보다 접근성 작업은 서비스를 제공한다면 선택이 아닌 필수로 지켜야하는 항목임을 잊지 말아야 합니다.

접근성 작업 시 점검 필수사항

  • 접근성 가이드(WCAG, KWCAG, WAI-ARIA) 내용 숙지
  • 접근성 체크리스트 작성
  • 접근성 자동 및 수동 검사(스크린리더) 진행
  • 접근성 검사 툴(Lighthouse Accessibility 등) 활용 오류 항목 개선 및 내용 정리
  • 접근성 사용자 테스트
  • 접근성 정기적인 모니터링