다음을 통해 공유


Xbox 접근성 지침 113: UI 포커스 처리

목표

이 XAG(Xbox 접근성 가이드)의 목표는 시력이 낮은 플레이어를 포함해서 플레이어가 항상 게임 UI의 어떤 요소에 포커스가 있는지 인식하도록 하는 것입니다.

개요

포커스 표시는 현재 입력 포커스가 있는 UI 요소를 플레이어에게 나타내는 시각적 표식입니다. 따라서 대화형 입력 작업이 수행된 경우(예: A를 눌러 선택) 현재 포커스가 있는 요소에 작업이 적용됩니다. 명확한 포커스 표시는 시력이 낮은 플레이어, 학습 장애가 있는 플레이어, 보조 기술을 사용하는 플레이어 및 게임이 새로운 플레이어를 비롯한 모든 플레이어에게 중요합니다. 시각적으로 쉽게 확인할 수 없는 포커스 표시는 많은 플레이어에게 문제가 될 수 있습니다. 예를 들어 텍스트 뒤에 매우 미묘한 빛을 사용하여 포커스를 나타내는 게임은 시력이 낮은 플레이어, 인지 장애가 있는 플레이어 또는 화면에서 멀리 떨어져 있는 플레이어가 인지하지 못합니다. 이로 인해 플레이어가 쉽게 방향을 잃을 수 있고 설정 구성 또는 게임 시작과 같은 기본 탐색 작업을 수행하기 어려울 수 있습니다.

포커스 표시가 시각적 화면에서 "숨겨진" 요소로 이동하거나 단순히 보이지 않는 경우 플레이어는 UI에서 액세스하려는 영역으로 이동하지 못하게 차단될 수도 있습니다. 포커스 표시 움직임은 항상 명확하고 눈에 보입니다.

범위 지정 질문

게임에서 어떤 UI 요소에 포커스가 있는지 시각적으로 나타내는 방식에 대해 생각해 보세요.

  • 포커스를 표시하는 데 어떤 방법을 사용하나요(색 또는 윤곽선)?

  • 이 방법은 시력이나 낮거나 색각 이상이 있는 플레이가 볼 수 있나요?

  • 항상 포커스가 있는 컨트롤을 표시하나요?

  • 이 방법은 게임의 모든 UI 배경에서 플레이어(색, 이미지 또는 애니메이션)가 볼 수 있나요?

  • 게임에 다른 UI를 오버레이하는 대화 상자가 포함되어 있나요(포커스 표시가 손실될 수 있는 영역)?

구현 지침

  • 모든 UI 요소는 포커스를 받을 때 눈에 잘 띄는 포커스 표시를 표시해야 합니다.

    • 포커스 표시가 눈에 띄게 하는 여러 가지 방법이 있습니다. 여기에는 요소 주위의 테두리 사용, 포커스를 받을 때 요소의 크기나 글꼴 가중치 증가 또는 가시성이 높을 수 있도록 여러 방법의 조합이 포함됩니다.
    예제(확장 가능)

    The Outer Worlds에서 포커스 표시는 요소를 윤곽선으로 표시하고, UI 배경의 나머지 색과 대비되는 다른 색의 블록 채우기를 소개하고, 글꼴의 가중치와 색을 변경합니다. 이러한 요소를 조합하면 플레이어에게 현재 포커스가 있는 요소를 명확히 할 수 있습니다.

    모양 단어가 강조 표시되고 4개의 팔이 달린 고유한 fallout 캐릭터가 4개의 아이템을 잡고 있는 형태로 Challenge의 현재 포커스를 명확히 나타내는 Fallout 76 메뉴의 스크린샷.

    Fallout 76 일시 중지 메뉴는 고대비 노란색 배경을 사용하여 아이템을 강조 표시하고, 아이템 왼쪽에 문자를 표시하여 포커스를 나타내며, 해당 문자에는 짧은 애니메이션이 있습니다.

  • 화면에서 시각적 포커스 표시를 항상 볼 수 있어야 합니다. 포커스 표시는 포커스 가능 요소에서 보이지 않으면 안 되며, 보이지 않는 요소나 화면 밖의 요소로 이동해서는 안 됩니다.

    예제(확장 가능)

    Forza Horizon 4의 스크린샷으로, '저장되지 않은 변경 내용'이라는 경고 메시지가 표시되어 있습니다.

    포커스 표시는 화면 밖이나 보이지 않는 요소로 이동하면 안 됩니다. 예를 들어 이 Forza Horizon 4의 경고 메시지와 같이 대화 상자가 나타나면 포커스 표시가 대화 상자의 첫 번째 상호 작용 가능한 컨트롤로 이동해야 합니다. 대화 상자가 열려 있는 동안에는 대화 상자의 상호 작용 가능한 컨트롤로 포커스를 이동할 수 없습니다. 이를 통해 플레이어가 포커스 표시가 어디에 위치하는지 항상 알 수 있습니다.

잠재적인 플레이어 영향

이 XAG의 지침은 다음 플레이어들의 장벽을 완화하는 데 도움이 될 수 있습니다.

플레이어
시력이 없는 플레이어 X
시력이 낮은 플레이어 X
인지 또는 학습 장애가 있는 플레이어 X
도달 범위 및 강도가 제한된 플레이어 X
손재주가 제한된 플레이어 X
보철 장치를 사용하는 플레이어 X
기타: 캐주얼한 플레이어, 더 젊은 플레이어 X

리소스 및 도구

리소스 종류 원본에 연결
문서 접근성을 위한 디자인: 포커스 상태 - DockYard(외부)
표준 성공 기준 이해 2.4.11: 포커스 표시(최소)(외부)