ArcGIS Online에서는 다양한 접근성 기능을 지원합니다. 소프트웨어 개발 수명 주기 전반에 걸쳐 접근성 기능을 향상하기 위해 노력하고 있습니다. ArcGIS Online의 소프트웨어 설계에는 접근성이 반영되어 있습니다. 예를 들어, 다음과 같은 모범 사례를 포함합니다.
- 시맨틱 HTML을 사용하여 콘텐츠 구조 설명
- ARIA 속성을 사용하여 대화형 요소의 맥락 전달
- 이미지에 대체 텍스트 제공
- 설명 링크 사용
- 소프트웨어에서 포커스 이동 순서를 안내하도록 공간 영역 설계
이러한 모범 사례와 아래 지침에서는 ArcGIS Online에서의 기관 관리 및 맵, 씬, 앱 디자인을 위한 주요 팁을 안내합니다.
비고:
ArcGIS Online 접근성 적합성에 대한 자세한 내용은 웹 콘텐츠 접근성 지침(WCAG)의 최신 버전에 따라 수행되는 Esri 접근성 적합성 보고서 사이트를 참조하세요. 이 보고서는 최신 자발적 제품 접근성 템플릿(VPAT)을 기반으로 하며, 접근성 전문가의 ArcGIS Online 평가를 통해 작성됩니다.
접근성 기능 사용
ArcGIS Online은 기관, 콘텐츠, 그룹을 관리하는 기능 등 다양한 접근성 기능을 플랫폼 전반에 제공합니다. 또한 밝은 모드 및 어두운 모드와 같이 접근 가능한 Notebook, 맵, 씬의 생성을 지원하는 기능도 제공합니다. 인공 지능(AI) 도우미 기능을 사용하여 자연어 인터페이스를 통해 워크플로를 간소화할 수 있습니다. ArcGIS Online UI에서 언어 및 지역을 설정할 수 있으며 문서는 12개 언어로 번역됩니다.
키보드 탐색
키보드 접근성은 특히 키보드를 사용하는 사용자에게 웹 탐색 기능을 제공합니다. ArcGIS Online에서는 다음과 같은 키보드 조합을 사용할 수 있습니다.
- Tab — 포커스를 패널, 요소, 버튼 등의 다음 대화형 기능으로 이동합니다.
- Shift+Tab — 포커스를 이전 대화형 요소로 이동합니다.
- Enter — 링크 또는 버튼과 같은 현재 선택 항목을 활성화합니다.
- Spacebar — 상자를 선택하거나 선택 해제하고 양식 기반 입력을 활성화합니다.
- Arrow keys — 요소 또는 선택기 내의 데이터 포인트, 범주, 값 사이를 이동합니다.
- Esc — 패널 또는 대화 상자와 같은 요소를 닫고 포커스를 마지막으로 위치했던 요소로 되돌립니다.
Map Viewer의 단축키 목록을 보려면 Windows 컴퓨터의 Alt+? 또는 Mac의 Option+? 키를 누르세요.
포커스 순서
키보드 포커스는 한 번에 키보드 입력을 받는 단일 요소를 나타냅니다. 대부분의 브라우저에서는 시력이 약한 사용자를 지원하기 위해 위에서 설명한 대로 Tab 키를 눌러 앞으로 이동하고 Shift+Tab 키를 눌러 뒤로 이동할 때 포커스가 ArcGIS Online 전반에 걸쳐 표시됩니다.
키보드를 사용하여 ArcGIS Online을 탐색할 때 키보드 포커스 상태는 페이지의 현재 영역을 나타냅니다. 일반적으로 포커스는 해당 영역을 강조하는 테두리로 표시됩니다. 이를 통해 사용자는 키보드를 사용하여 상호작용할 수 있는 영역을 확인할 수 있습니다.
소프트웨어의 공간 영역은 시각 장애가 있는 사용자를 지원하도록 설계되었습니다. 예를 들어 패널 섹션에서는 굵게 표시된 제목을 사용하여 인터페이스의 여러 부분을 시각적으로 구분함으로써 사용자가 소프트웨어를 파악하고 탐색하는 데 도움이 됩니다.
보조 기술
보조 기술은 장애가 있는 사용자의 일상 업무와 생활을 향상하는 제품, 장비, 시스템입니다. 웹에서 제공되는 보조 기술의 예시로는 화면 판독기, 시선 추적 소프트웨어, 적응형 키보드 등이 있습니다.
ArcGIS Online에서는 보조 기술도 지원합니다. 예를 들어 특정 요소에 포커스가 있을 때 그 내용이 전달되며 대화형 구성 요소의 이름이 지정되고 식별됩니다. 이를 통해 보이스오버 보조 기술이 소프트웨어 내 추가 맥락을 활용하여 페이지를 읽고 탐색할 수 있습니다. ArcGIS Online은 JAWS 2024를 사용해 테스트되었지만, 보조 기술 환경은 기술, 운영 체제, 웹 브라우저에 따라 다를 수 있습니다.
접근 가능한 콘텐츠 디자인
ArcGIS Online은 접근성을 염두에 두고 설계되었지만, 사용자 또한 계속해서 자신의 ArcGIS Online 콘텐츠에 접근성을 반영해야 합니다. 솔루션을 디자인할 때는 다음 모범 사례를 고려하세요.
색상 대비
맵 콘텐츠와 요소 간에 색상 대비가 충분하면 시각 장애가 있는 사용자에게 도움이 될 수 있습니다. 색상 구성표는 기관의 스타일에 맞게 사용자 정의할 수 있지만, 제공된 프리셋 색상 테마는 시력이 약하거나 손상된 사용자를 위해 색상 대비를 최대화하도록 설계되었습니다. 사용자 설정 스타일을 사용하여 기관의 브랜드 테마를 생성하는 경우, 선택한 색상의 대비율이 양호하고 공유 테마, 정보 배너, 홈페이지 설정에서 제공되는 가독성 검사를 통과해야 합니다. Map Viewer 및 Scene Viewer를 사용하는 경우 브라우저 확장 프로그램으로 색상 필터 앱을 설치할 수도 있습니다. 이러한 브라우저 확장 프로그램은 색채 지각 이상이 있는 사용자가 색상을 어떻게 인식하는지 보여주기 위해 뷰를 필터링합니다.
글꼴, 텍스트, 맥락
명확한 글꼴은 접근 가능한 메시징에 매우 중요합니다. 글씨체는 기관의 브랜딩 색상에 맞게 사용자 정의할 수 있지만, 프리셋 글꼴 테마 목록은 번역에 맞게 조정되고 브라우저 전반 및 다양한 보조 기술을 통해 가독성을 높이도록 설계되었습니다.
이미지에 텍스트를 삽입하면 시력이 낮거나 손상된 사용자의 경우 이미지에 포함된 정보에 접근할 수 없습니다. 기관 콘텐츠 블록을 사용하여 사용자에게 의미 있는 정보를 제공하세요. 배너 이미지에 텍스트 또는 그래픽 요소를 직접 삽입할 경우 다른 해상도 또는 다양한 기기에서 볼 때 잘못된 결과가 발생할 수 있습니다.
소프트웨어에서 포커스 이동 순서를 안내하도록 공간 영역을 설계합니다. 예를 들어 맵, 씬 또는 앱의 요소를 구분하여 시각 장애가 있는 사용자도 중요한 정보를 구별할 수 있도록 합니다.
맵 및 씬
맵을 제작할 때 고려해야 할 많은 모범 사례가 있습니다. 다음을 고려합니다.
- 목적 — 색상 대비는 콘텐츠, 데이터 접근, 다운로드 옵션을 포함하여 맵의 목적을 전달할 수 있습니다.
- 베이스맵 — 많은 베이스맵은 데이터의 가독성을 떨어뜨릴 수 있는 풍부한 색상과 복잡한 세부정보를 사용합니다. 굵은 레이블 및 고대비 요소를 사용하여 명확성과 접근성을 개선하세요. 사용자가 맵 레이어와의 대비를 높이기 위해 Light Grey 또는 Dark Grey Canvas 베이스맵을 선택하는 등 밝은 색상과 어두운 색상 옵션 간에 전환할 수 있습니다. 관리자는 구성원이 베이스맵을 변경할 수 있도록 기관의 베이스맵 갤러리를 구성할 수 있습니다.
- 스타일 지정 기능 — 색상 선택은 색채 지각 이상이 있는 사용자가 맵 데이터를 해석하는 방법에 영향을 미칩니다. 색상에만 의존하여 정보를 전달하지 마세요. 다양한 심볼 크기 또는 모양을 사용하여 데이터를 표현하고 주요 기능을 강조하세요.
- 필터 및 레이어 효과 — 레이어 효과 및 필터를 사용하여 시각적 혼란을 줄이고 주요 정보를 강조하세요. 특히 시각 장애가 있는 사용자의 접근성을 저해할 수 있는 빠르게 움직이는 시각적 요소, 반복적인 패턴 또는 지나치게 복잡한 효과는 사용하지 마세요. 밝기 및 대비와 같은 간단한 조정만으로도 더 효과적이고 접근하기 쉬운 맵을 생성할 수 있습니다.
- 키보드 단축키 — 맵 키보드 단축키를 사용하여 맵을 탐색하고 상호작용하세요.
- 움직임 감소 — JavaScript Maps SDK를 사용하여 Map Viewer의 2D 맵에 움직임 감소 기능을 지원할 수 있습니다.
팝업
팝업에는 맵, 앱 또는 씬의 요구사항에 따라 구성할 수 있는 여러 접근성 기능이 있습니다. 사용자의 데이터 해석 방식에 영향을 미칠 수 있으므로 작성자는 이러한 설정에 주의해야 합니다.
필드 이름과 값 목록이 길면 복잡하고 해석하기 어려울 수 있습니다. 씬 및 맵에서 팝업을 구성하면 뷰어가 피처와 관련된 가장 중요한 정보에 집중할 수 있습니다.
다음은 팝업을 최적화할 수 있는 방법에 대한 예시입니다.
- 데이터 수집 포인트 또는 기타 속성을 기반으로 동적 팝업 생성
- 맵에서 해당 포인트가 눈에 띄고 팝업 상호작용을 유도하도록 사용자 설정 심볼 추가
- 다른 언어의 로캘 지원 제공
- 다양한 로캘에 대한 날짜 형식 지정
- 혼란을 줄이기 위해 데이터 속성이 값을 포함할 때만 표시되도록 팝업 콘텐츠를 조건부로 추가
- 대체 방법을 통해 콘텐츠에 접근하는 사용자가 비시각적 맥락을 이해할 수 있도록 사진에 대체 텍스트 제공
- 스크린 리더의 탐색 기능을 향상하기 위해 팝업의 콘텐츠를 테이블 형식으로 지정
데이터 관리
항목 세부정보를 구성하여 항목의 제목, 설명, 세부정보, 설정을 개선할 수 있습니다. 누락된 정보가 없는 항목 세부정보와 내용을 잘 나타내는 썸네일을 선택할 때는 접근성 표준을 고려하는 것이 중요합니다. 항목 세부정보를 신중하게 작성하면 뷰어가 항목의 기능과 관련된 가장 중요한 정보에 집중할 수 있습니다.
데이터 구성 및 메타데이터 표준 또한 접근성에 매우 중요합니다. 해당 데이터셋을 위한 표준 기반 메타데이터가 제공되면 콘텐츠를 쉽게 찾고, 접근하고, 상호 운용하고, 재사용(FAIR)할 수 있습니다.
추가 리소스
접근성에 대한 자세한 내용은 다음 리소스를 참고하세요.