접근성 요강


emirates.com의 액세스 기능

에미레이트 항공은 사이트를 탐색하는 데 도움이 되는 다양한 기능을 emirates.com에 적용하였습니다. 다음은 귀하께서 숙지하시길 권고드리는 전체 항목의 목록입니다. 에미레이트 항공이 현재 직면하고 있는 해결 과제에 대한 세부 사항은 물론 달력 컨트롤과 같이 복잡한 일부 위젯을 탐색하는 데 유용한 방법을 포함시켰습니다. 에미레이트 항공은 미국 시각장애인재단(American Foundation for the Blind) 및 영국 왕립시각장애인협회(Royal National Institute for the Blind)를 비롯한 여러 조직과 협력하여 회사 사이트의 사용 용이성을 테스트하고 사용자 환경을 강화 및 개선하기 위해 노력하고 있습니다. 앞서 언급한 것처럼 에미레이트 항공은 WCAG 2.0 수준 AA에 맞춰 emirates.com을 구축했으며 NVDA 및 FireFox와 효율적으로 연동되는 사이트를 제작하였습니다. 이러한 화면 읽기 프로그램은 최신 버전으로 사용하는 것이 좋습니다. 이는 첫 번째 단계로, 에미레이트 항공은 이를 토대로 조만간 다른 화면 읽기 프로그램에 대한 지원을 개선해 나갈 것입니다.

기능

콘텐츠 바로가기: 에미레이트 항공은 페이지를 쉽게 탐색할 수 있도록 페이지 상단의 로고 앞에 콘텐츠 바로가기 링크를 두었습니다.

이미지: 설명이 담긴 alt 태그를 정보를 제공하는 모든 이미지(및 텍스트 이미지)에 적용하고 널(nul)l alt 태그를 모든 장식 이미지에 적용하였습니다. alt 태그의 필요성을 없애기 위해 제한된 위치에서 콘텐츠 주위에 숨겨진 텍스트를 추가했습니다. 화면 읽기 프로그램 사용자를 위해 이러한 정보를 추가하면서 alt 태그를 통해 더 풍부한 환경을 제공할 수 있을 것으로 기대됩니다. 에미레이트 항공은 접근성 파트너와의 상담을 통해 이와 같은 결정을 내렸습니다.

양식: 모든 양식은 키보드를 통해 이용할 수 있으며 프로그램 방식의 레이블이 있으므로 양식 필드에 대한 이해도를 높여줍니다. 예약 엔진 전반에 걸쳐 다양한 위치에서 사용자 지정 양식 필드를 사용하고 있는 에미레이트 항공은 표준적인 상호 작용 방식을 유지하기 위해 많은 노력을 기울였습니다.

: 에미레이트 항공 사이트에는 많은 표가 사용되고 있지만, 프로젠테이션 용도로 사용되는 모든 표에는 화면 읽기 프로그램이 열 및 행 정보를 읽는 것을 방지하도록 프로젠테이션 역할이 지정되어 있습니다. 모든 데이터 표에는 적절한 머리글이 있습니다. 모든 복잡한 표에는 요약 정보가 있습니다.

제목: 콘텐츠를 적절히 구분할 수 있도록 사이트 전체에 제목을 적용하였습니다.

링크: 설명이 포함된 링크 이름을 제공하여 사용자가 링크의 역할을 파악하고 상황을 이해할 수 있도록 했습니다. 숨겨진 텍스트를 적용하여 링크가 새 창/탭에서 열리는 경우 이를 알 수 있도록 했습니다.

ARIA 랜드마크: ARIA 랜드마크는 드물게 사용하였으며, 일반적으로 페이지의 메인 콘텐츠 주위에 role=”main”만 사용하였습니다. 또한 콘텐츠를 분리하기 위해 role=”complimentary”를 사용하였습니다.

ARIA 사용: 동적 사이트의 사용에 따라 사용자 환경을 개선하고 합리적인 결정을 내리는 데 필요한 정보를 얻을 수 있도록 다양한 ARIA 역할, 속성 및 상태를 사용했습니다. 이러한 기능을 활용하려면 최신 브라우저와 최신 화면 읽기 프로그램을 사용하는 것이 좋습니다.

Javascript 사용: 사이트 전체에서 Javascript를 사용하고 있으며, 일부 접근성 기능을 조작하여 사용자 환경을 개선할 수 있도록 Javascript를 사용하였습니다. 환경 개선을 위해 Javascript를 그대로 두는 것이 좋습니다.

키보드 사용자 컨트롤

달력: 달력이 표시된 경우 위쪽, 아래쪽, 왼쪽 및 오른쪽 화살표를 사용하여 날짜 간에 이동할 수 있습니다.

조정 가능한 날짜 그리드: 조정 가능한 날짜로 항공편을 검색할 때 이 그리드가 표시됩니다. 그리드가 표시된 경우 화살표 키를 사용하여 서로 다른 날짜로 이동할 수 있습니다. 이렇게 하면 사용자가 자신의 시간/예산에 맞게 날짜를 선택할 수 있습니다.

이용 약관: 키보드 사용자를 위해 화면에 표시되는 추가 지침이 있습니다.

알려진 문제

ARIA 응용 프로그램 역할: 에미레이트 항공은 role=”application”을 사용하는 경우에 발생하는 문제를 인지하고 있으며, 해당 항목을 벗어나 탭을 이동하면 이는 포커스가 있는 링크와 함께 이전 링크도 읽힌다는 것을 의미합니다. 이러한 문제는 다음 두 곳에서 발생하는 것으로 보입니다.

  1. 예약 관리에서 옵션(예: 초과 수하물)이 비활성화된 경우 사용자 지정 도구 설명이 있습니다. 이 도구 설명에는 키보드 액세스를 가능하게 해 주는 role=”application”이 있습니다.
  2. 콘텐츠 페이지의 사용자 지정 달력에는 키보드 액세스를 가능하게 해 주는 role=”application”이 있습니다. 탭 순서의 다음 요소는 “모바일 사용” 링크지만 이전 도구 설명(예: “항공편 번호 도움말”)을 먼저 읽습니다.

이 문제 해결에 도움이 되도록 NVDA 커뮤니티(외부 웹 사이트 열림) 안에 티켓이 생성돼 있습니다.

확인란 상태: 홈 페이지 아래쪽으로 탐색할 때 나타나는 예약 위젯에서 NVDA는 상태(선택됨/선택 취소됨)가 초기에 변경되는 경우 그러한 변경 상태를 알리지 않습니다. 이후에 변경(선택 및 선택 취소)이 발생하면 NVDA가 그러한 상태를 알립니다.

양식 모드: 항공편 예약 위젯에서 삭제 옵션을 사용하여 공항을 제거하면 포커스는 양식 필드로 돌아가지만 NVDA가 자동으로 양식 모드로 전환되지 않습니다. 그러므로 입력을 즉시 시작하려 하는 경우 정보가 입력되지 않습니다. 수동으로 양식 모드로 전환할 경우에는 정상적으로 작동합니다.