Experience Platform을 위한 맞춤형 접근성 솔루션

Adobe Experience Platform은 모든 유형의 사용자의 요구 사항을 충족하도록 지속적으로 향상되며 시각적, 청각적, 이동성 또는 기타 장애가 있는 개인을 포함하는 전 세계 표준을 준수합니다. 이 문서에서는 Experience Platform 사용자 인터페이스 내의 사용자 지정 접근성 솔루션에 대해 간략하게 설명합니다.

홈페이지 및 UI 개요

Experience Platform 사용자 인터페이스는 일반 텍스트, 그래픽 및 UI 구성 요소에 필요한 명암비를 충족합니다. 사용자 인터페이스의 색상은 시각 장애가 있는 사용자를 포함하여 모든 사용자의 접근성을 지원하도록 선택되었습니다.

Platform에서 포인터로 클릭 또는 실행할 수 있는 UI 요소는 키보드를 사용하여 결합할 수도 있습니다. 여기에는 왼쪽 내비게이션, 비디오 플레이어, 테이블 등이 포함됩니다.

Experience Platform은 웹 컨텐츠 액세스 가능성 지침 2.1 레벨 A 및 레벨 AA, 웹 액세스 가능성 이니셔티브 - WAI-ARIA(Accessible Rich Internet Applications) 웹 표준 등 국제 액세스 가능성 표준을 충족하기 위해 노력하고 있습니다.

Adobe Experience Platform UI의 홈 페이지입니다.

왼쪽 탐색

Experience Platform UI 내의 왼쪽 탐색은 키보드에 액세스할 수 있으며 액세스 가능성 표준을 충족하는 일반, 마우스로 가리키기 및 선택 상태의 색상 대비를 제공합니다.

홈 화면에서 사용자는 탭을 왼쪽 탐색에 넣을 수 있습니다. Shift + Tab ​을 선택하면 사용자가 홈 화면으로 돌아갑니다.

Experience Platform이 탐색을 나갔습니다.

Tab ​은(는) 포커스에 있는 왼쪽 탐색 기능으로 사용자를 확장 및 축소 상호 작용으로 안내합니다. 왼쪽 탐색 영역을 확장하거나 축소하는 기능은 Enter(Return) ​로 활성화됩니다.

왼쪽 Experience Platform 탐색이 축소되었습니다.

왼쪽 탐색을 포커스에 두고 위쪽 및 아래쪽 화살표 키를 사용하여 탐색의 각 항목으로 이동하고 계속 순환합니다(즉, 사용자가 왼쪽 탐색에서 멀리 탭을 누를 때까지 포커스가 이동하지 않음). 선택하면 탐색 항목에 대한 포커스가 표시됩니다. 현재 선택 영역은 강조 표시와 굵은 텍스트로 표시됩니다. 왼쪽 탐색 항목을 선택할 때 Enter(Return) ​하면 오른쪽 패널에서 선택한 UI 항목이 열리지만 사용자가 탭을 닫을 때까지 포커스는 왼쪽 탐색에 남아 있습니다.

원본을 선택한 상태로 Experience Platform 왼쪽 탐색.

Platform 내의 일부 기능은 모든 사용자에 대해 활성화되지 않습니다. 이러한 항목은 탐색에 표시되지만 선택할 수 없습니다. 키보드로 탐색하는 경우 화살표 탐색 중에 이러한 항목을 건너뛰며 Enter(Return) ​을 사용하여 선택할 수 없습니다.

Experience Platform 왼쪽 탐색 중 사용자에 대해 사용할 수 없는 섹션을 선택할 수 없습니다.

포함된 비디오 대화 상자

키보드 탐색을 사용하여 사용 가능한 비디오 링크를 강조 표시하고 선택하여 Experience Platform 내에서 비디오를 볼 수 있습니다. 이렇게 하면 Platform UI 내에 포함된 비디오 대화 상자가 열립니다.

포커스가 적용되었음을 나타내기 위해 선택한 요소 주위에 파란색 테두리가 표시됩니다.

비디오 대화 상자 키보드 접근성

키보드를 사용하여 포함된 비디오 대화 상자를 탐색할 수도 있습니다. 다음 표에는 포함된 비디오 대화 상자에서 사용할 수 있는 전체 키보드 탐색에 대한 개요가 나와 있습니다.

대화 상자 요소
키보드 접근성
설명
재생 및 일시 중지
Tab
스페이스바
Tab ​을(를) 사용하여 재생 단추에 포커스를 설정합니다. 스페이스바 ​에서 비디오 재생을 시작하고 비디오 재생을 일시 중지합니다.
스크러버
Tab
왼쪽 화살표
오른쪽 화살표
비디오가 재생될 때 Tab ​을(를) 사용하여 스크러버에 초점을 맞추십시오. 스크러버에 포커스를 설정한 상태에서 왼쪽 및 오른쪽 화살표 키 ​는 각각 5초 앞과 뒤로 비디오 재생을 건너뜁니다.
음소거
Tab
스페이스바
Tab ​을(를) 사용하여 음소거 볼륨 요소에 포커스를 맞춥니다. 스페이스바 ​를 사용하여 비디오 재생을 음소거 또는 음소거 해제하세요.
볼륨
Tab
왼쪽 화살표
오른쪽 화살표
Tab ​을(를) 사용하여 볼륨 요소에 집중합니다. 왼쪽 및 오른쪽 화살표 키 볼륨을 각각 위아래로 이동합니다.
폐쇄 캡션 ("cc")
Tab
Enter
위쪽 화살표
아래쪽 화살표
Tab - 폐쇄 캡션 ("cc") 요소 메뉴를 열려면 Enter ​를 사용하고 캡션을 사용할 언어를 선택하려면 위쪽 및 아래쪽 화살표 키 ​를 사용합니다. Enter ​를 눌러 선택을 확인합니다.
품질
Tab
Enter
위쪽 화살표
아래쪽 화살표
Tab ​을(를) 사용하여 Quality 요소에 초점을 맞추십시오. Enter ​를 사용하여 메뉴를 열고 위쪽 및 아래쪽 화살표 키 ​를 사용하여 비디오 품질을 선택합니다. Enter ​를 눌러 선택을 확인합니다.
전체 화면
Tab
스페이스바 또는 Enter
Esc
Tab ​을(를) 사용하여 전체 화면 요소에 포커스를 맞춥니다. 스페이스바 또는 Enter ​을(를) 사용하여 전체 화면 보기를 활성화합니다. Esc("esc")이 전체 화면 모드를 종료합니다.
닫기
Tab
스페이스바 또는 Enter
Tab ​을(를) 사용하여 닫기 단추에 초점을 맞추십시오. 스페이스바 또는 Enter 키를 사용하여 비디오 대화 상자를 종료합니다.
NOTE
재생 중에 언제든지 Esc("esc") 키를 사용하여 임베드된 비디오 대화 상자를 닫을 수 있습니다.

키보드 탐색 요소를 식별하는 숫자가 포함된 비디오 대화 상자입니다.

파일 드래그 앤 드롭

Experience Platform에서 모든 파일 선택 영역 드래그 앤 드롭 영역에 키보드로 액세스할 수 있습니다. Tab ​을 사용하여 파일 선택 ​을 선택하고 Enter 또는 스페이스바 ​를 사용하여 선택하면 운영 체제의 파일 선택 UI가 호출됩니다.

파일이 업로드되면 삭제 아이콘을 키보드로 탐색하여 선택한 파일을 제거하고 새 파일을 업로드할 수 있습니다. 사용자는 Tab ​을 사용하여 삭제 아이콘에 초점을 맞추고 Enter 또는 스페이스바 ​를 사용하여 선택할 수 있습니다. 파일이 제거되면 파일 선택 ​에 자동으로 초점이 맞춰져 선택할 수 있습니다.

또는 업로드된 파일의 형식이 올바르지 않으면 오류 메시지와 함께 오류 아이콘이 표시되고 파일 선택 단추에 초점이 맞춰져 선택 가능합니다.

파일 끌어서 놓기 영역에 오류 메시지가 표시되고 포커스에 있는 파일 선택 단추가 있습니다.

마우스를 사용하여 드래그 앤 드롭 영역을 선택하면 파일 선택 UI가 호출되거나 마우스 사용자가 파일을 선택하고 영역으로 드래그하여 업로드를 시작할 수 있습니다.

마우스 사용자가 파일을 영역으로 드래그할 때 포커스에 있는 파일 드래그 앤 드롭 영역입니다.

표 찾아보기

Experience Platform 사용자 인터페이스의 모든 표는 키보드로 액세스할 수 있습니다. 일련의 키보드 단축키를 통해 테이블 행 및 열을 탐색하고 상호 작용할 수 있습니다.

  • 테이블 헤더에서 아래쪽 화살표 ​를 사용하여 테이블을 찾습니다. 표 머리글은 Tab ​을 통해 탐색할 때 선택할 수 있으며, 스페이스바 ​를 사용하여 정렬 순서를 변경할 수 있습니다.
  • 위쪽 및 아래쪽 화살표 키 ​가 표의 행을 따라 위아래로 이동합니다.
  • 행을 선택하거나 포커스를 설정한 경우 행에서 Enter ​를 사용하면 오른쪽 레일에 세부 정보가 표시됩니다.
  • 행을 선택하거나 포커스를 설정한 경우 화살표 키 ​를 사용하여 행의 각 항목을 이동하십시오.
  • 행의 항목을 선택하려면 Enter ​를 사용하세요. 화면 판독기가 있는 사용자는 새 창이 열려야 할 경우 알림을 받습니다.
  • 200% 이상으로 확대/축소하면 오른쪽 레일이 축소되어 표에 더 많은 보기 공간을 제공하는 레일 검사기 아이콘이 표시됩니다.

사용자가 200%로 확대할 때 포커스에 있는 레일 검사기 아이콘

표 키보드 접근성 찾아보기

키보드 접근성
설명
HOME (함수 + 왼쪽 화살표)
행에 포커스가 있을 때, 는 사용자를 행의 첫 번째 항목으로 안내합니다
END (함수 + 오른쪽 화살표)
행에 포커스가 있을 때, 는 사용자를 행의 마지막 항목으로 안내합니다
페이지 위로
테이블에서 위로 10개 행 트래버스(페이지당)
페이지 아래로
테이블에서 아래로 10개 행 트래버스(페이지당)
컨트롤 + 홈
테이블의 첫 번째 행으로 이동
컨트롤 + 끝
페이지당 테이블의 첫 번째 작업으로 이동

스키마 편집기 UI

스키마 편집기 UI는 다음 기능으로 액세스할 수 있습니다.

  • 스키마 편집기는 UI 요소를 통해 탐색하는 데 Tab ​을 사용하는 등 키보드 탐색을 지원합니다.

  • Tab ​은 검색 필드에 입력한 다음 스키마 트리에 입력합니다.

  • 스키마 트리는 스키마 트리 UI를 통해 탐색하는 화살표 키 사용을 지원합니다

    • 위쪽 및 아래쪽 화살표 ​를 사용하여 트리를 이동할 수 있습니다.
    • 왼쪽 및 오른쪽 화살표 ​를 사용하여 노드를 확장 및 축소하거나 스키마 트리에서 인라인 작업 사이를 이동할 수 있습니다.
  • 입력(반환) ​은 오른쪽의 세부 정보 패널에서 개별 노드 세부 정보를 활성화합니다.

  • Home 키가 트리의 맨 위로 돌아갑니다.

  • End 키는 트리의 맨 아래로 이동합니다.

  • 스키마 트리에는 화면 판독기에 대한 ARIA 레이블도 포함됩니다.

세그먼트 빌더 UI

Segment Builder UI를 사용하여 Experience Platform 내에서 세그먼트를 만들고 편집하고 상호 작용하는 경우 다음 기능을 사용하여 접근성을 향상시킬 수 있습니다.

  • 세그먼트 빌더 UI는 키보드 탐색을 통해 액세스할 수 있습니다.
  • 화면 판독기는 제목에 대한 마크업 태그를 인식해야 하며 제목 수준과 함께 제목을 알릴 수 있습니다.
  • 다른 보조 기술은 적절하게 코딩된 제목을 사용하여 개요 또는 대체 보기를 표시하여 페이지의 시각적 표시를 변경할 수 있습니다.

이제 세그먼트 빌더 캔버스의 왼쪽 및 오른쪽 레일을 축소하거나 확장하여 화면 공간을 더 확보할 수 있습니다. 이 기능은 200% 확대/축소에서 전체 기능 기능을 제공하므로 특히 유용합니다.

왼쪽 및 오른쪽 레일 공개 위젯이 강조 표시된 세그먼트 빌더 캔버스입니다.

쿼리 서비스 편집기

쿼리 서비스 편집기에서 다음 접근성 기능을 사용할 수 있습니다.

  • 쿼리 서비스 편집기 UI의 색상 대비는 접근성 규정 준수를 충족합니다.
  • 키보드 탐색은 편집기 UI 외부에서 지원됩니다. 편집기 UI는 임베드된 코드 미러입니다.
NOTE
쿼리 편집기에서 기본적으로 Tab 키를 처리하지 않습니다. 편집기에 있는 동안 Tab 기능을 호출하려면 Esc 키를 누른 다음 Tab 키를 바로 눌러야 합니다. 편집기 뒤로 포커스를 이동하려면 Tab ​을 다시 누르십시오.

소스 및 대상의 시스템 보기 탭

소스 및 대상에서 시스템 보기 ​를 검색할 때 다음 기능을 통해 접근성을 향상시킬 수 있습니다.

  • Tab: 첫 번째 원본 연결 카드에 포커스를 설정합니다.

    • 카드 내부의 단추에 초점을 맞추려면 Tab 다시 실행
    • Enter ​을(를) 선택하여 카드 내의 콜 투 액션 단추를 활성화합니다
  • 연결 카드에서 Enter ​을(를) 선택하면 오른쪽 레일에서 세부 정보도 활성화됩니다

    • 오른쪽 레일이 활성화되면 해당 영역에 포커스가 설정됩니다. Tab ​은(는) 오른쪽 레일 창의 닫기 ​에 중점을 둡니다. ​을 다시 선택하면 포커스가 오른쪽 레일 패널로 이동합니다.
    • 원본 연결 카드가 두 개 이상 있는 경우 Tab ​이(가) 연결을 통해 이동합니다.
    • 화살표 키(위쪽, 아래쪽, 왼쪽, 오른쪽) ​를 사용하여 원본 목록을 이동합니다.
    • Tab ​을(를) 선택하여 오른쪽 레일 패널에 포커스를 설정합니다.
recommendation-more-help
0d490ad0-bdd4-4a6b-9ecf-e764223f5266