오류 방지 - by. UXKM

  • A11Y
  • A11y Creation Tech
  • 모바일 접근성 제작 기법
  • 오류 방지
요약 설명

관련 지침(입력 도움) : 중요한 정보가 제출되기 전 되돌리기 어려운 오류를 방지할 수 있는 수단을 제공하는가?
송금·계약·삭제 등은 단계적 확인, 요약 검토 화면, 시간 내 취소 같은 수단으로 실수를 줄여야 합니다.

모바일 앱 접근성 체크리스트(MACAG) 전체 보기
WCAG 2.2 — Error Prevention (Legal, Financial, Data)

필요성

오류 정정(사후 수정)만으로는 이미 발생한 손해를 되돌리기 어렵습니다. 제출 전 방지 장치가 필요합니다.

대상

  • 인지 부담이 큰 사용자

    숫자와 수신인을 바꿔 치기 쉬운 사용자.

  • 운동 장애인

    잘못된 버튼을 눌렀을 때 되돌리기 어려운 사용자.

  • 고령 사용자

    요약 없이 바로 전송되면 불안을 느끼는 사용자.

  • 기업·공공 서비스

    감사 추적을 위해 확인 단계 로그가 필요한 경우가 많습니다.

체크리스트

  • 검토 화면

    최종 제출 전 핵심 값이 한눈에 보이는가?

  • 되돌리기

    일정 시간 내 취소·환불 요청이 가능한가?

  • 재입력

    계좌번호 등은 두 번 입력하게 하거나 붙여넣기 검증이 있는가?

  • 자동 완성

    자동 채움으로 바뀐 값이 눈에 띄게 표시되는가?

구현 시 참고

  • 금액·수신인 등 핵심 값은 입력 단계와 확인 단계에서 동시에 보여 줍니다.
  • 자동 완성으로 바뀐 값은 사용자가 눈으로 검토할 수 있게 합니다.
  • ‘실수로 눌렀을 때’를 가정한 취소 경로를 설계합니다.

점검 방법

  • 결제·가입 해지·데이터 삭제 플로우에 QA 시나리오를 별도 문서로 두고 단계별 스크린샷을 남깁니다.
  • 스크린 리더로 확인 화면을 읽었을 때 모든 핵심 값이 읽히는지 확인합니다.

개발방법

아래 코드는 오류 방지 검사항목을 기준으로, 사용자가 의미를 쉽게 이해하도록 구성한 예시입니다. 중요 제출 전 확인 단계와 되돌리기 경로를 제공해 치명적 실수를 예방합니다.

네이티브

iOS (Swift)

Android

하이브리드

html

Vue

React

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

결론

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

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

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