장애가 있는 사람도 쓸 수 있는 앱과 웹사이트 설계하기(접근성)

## 마지막 점검이 아니라 첫 구상부터 접근성 넣기 첫 구상부터 유지관리까지 성공적인 경험의 정의에 접근성을 포함한다. 상호작용과 시각적 결정이 확정된 뒤에 수행하는 규정 준수 점검으로 미루지 않는다. - 필수 정보, 작업, 결과, 실패의 영향을 정의한다. - 기능, 개인정보 보호, 보안, 성능 요구사항과 함께 접근성 요구사항을 파악한다. - 설계, 콘텐츠, 구현, 테스트, 개선의 책임자를 지정한다. - 관련된 각 기능 또는 구성요소에 접근성 승인 기준을 포함한다. - 포용적인 기본 설정을 우선하면서도 유용한 개인 설정을 허용한다. - 접근 가능한 패턴을 재사용하되, 실제 맥락에서 작동하는지 확인한다. - 시각적 참신함이나 구현 편의를 위해 핵심 작업에 대한 접근을 포기하지 않는다. ## 능력이 다른 사람이 막히는 단계 찾기 특정한 신체, 감각, 기기 자세, 입력 방식, 집중 시간 또는 처리 속도만을 가정하지 않고 작업이 어떻게 이루어지는지 연구한다. 영구적, 일시적, 상황적, 복합적인 장벽을 고려한다. - 각 핵심 여정을 발견부터 완료, 오류 복구, 확인까지 추적한다. - 시각, 청각, 운동, 발화, 인지, 환경 장벽을 각각 살핀다. - 시각, 색상, 소리, 정밀함, 기억, 속도 또는 복잡한 제스처에 의존하는 단계를 파악한다. - 사용자의 요구와 진단을 구분하고 고정관념에 따라 설계하지 않는다. - 영향을 받는 작업의 중요도, 심각도, 빈도, 대안의 부재를 기준으로 장벽의 우선순위를 정한다. - 가능한 경우 보조 기술을 사용하는 사람을 조사에 포함한다. - 아직 직접적인 근거가 필요한 가정을 기록한다. ## 확대해도 글자를 읽을 수 있게 하고 색만으로 전달하지 않기 서로 다른 시력, 조명, 디스플레이, 선호 설정에서도 텍스트, 아이콘, 상태, 구조를 계속 이해할 수 있게 한다. - 잘림, 겹침, 숨겨진 컨트롤 또는 정보 손실 없이 텍스트와 인터페이스 크기를 조절할 수 있게 한다. - 대상 환경에 적합한 읽기 쉬운 글자 크기, 굵기, 줄 길이, 간격, 위계를 선택한다. - 지원되는 모든 모양과 상태에서 적용되는 공개 명암비 표준을 충족한다. - 의미, 상태, 선택 또는 오류를 나타내는 유일한 신호로 색상만 사용하지 않는다. - 상황에 따라 색상을 텍스트, 형태, 아이콘, 패턴 또는 위치와 함께 사용한다. - 확대, 고대비, 색상 조정, 투명도 감소 설정에서도 의미를 유지한다. - 비활성화, 포커스, 선택, 오류, 로딩 상태를 포함해 실제로 렌더링된 상태를 테스트한다. ## 보조 도구에 각 요소가 무엇이고 무엇을 하는지 알리기 각 요소가 무엇이고, 무엇을 포함하며, 현재 상태가 어떠하고, 어떤 동작을 수행하는지 전달하는 프로그래밍 방식의 의미 정보를 제공한다. - 사용자 정의 대체 요소를 만들기 전에 기본 시맨틱 요소와 컨트롤을 사용한다. - 의미 있는 모든 컨트롤에 간결하고 고유하며 맥락에 맞는 접근성 이름을 제공한다. - 정보성 이미지에는 유용한 설명을 제공하고 장식용 콘텐츠는 탐색에서 숨긴다. - 논리적인 읽기 순서, 포커스 순서, 그룹 구조, 제목 위계를 유지한다. - 사용자를 반복해서 방해하지 않으면서 중요한 동적 변경 사항을 알린다. - 레이블, 상태, 값, 오류, 안내를 보이는 인터페이스와 동기화한다. - 사용자 정의 구성요소가 동등한 의미 정보, 동작, 상태 변경을 제공하는지 확인한다. ## 소리와 영상에 자막과 대본 제공하기 필수 정보를 오디오, 시각 또는 촉각만으로 전달하지 않는다. 원래 신호의 목적, 시점, 의미를 유지하는 대체 방식을 선택한다. - 중요한 음성 콘텐츠와 의미 있는 소리에 동기화된 자막을 제공한다. - 전체 내용을 검색하거나 다시 검토할 수 있는 기록이 필요할 수 있는 경우 텍스트 기록을 제공한다. - 대화나 주변 콘텐츠로 알 수 없는 중요한 시각적 사건을 설명한다. - 인식에 도움이 되는 경우 음성 알림에 시각 또는 촉각 피드백을 함께 제공한다. - 촉각 또는 시각 알림이 중요한 의미를 전달할 때는 다른 채널도 함께 제공한다. - 사용자가 재생, 자막, 음량, 이용 가능한 대체 트랙을 제어할 수 있게 한다. - 주요 콘텐츠가 변경되면 모든 대체 콘텐츠가 여전히 정확한지 확인한다. ## 버튼을 누르기 쉽게 하고 키보드만으로도 쓸 수 있게 하기 서로 다른 신체 입력 방식과 손재주 수준으로 핵심 작업을 완료할 수 있게 한다. 조작성은 조작 영역의 크기, 간격, 순서, 대체 방식, 예측 가능한 동작이 함께 갖춰져야 확보된다. - 적용되는 플랫폼 또는 웹 표준을 충족하는 조작 영역의 크기와 간격을 사용한다. - 자주 사용하는 동작은 단순하게 유지하고 복잡하거나 동시에 수행하거나 반복해야 하는 제스처를 요구하지 않는다. - 그렇지 않으면 제스처에 의존해야 하는 모든 필수 동작에 보이는 컨트롤을 제공한다. - 보이는 포커스와 논리적인 이동 순서를 갖춘 완전한 키보드 탐색을 지원한다. - 대체 수단이 필요하고 문서화된 경우가 아니라면 기존 단축키를 유지한다. - 음성, 스위치, 포인터, 기타 보조 입력 방식이 식별할 수 있도록 컨트롤에 레이블을 지정한다. - 지속적인 힘, 미세한 정밀도 또는 크고 반복적인 움직임을 요구하는 상호작용을 피한다. ## 단계를 쉽게 하고 짧은 시간 제한 피하기 상호작용을 일관되고 학습하기 쉬우며 복구 가능하게 만든다. 전문가를 위한 선택적 복잡성이 필수 작업을 수행하는 명확한 경로를 막아서는 안 된다. - 반복되는 동작에는 익숙한 패턴과 안정적인 위치를 사용한다. - 긴 워크플로를 집중된 단계로 나누고 진행 상황, 맥락, 돌아가는 방법을 보여 준다. - 짧은 자동 시간 초과보다 명시적인 닫기 방식을 우선하고, 시간 제한이 필요하면 더 많은 시간을 허용한다. - 이해하기 쉬운 안내, 구체적인 오류 메시지, 보이는 다음 조치를 사용한다. - 자동으로 시작되는 움직임, 오디오, 비디오 콘텐츠를 일시 중지하거나 멈출 수 있게 한다. - 작업 성공 여부가 속도나 정밀도에 달려 있으면 난이도, 속도 또는 지원 설정을 제공한다. - 되돌리기 어려운 동작 전에 명확한 확인과 복구 경로를 요구한다. ## 해로울 수 있는 움직임과 깜박임 줄이기 이해를 높이는 경우에만 움직임을 사용한다. 빠른 움직임, 깜박임, 깊이 변화, 제어되지 않는 카메라 움직임은 주의를 분산시키고 불편을 일으키거나 심각한 건강 위험을 초래할 수 있다. - 전체 경험에서 움직임 감소와 깜박임 감소 선호 설정을 따른다. - 자동, 반복, 주변부, 확대, 크기 조절, 깊이 기반 움직임을 줄인다. - 기본 표현에서 필요한 효과에는 차분한 대체 방식을 제공한다. - 밝고 잦은 깜박임을 피하고 적용되는 안전 임계값에 따라 미디어를 검증한다. - 공간 콘텐츠를 편안한 시야 안에 유지하고 주의가 빠르게 이동하지 않게 한다. - 강제된 카메라 움직임과 크거나 반복적인 몸짓을 최소화한다. - 움직임 변경으로 맥락이 사라지거나 상태가 숨겨지거나 작업 피드백이 깨지는지 테스트한다. ## 사용자가 기기에서 고른 설정 따르기 접근성을 기능이 적은 별도 모드로 취급하지 말고 사용자가 선택한 설정에 맞춘다. 지원되는 구성에서 작업의 의미와 완료 가능성을 유지한다. - 텍스트 크기, 명암비, 모양, 움직임, 자막, 입력 선호에 올바르게 대응한다. - 필수적이지 않은 인터페이스 요소를 줄여도 핵심 기능을 계속 사용할 수 있게 한다. - 관련이 있는 경우 사용자가 편안한 색상, 시간, 재생, 난이도 또는 조작 지원을 선택할 수 있게 한다. - 명확한 이유와 알림 없이 접근성 관련 선택을 초기화하지 않는다. - 접근 가능한 경로를 제공받기 위해 사용자에게 장애 공개를 요구하지 않는다. - 선호 설정을 예측 가능한 방식으로 유지하면서 쉽게 검토하거나 변경할 수 있는 경로를 제공한다. - 개별적으로 올바른 조정도 서로 충돌할 수 있으므로 설정 조합을 테스트한다. ## 출시 전에 주요 작업을 키보드와 보조 도구로 테스트하기 여러 형태의 근거를 사용한다. 자동 검사는 일부 결함을 찾을 수 있지만, 실제 작업을 보조 기술로 이해하거나 사용할 수 있다는 점을 입증할 수는 없다. - 감지 가능한 구조 및 시각 문제를 찾기 위해 자동 검사를 일찍부터 반복해서 실행한다. - 키보드만 사용하고 관련 보조 상호작용 방식을 적용해 모든 핵심 작업을 테스트한다. - 포커스, 레이블, 읽기 순서, 알림, 크기 조절, 명암비, 미디어 대체 수단, 움직임 설정을 점검한다. - 가능한 경우 장애가 있는 참여자 또는 보조 기술에 익숙한 사용자를 평가에 포함한다. - 각 발견 사항에 대해 환경, 방법, 결과, 심각도, 책임자, 재테스트 근거를 기록한다. - 핵심 작업에 대한 접근을 막거나 심각한 피해를 초래하는 미해결 결함이 있으면 출시를 차단한다. - 검증된 근거의 범위를 넘어 규정 준수 또는 기능 지원을 주장하지 않는다.