Xbox 접근성 지침 114: UI 컨텍스트
목표
이 XAG(Xbox 접근성 지침)의 목표는 플레이어가 게임의 인터페이스를 작동하고 UI 구성 요소와 기능을 이해하기 위한 충분한 컨텍스트를 확보하는 것입니다. 특히 화면 콘텐츠를 읽는 데 시간이 더 필요한 플레이어, 제한된 단기 메모리가 있는 플레이어 및 해당 게임이 처음인 플레이어에게 유용합니다.
개요
UI는 플레이어가 각 UI 화면의 용도와 관련 요소, 각 UI 요소와 성공적으로 상호 작용하는 방법 및 각 상호 작용에서 예상되는 요소를 쉽게 이해할 수 있도록 적절한 양의 컨텍스트를 제공해야 합니다. 예를 들어 버튼을 활성화하기 전에 플레이어는 상호 작용하면 활성 게임 플레이 환경에 놓이거나, 현재 사용 중인 게임 앱이나 페이지 외부 링크로 이동하거나, 설정의 특정 측면이 변경될 수 있다는 것을 알고 있어야 합니다. UI 측면이 플레이어에게 명확히 레이블이 지정되지 않거나 분명하지 않은 경우 의도하지 않은 작업이 쉽게 발생할 수 있습니다. 또한 양식란에 입력해야 하는 데이터 형식을 표시하는 예제와 같이 적절한 컨텍스트를 쉽게 사용할 수 없는 경우 플레이어가 UI 환경을 통해 탐색하는 데 어려움을 겪거나 막힐 수 있습니다.
범위 지정 질문
게임 UI의 메뉴 탐색 환경을 생각해 보세요.
게임에 여러 메뉴 화면이 포함되어 있나요?
게임의 메뉴가 계층적 순서를 따르나요(설정이 분류되고 플레이어가 메뉴 계층 구조를 탐색하여 특정 설정을 찾아야 합니다(예: 주 메뉴 > 설정 > 오디오 > NPC 볼륨 제어)?
게임에 입력 양식(예: "암호 입력" 또는 "팀 이름 입력")이 포함되어 있나요?
선택하면 완전히 다른 응용 프로그램이나 창을 여는 단추나 링크가 게임에 포함되어 있나요?
구현 지침
모든 화면과 해당 화면의 요소는 플레이어가 언제든지 UI/계층 구조에서의 위치를 파악할 수 있도록 충분한 컨텍스트를 제공해야 합니다.
UI 컨텍스트는 플레이어가 먼저 시작하지 않으면 변경되지 않아야 합니다. 컨텍스트의 변경을 플레이어가 시작하지 않은 경우 알림을 제공해야 합니다.
예제(확장 가능)
플레이어가 시작하지 않는 화면 컨텍스트 변경은 특정 게임 시나리오에서 불가피할 수 있습니다. 해당 항목에는 일반적으로 특정 로드 화면 환경 및 멀티플레이어 로비가 포함됩니다. Minecraft의 이 예제에서 플레이어는 영역 가입의 원래 작업을 시작했습니다. 그러나 로딩 화면에서 게임 내 환경으로의 컨텍스트 변경은 플레이어가 시작한 것이 아닙니다. 이는 realm 로드가 완료된 후 발생했습니다. 화면의 컨텍스트에서 이 변경을 시각적으로 볼 수 없는 플레이어는 로드가 완료되고 캐릭터가 활성 게임 환경에 있는지 인식하지 못할 수 있습니다. Minecraft에서 화면 내레이션을 활성화한 플레이어의 경우, 게임 내 환경이 시작된 이후 게임에서는 "realm 참가" 및 "완료"를 전합니다. 이 비디오 예제의 끝에서 플레이어는 채팅 창을 열기 시작합니다.
포커스를 다른 응용프로그램으로 이동시키는 결과를 초래할 수 있는 상호 작용은 분명하게 표시해야 합니다.
예제(확장 가능)
모바일용 Gears POP!에서는 모바일에서 웹 브라우저에 대한 링크 역할을 하는 단추에는 연결된 텍스트 레이블이 있습니다. 단추를 선택하면 웹 브라우저가 "새 브라우저 페이지에서 열립니다"라고 플레이어에게 알립니다. 게임 자체가 아니라 추가 응용 프로그램이나 창을 여는 컨트롤에는 활성화 시 새 위치로 리디렉션된다는 것을 선행적으로 플레이어에게 알리는 기표가 있어야 합니다.
텍스트 대체 방법(예: 내레이션 및 도구 설명)이 UI 구성 요소의 목적과 조작을 전달하는지 확인합니다.
예제(확장 가능)
Grounded에서 "거미 공포증 안전 모드" 거미 미리 보기 창의 내레이션된 도구 설명은 화면 내레이션 소프트웨어에서 "거미 미리 보기를 표시하려면 왼쪽 마우스 단추"로 읽습니다. 이 정보를 내레이션에 포함시킴으로써 사용자는 컨트롤의 작동 수단과 도구 설명의 목적에 대한 필요한 컨텍스트를 제공합니다.
플레이어가 컨텍스트를 파생할 수 있도록 레이블을 관련된 요소 근처에 배치해야 합니다.
예(확장 가능)
Minecraft 메뉴에서 각 설정의 레이블은 연결된 토글 켜기/끄기 메커니즘 바로 옆에 있습니다. 이를 통해 플레이어는 각 토글 메커니즘과 상호 작용하는 목적 및 결과 작업을 매우 쉽게 얻을 수 있습니다.
The Outer Worlds에서 메뉴 텍스트 레이블은 Minecraft 에서처럼 슬라이더 메커니즘에 가깝지 않습니다. 그러나 레이블과 관련 슬라이더는 모두 포커스 표시기 내에 포함됩니다. UI 내에서 필요한 컨텍스트를 설정하는 또 다른 실행 가능한 방법입니다.
참고 항목
레이블과 요소 간의 시각적 연결도 화면 설명 사용자를 위해 프로그래밍 방식으로 반영되어야 합니다. 이 항목에 대한 자세한 내용은 XAG 106: 화면 설명을 참조하세요.
보조 기술 사용 여부와 관계없이 사용자 환경의 기능은 모든 플레이어에게 같아야 합니다.
예제(확장 가능)
플레이어가 적응형 조이스틱이나 기타 입력 메커니즘과 같은 하드웨어 기반 보조 기술을 사용하든 화면 읽기 프로그램과 같은 소프트웨어 기반 보조 기술을 사용하든, 플레이어는 보조 기술을 사용하지 않는 모든 기능을 인지하고, 액세스하고, 사용할 수 있어야 합니다.
Forza Horizon 4의 이 예제에서는 플레이어가 화면 내레이션을 활성화했습니다. 게임은 플레이어가 메시지 센터를 탐색할 때 콘텐츠를 내레이션합니다. 이 기능은 플레이어가 Forza 팀에서 "재능 있는" 자동차를 다운로드할 수 있게 해줍니다. 미리 선택한 "빠른 채팅" 메시지를 탐색하고 변경하는 프로세스도 완전히 내레이션됩니다. 이러한 기능은 게임의 많은 기능의 일부이지만, 이 예제는 보조 기술이 메뉴 탐색이나 다른 기본 기능을 넘어 게임 전체에서 지원되는 경우, 플레이어는 제한된 부분 집합으로 제한되는 것이 아니라 다른 플레이어들이 액세스할 수 있는 동일한 기능에 액세스할 수 있습니다.플레이어는 이 정보를 찾기 위해 추가 탐색 없이 양식 또는 컨트롤에 입력할 데이터가 무엇인지 이해해야 합니다.
예제(확장 가능)
모바일용 Gears POP!의 예제에서는 게임은 플레이어가 양식란에 입력할 내용을 알 수 있도록 하는 상황에 맞는 신호와 양식란에 표시될 수 없는 문자나 단어 유형에 대한 구체적인 지침도 제공합니다. 또한 이 게임은 문자 개수 매개 변수(4~16자 사이),이름이 "고유할 필요는 없다"는 문장과 같은 중요한 컨텍스트 신호를 제공하며 플레이어에게 "이 이름은 게임의 다른 플레이어가 사용자를 식별할 수 있는 이름"을 상기시킵니다.
동일한 기능을 가진 다른 영역에서 재사용되는 구성 요소는 일관된 아이콘, 레이블 또는 텍스트를 통해 식별됩니다.
예제(확장 가능)
Forza Horizon 4에서 "LB" 및 "RB" 컨트롤러 버튼을 사용하여 메뉴 탭 간에 왼쪽과 오른쪽(각각)으로 이동하는 것은 UI의 다양한 영역에서 일관됩니다. 잠금 아이콘, 흐릿하게 나타나는, "사용할 수 없는" 텍스트의 사용은 UI 전체에서 제한된 기능을 나타내는 데 일관되게 사용되는 다른 구성 요소입니다.
인접한 주변 텍스트와 관계없이 링크의 텍스트만으로 플레이어가 링크가 링크를 가져갈 위치를 이해할 수 있을만큼 충분히 설명해야 합니다.
예제(확장 가능)
이 예에서 각 링크의 표시 텍스트는 링크 앞에 표시되는 텍스트에 관계없이 링크가 플레이어를 데려 갈 위치를 설명합니다. 플레이어에게 "PuzzleBlaster 웹 사이트"만 표시되거나 화면 내레이션이 "Puzzle Blaster 웹 사이트 – 링크"라고 읽게 하는 것으로 충분합니다. 이와 달리 이 지침의 나쁜 예는 첫 번째 글머리 기호가 "웹 사이트를 보려면 여기를 클릭"으로 표시하거나 “여기”라는 단어가 웹 사이트의 실제 URL로 대체된 경우입니다. 이러한 두 방법 모두 플레이어에게 이전 텍스트를 읽을 필요 없이 링크가 어디로 연결될지 알려주기에 충분한 문맥을 제공하지 않습니다.
참고 항목
화면 읽기 프로그램을 사용하면 주변 텍스트를 읽지 않고 한 번에 하나씩 링크를 건너뛸 수 있습니다. 따라서 링크의 텍스트만 설명형으로 표시되는지 확인하는 것이 중요합니다.
정보 그룹의 경우, 플레이어가 컨텍스트를 이해하고 그룹 간에 구별할 수 있도록 그룹에 의미 있고 고유한 레이블을 지정해야 합니다.
예제(확장 가능)
이 Forza Horizon 4 예제에서 빠른 채팅 옵션은 세 그룹으로 표시되고 각 그룹은 적용되는 모드를 나타내는 레이블이 지정되어 있습니다(“Freeroam,” “In Race Event” 또는 “Playground Games”). 또한 화면 내레이션은 각 그룹을 설명하기 위해 제공되는 시각 신호를 화면에서 볼 수 없는 플레이어를 위한 그룹화도 적절하게 설명합니다(예: 각 옵션 집합 앞의 진한 녹색 타일에 기록된 그룹 제목).
필요한 경우 화면의 각 요소에 대해 상황에 맞는 도움말을 제공합니다.
예제(확장 가능)
Forza Horizon 4에서는 플레이어가 메뉴 기능을 쉽게 구분할 수 있도록 UI 내에 추가 컨텍스트가 제공됩니다. 이 예제에서는 비공개 모험을 만들고 있습니다. 이 게임에서는 포커스가 있는 단추를 "이름 편집"으로 명확히 레이블을 지정하고 이 항목이 "모험 이름을 변경합니다."라고 설명하는 상황에 맞는 도움말을 아래에 제공합니다.
플레이어가 양식에 입력을 제공할 수 있는 기능을 가속화하는 방법을 제공합니다.
- 이 예에서 각 링크의 표시 텍스트는 링크가 표시되는 텍스트에 관계 없이 링크가 플레이어를 데려갈 위치를 설명합니다. 이렇게 하면 긴 목록을 스크롤하거나 상태의 전체 이름을 입력할 필요가 없습니다.
큰 텍스트 블록은 편집상 적절한 섹션으로 분할해야 하고 설명 머리글이 있어야 합니다.
예제(확장 가능)
Assassin's Creed Valhalla에서 업데이트 기록 UI의 큰 텍스트 블록은 업데이트 유형별로 분류됩니다. 각 범주에는 다음 콘텐츠의 특성을 설명하는 각 새 단락에 대한 설명형 제목과 하위 제목이 포함됩니다. 또한 글머리 기호 및 들여쓰기는 텍스트를 더 짧은 줄로 시각적으로 분할하는 데 사용됩니다.
숙어, 전문 용어, 머리글자러 및 약어를 포함하여 비정상적이거나 제한적인 방식으로 사용되거나 게임과 관련된 단어나 구의 특정 정의를 표시하는 메커니즘을 사용할 수 있습니다.
예제(확장 가능)
Minecraft에서 플레이어는 게임의 다양한 용어, 아이템 또는 작업을 나열하는 인덱스에 액세스할 수 있습니다. 아이템을 선택하면 플레이어에게 해당 아이템 또는 용어의 정의, 언급된 아이템과의 상호 작용 또는 아이템 사용이 게임 플레이에 미치는 영향, 게임에서 요소의 모양에 대한 설명과 시각적 예제 등이 제공됩니다.
게임 플레이를 이해하거나 게임 설정을 관리하는 데 중요한 UI 텍스트(메뉴 UI, 자습서, 지침 내의 텍스트 등)는 하급 중등 교육(7~9년 학교)을 받은 사람이면 누구나 읽을 수 있는 수준이어야 합니다.
- 저널, 캐릭터 대화, 기타 게임 내 스토리 콘텐츠, 적절한 이름 또는 타이틀과 같은 게임 스토리라인에 영향을 주는 내레이션 텍스트에는 이 지침이 적용되지 않습니다.
특정 설정 또는 옵션에 따라 플레이어의 UI가 달라지는 방식을 보여 주는 시각적 시뮬레이션을 제공해야 합니다.
가능하면 이 미리 보기를 실제 게임 컨텍스트에 표시해야 합니다.
예제(확장 가능)
Fenyx Immortals Rising에서 플레이어가 설정 메뉴 내의 특정 옵션으로 이동하면 각 옵션 선택이 게임 환경 내에서 플레이어의 UI에 미치는 영향에 대한 게임 내 미리 보기에 표시됩니다.
잠재적인 플레이어 영향
이 XAG의 지침은 다음 플레이어들의 장벽을 완화하는 데 도움이 될 수 있습니다.
| 플레이어 | |
|---|---|
| 시력이 없는 플레이어 | X |
| 인지 또는 학습 장애가 있는 플레이어 | X |
| 기타: 캐주얼한 플레이어, 더 젊은 플레이어, 새로운 게임 플레이어 | X |
리소스 및 도구
| 리소스 종류 | 원본에 연결 |
|---|---|
| 문서 | 상황에 맞는 게임 내 도움말/참고 자료/팁 포함(외부) |