접근 가능한 인터랙티브 지도: WCAG 2.2

작성자 The Kaleidr Team · 게시일 2026년 10월 7일 · 14 분 읽기

키보드로 포커스할 수 있는 결과 목록, 동기화된 마커, 경로, 줌 컨트롤, 선택한 장소를 이름으로 알려 주는 AI 답변이 있는 접근 가능한 인터랙티브 지도.

접근 가능한 인터랙티브 지도는 드래그, 색상, 반드시 눈으로 봐야 하는 핀에 의존하지 않고도 키보드, 보조 기술 또는 터치로 동일한 위치 작업을 완료할 수 있게 합니다. 검색, 결과 목록, 세부 정보, 그리고 장소를 이름으로 알려 주는 답변이 작업을 수행합니다. 지도는 그 공유 상태를 보여 주는 시각적 뷰로 남습니다.

아래 섹션에서는 먼저 작업과 지도 캔버스를 분리한 뒤 장소 식별, 키보드 순서, 드래그, 색상, 알림, AI 답변을 다룹니다. 지도에 리플로우 예외가 있다고 해서 페이지의 나머지 부분까지 예외가 되는 것은 아닙니다. Kaleidr Studio, Viewer, Chat은 작업을 실제로 조작할 수 있게 하는 호스트 컨트롤과 함께 배치됩니다.

접근 가능한 인터랙티브 지도의 핵심

  • 작업을 명확히 하세요: 검색, 비교, 선택, 실행이 실제 작업입니다. 캔버스는 그 작업을 보여 주는 한 가지 뷰입니다.
  • 하나의 장소 식별자를 공유하세요: 목록, 마커, 세부 정보, AI 답변이 동일한 레코드를 참조해야 합니다.
  • 드래그 없는 경로를 제공하세요: 패닝 버튼, 탭 가능한 대상, 주소 입력, 위로/아래로 이동 컨트롤을 드래그와 함께 제공합니다.
  • 의미를 색상만으로 표현하지 마세요: 상태는 색조뿐 아니라 텍스트, 모양 또는 아이콘도 필요합니다.
  • 결과를 알리세요: 결과 수, 준비된 경로, 일치 결과 없음은 상태 메시지로 알려야 합니다. 타일 로드는 그렇지 않습니다.

접근 가능한 인터랙티브 지도란 무엇인가요?

접근 가능한 인터랙티브 지도는 키보드, 보조 기술, 포인터 사용자가 동일한 작업을 완료할 수 있는 위치 경험입니다. 작업은 단차 없는 출입구가 있는 박물관 찾기, 세 개의 도서관 비교하기, 계속 영업 중인 약국 선택하기일 수 있습니다. 지도는 공간 관계를 보여 줍니다. 캔버스를 보기 어렵거나 드래그하기 어렵거나 탭하기 어려운 경우에도 검색, 필터, 결과 목록, 세부 정보, 서면 답변이 사람이 필요로 하는 사실을 전달합니다. 포인터로만 작동하는 인터페이스는 시각적 지도일 뿐, 접근 가능한 지도는 아닙니다.

WCAG 2.2는 2024년 12월 12일자 W3C 권고안입니다. 이 권고안은 이 가이드가 지도 작업에 적용하는 현재 웹 표준으로, 포커스, 드래그, 대상 크기, 색상, 대비, 리플로우를 포함합니다 (W3C, 2024). 표지에는 결과 목록과 지도, City Museum이라는 장소명, 예시 거리, 예시 편의시설을 이름으로 알려 주는 답변이 함께 표시됩니다. 이러한 거리와 편의시설 라벨은 설명용입니다. 실제 서비스 카드에서는 장소 레코드의 실제 필드를 노출해야 하며, “Accessible”이라는 필터 이름만으로 해당 장소가 접근성 감사를 받았다고 볼 수 없습니다.

왜 캔버스가 아니라 작업에서 시작해야 하나요?

지도만 사용하는 경로는 사용자가 캔버스를 탐색하고, 핀을 찾고, 팝업을 읽고, 그 다음 행동하도록 요구합니다. 이 경로는 시각적 해석과 정밀한 포인터 조작이 필요합니다. 접근 가능한 경로는 검색이나 프롬프트에서 시작해 구조화된 결과 목록, 장소 세부 정보, 그리고 길찾기, 저장, 공유 같은 행동으로 이어집니다. 지도는 이 단계들과 함께 업데이트되지만 유일한 경로는 아닙니다. Kaleidr의 임베드 가이드도 키보드 사용자, 보조 기술, 검색에 페이지가 계속 유용하도록 캔버스 밖에 제목, 요약, 위치 목록을 두도록 요구합니다 (Kaleidr, 2026).

탐색, 핀 찾기, 팝업 읽기만으로 진행되는 지도 전용 경로와 검색, 구조화된 결과, 장소 세부 정보, 행동, 동기화된 지도로 진행되는 작업 경로의 비교.

왼쪽 경로는 지도를 인터페이스 자체로 취급하고 시각적 해석과 포인터 정밀도를 요구 사항으로 둡니다. 오른쪽 경로는 검색, 결과 목록, 세부 정보, 행동으로 진행하며 지도는 보조 뷰입니다. 도서관 이름, 주소, 거리는 예시입니다. 이 구분은 아키텍처 선택이지 Kaleidr 점수가 아닙니다.

핵심 레코드는 HTML에 두세요. 지도 타일이 실패하더라도 이름, 주소, 카테고리, 영업시간, 다음 행동은 존재해야 합니다. 팝업이 이 정보를 반복할 수는 있지만 유일한 사본이어서는 안 됩니다. 다음에 설명할 안정적인 장소 식별자를 사용하면 목록 행과 마커가 동일한 레코드에 연결됩니다.

왜 하나의 장소 식별자가 중요한가요?

검색, 결과 카드, 세부 정보 패널, 지도 마커, AI 답변, 분석 이벤트는 하나의 장소 식별자를 공유해야 합니다. 표면마다 식별자의 의미가 달라지면 키보드 사용자가 목록에서 FreshMart를 선택했는데 지도는 다른 매장을 강조하고 답변은 또 다른 매장을 설명할 수 있습니다. 그림은 이 식별자를 중앙에 놓고 각 표면으로 연결합니다. 그림의 예시 주소, 별점, 리뷰 수, 전화번호, 좌표, 타임스탬프는 설명용이며 실제 Kaleidr 레코드가 아닙니다.

하나의 장소 식별자가 결과 카드, 세부 정보 패널, 지도 마커, AI 답변, 분석 이벤트를 연결하는 그림.

공유 장소 식별자는 결과 카드, 세부 정보 패널, 마커, 답변, 분석 이벤트에 전달됩니다. 각 표면은 동일한 이름과 주소를 표시합니다. 그림의 평점, 전화번호, 좌표, 이벤트 시각은 예시입니다. 실제 분석에서는 식별자를 유지하고 이벤트에 필요하지 않은 필드를 복사하지 않아야 합니다.

선택은 화면 좌표가 아니라 식별자를 따라야 합니다. 목록 행을 활성화하면 선택한 장소가 설정되고, 지도가 이동하며, 사용자가 핀을 찾아 헤맬 필요 없이 세부 정보가 업데이트됩니다. 마커를 클릭하면 반대로 동일한 목록 행을 강조합니다. 선택할 때마다 키보드 포커스를 지도로 옮기지 마세요. 그러면 스크린 리더 사용자가 목록에서 자신의 위치를 잃게 됩니다. 포커스와 선택은 서로 다른 상태이며 다음 섹션에서 이를 구분합니다.

어떤 키보드 순서가 작업을 완성하나요?

포커스 순서를 작업 흐름에 맞게 설계하세요. 실용적인 순서는 검색, 필터, 결과 요약, 결과 목록, 지도 컨트롤, 세부 정보, 주요 행동입니다. 사용자는 결과 수를 이해하고, 목록에서 장소를 선택하고, 필요하면 지도를 패닝하거나 줌하고, 세부 정보를 읽은 뒤 길찾기로 진행할 수 있습니다. 목록이 동일한 장소를 이미 제공한다면 각 지도 마커마다 Tab 정지점을 둘 필요는 없습니다. 화살표 키는 목록 안에서 이동하고 Tab은 큰 영역 사이를 이동합니다.

검색과 필터에서 시작해 결과 목록, 지도 컨트롤, 세부 정보를 거쳐 주요 행동으로 이어지는 번호가 매겨진 키보드 경로.

경로는 검색, 필터, 결과 요약, 목록, 지도 컨트롤, 세부 정보, 주요 행동 순으로 진행됩니다. 선택된 공원은 목록 행과 세부 정보 카드에 계속 연결됩니다. 결과 수와 예시 거리는 설명용입니다. 포커스 순서는 작업을 따르며 지도는 수많은 핀의 집합이 아니라 하나의 정지점입니다.

고정 검색 바나 채팅 패널처럼 작성자가 만든 콘텐츠가 포커스된 컨트롤을 완전히 가리면 WCAG 2.2 달성 기준 2.4.11(AA)을 충족하지 못합니다. 이 기준의 주석 2는 세부 정보 드로어처럼 사용자가 연 콘텐츠가 키보드 포커스를 옮기지 않고 컨트롤을 다시 보이게 할 수 있으면 가려도 된다고 합니다. 컨트롤의 일부만 가리는 경우는 달성 기준 2.4.12(AAA)입니다. 보이는 포커스와 보이는 선택은 서로 다른 스타일이 필요합니다. 파란 목록 행과 포커스 링은 서로 다른 상태를 나타내기 때문입니다. WAI-ARIA 키보드 가이드도 특히 선택된 항목이 포커스를 보유하지 않는 구성 요소 안에 있을 때 포커스와 선택을 구분하도록 안내합니다 (W3C, 2026). 다음 키 입력을 받을 컨트롤에는 포커스 링을 유지하고, 장소 선택에는 별도의 선택 표시를 사용하세요.

왜 드래그가 유일한 경로가 될 수 없나요?

지도는 드래그하기 쉽지만, 패닝, 정류점 설정, 경로 재정렬을 드래그만으로 수행하게 해서는 안 됩니다. WCAG 2.2 달성 기준 2.5.7은 드래그 동작을 사용하는 기능이, 드래그가 필수이거나 사용자 에이전트가 동작을 결정하고 작성자가 수정하지 않은 경우를 제외하면, 드래그 없이 단일 포인터로 수행 가능해야 한다고 말합니다. 키보드 대안만으로는 이 포인터 요구 사항을 충족하지 못합니다. 방향 패닝 버튼, 탭으로 목적지를 설정하는 기능, 주소 필드, 순서가 있는 정류점을 위아래로 이동하는 컨트롤을 제공하세요. 같은 권고안의 달성 기준 2.5.8은 간격이나 페이지 다른 곳의 동등한 컨트롤 등 예외를 제외하고 최소 대상 크기를 24×24 CSS 픽셀로 정합니다.

드래그만을 유일한 경로로 표시한 지도 조작과, 패닝 버튼, 탭으로 목적지 설정, 주소 입력, 목록 재정렬 버튼, 키보드 패닝 키를 함께 제공한 비교.

왼쪽 패널은 드래그만으로 지도를 이동합니다. 오른쪽 패널은 패닝 버튼, 탭 대상, 주소 필드, 재정렬 버튼, 키보드 패닝 키를 추가합니다. 주소는 예시입니다. 키보드 경로도 여전히 필요하지만 드래그에 대한 단일 포인터 대안을 대신하지는 않습니다.

키보드를 가두지 않고 지도에서 빠져나갈 수 있게 하세요. 포커스가 지도에 있는 동안 화살표 키가 지도를 패닝한다면 Escape 또는 문서화된 키를 사용해 목록이나 다음 컨트롤로 포커스를 돌려보낼 수 있어야 합니다. 줌, 현재 위치, 닫기에는 스크린 리더가 이름을 알 수 없는 아이콘 전용 버튼이 아니라 접근 가능한 이름이 필요합니다. 대상 크기는 이런 컨트롤뿐 아니라 목록 행에서도 중요합니다. 터치 영역이 너무 작으면 탭하는 사람이나 정밀도가 낮은 포인터를 사용하는 사람에게 불리합니다.

왜 지도에서 색상만으로는 충분하지 않나요?

달성 기준 1.4.1에 따라 색상은 정보를 전달하거나, 행동을 표시하거나, 응답을 유도하거나, 요소를 구분하는 유일한 시각적 수단이 되어서는 안 됩니다. 영업 중을 초록 점, 영업 종료를 빨간 점으로만 나타내고 색조만 다르다면 충분하지 않습니다. 색상과 함께 텍스트 라벨, 체크, X, 다른 모양을 사용하세요. 같은 규칙은 카테고리 마커, 선택된 경로, “현재 위치”에도 적용됩니다. 같은 권고안의 달성 기준 1.4.11은 비활성 구성 요소나 사용자 에이전트가 외형을 결정하는 구성 요소를 제외하고, 사용자 인터페이스 구성 요소와 상태를 식별하는 데 필요한 시각 정보에 최소 3:1의 대비 비율도 요구합니다. 밝은 베이스맵 위의 흰색 줌 버튼은 흰 페이지에서 브랜드 색상이 좋아 보여도 이 비율을 충족하지 못할 수 있습니다.

영업 중과 영업 종료를 색상 점만으로 보여 주는 예와, 영업 중, 영업 종료, 지연을 아이콘, 모양, 텍스트 라벨로 보여 주는 예.

약한 예시는 영업 중을 초록 원, 영업 종료를 빨간 원으로만 표시합니다. 더 강한 예시는 체크, X, 경고 모양과 “영업 중”, “영업 종료”, “지연”이라는 텍스트를 추가합니다. 색상도 도움이 되지만 색상을 볼 수 없을 때는 텍스트와 모양이 의미를 전달합니다.

범례는 지도 위에 색상 키로만 그리지 말고 텍스트로도 제공하세요. 카테고리 필터는 컨트롤 이름이나 인접 라벨에 선택 상태를 표시해야 합니다. 인터페이스 문구에서 사용자에게 “빨간 핀을 따라가세요”라고 말하지 말고 장소 이름을 말하세요. 아래 AI 섹션도 생성 답변에 같은 규칙을 적용합니다.

보조 기술은 무엇을 들어야 하나요?

렌더러 이벤트가 아니라 행동의 결과를 알리세요. 유용한 상태는 “필터와 일치하는 매장이 4곳입니다”, “경로가 준비되었고 소요 시간은 몇 분입니다”, “접근 가능한 출입구와 일치하는 결과가 없습니다” 같은 메시지입니다. “타일 로드됨”, “마커 이동됨”, “지도 중심 변경됨”은 잡음입니다. 지도 전체를 live region으로 감싸면 이런 기술 이벤트를 읽어 사용자가 필요로 하는 문장을 묻어 버릴 수 있습니다. WAI는 role=status를 사용해 상태 메시지를 표시하는 방법으로 ARIA22를 문서화합니다. 이는 WCAG를 충족하는 한 가지 기법의 예이며 모든 지도가 반드시 그 role을 써야 한다는 뜻은 아닙니다 (W3C, 2026).

결과 수, 준비된 경로, 접근 가능한 출입구의 일치 결과 없음에 대한 상태 메시지와, 타일 로드 및 마커 이동 같은 무시할 렌더러 이벤트의 비교.

유용한 채널은 결과 수, 준비된 경로, 접근 가능한 출입구의 일치 결과 없음을 알립니다. 무시하는 채널은 타일 로드, 마커 이동, 지도 중심 변경을 나열합니다. 매장 이름, 거리, 18분 경로는 예시입니다. 사용자가 행동할 수 있는 상태를 알리세요.

검색과 필터에도 같은 원칙이 필요합니다. 쿼리 후에는 마커 업데이트를 계속 알리는 대신 결과 수나 빈 상태를 한 번만 보고하세요. 정중하게 끼어들 수 있을 만큼 짧게 유지하세요. 결과 수가 바뀌어도 포커스를 지도로 옮기지 마세요. 목록은 사용자가 결과를 읽는 장소로 남고, 지도는 동일한 집합을 반영합니다.

왜 AI 답변은 장소 이름을 말해야 하나요?

AI 지도 답변은 텍스트만으로도 독립적으로 이해되어야 합니다. “Downtown Pharmacy는 자정까지 영업하며 선택한 출발지에서 1.2마일 떨어져 있습니다”는 장소, 영업시간, 거리를 이름으로 전달합니다. “빨간 핀을 강조했습니다”는 캔버스를 가리킬 뿐 그 핀을 볼 수 없는 사람에게는 도움이 되지 않습니다. 지도는 같은 장소를 선택하고 경로를 그릴 수 있습니다. 그래도 문장 자체가 판단 내용을 전달해야 합니다. 완성된 답변이나 짧은 요약을 상태 채널로 보내세요. 모든 token을 보조 기술에 전송하거나 조각마다 채팅으로 포커스를 끌어오지 마세요.

Downtown Pharmacy 이름, 영업시간, 거리를 말하는 텍스트 답변과 지도, 그리고 빨간 핀을 강조했다고만 말하는 거절된 답변.

유용한 답변은 Downtown Pharmacy, 영업 종료 시각, 선택한 출발지로부터의 거리를 말합니다. 지도는 그 장소와 경로를 표시합니다. 거절된 답변은 빨간 핀을 강조했다고만 말합니다. 그림의 약국 이름, 영업시간, 거리는 예시입니다.

접근 권한 판단을 모델에 맡기지 마세요. 호스트가 레코드를 인가하고, 답변은 이미 결과 집합에 있는 장소만 설명할 수 있어야 합니다. 소스 데이터에 없는 단차 없는 출입구, 접근 가능한 화장실, 인증을 생성 텍스트가 만들어 내게 해서는 안 됩니다. 레코드에 접근성 필드가 없다면 답변은 해당 정보가 알 수 없다고 말해야 합니다. 지도에서 강조하는 것은 선택적 확인일 뿐 답변 내용 자체가 아닙니다.

지도가 리플로우할 수 없을 때도 무엇이 작동해야 하나요?

WCAG 2.2 달성 기준 1.4.10은 사용이나 의미를 위해 2차원 레이아웃이 필요한 일부 콘텐츠가 있다고 봅니다. Note 2는 지도와 도표처럼 이해에 필요한 이미지를 나열하고, 해당 부분에 2차원 스크롤을 허용합니다. 이 예외는 지도에 적용됩니다. 페이지 제목, 검색, 필터, 결과 텍스트, 버튼, AI 답변, 세부 정보 카드에는 적용되지 않습니다. 화면 폭이 좁거나 높은 배율로 확대했을 때 목록을 지도 위나 아래에 쌓고, 지도는 자체 스크롤 영역 안에 두며, 텍스트는 그 영역 밖에 두세요. 캔버스가 작은 패널이 되어도 사용자가 작업을 완료할 수 있어야 합니다.

실패 상황도 같은 분리가 필요합니다. 타일이 로드되지 않아도 결과 목록, 세부 정보, 주요 행동은 남아 있어야 합니다. 지도가 로드되지 않았다고 알리고 레코드는 계속 사용할 수 있게 하세요. 텍스트 없는 빈 캔버스는 스타일 문제가 아니라 작업의 실패입니다. 동작 감소도 여기 포함됩니다. 어떤 장소가 선택되었는지 전달하기 위해 긴 fly-to 애니메이션에 의존하지 마세요. 카메라 이동을 줄이거나 생략해도 선택 상태를 바꾸고 목록을 업데이트하세요.

접근 가능한 인터랙티브 지도를 Kaleidr와 어떻게 배치해야 하나요?

검색, 필터, 결과 목록, 세부 정보, 주요 행동, 상태 메시지는 호스트 페이지에 두세요. 장소, 경로, 선택, 필터, 결과 집합 식별자를 지도와 공유합니다. Kaleidr Studio는 팀이 위치, 콘텐츠, 동작을 포함하는 인터랙티브 지도로 아이디어를 전환하는 곳입니다 (Kaleidr, 2026). Viewer는 share id로 공개 지도를 임베드하며 그 임베드에는 publishable key가 필요하지 않습니다 (Kaleidr, 2026). 개발자 문서는 Chat을 호스트 지도 안의 Spatial AI, Viewer를 지도 게시, Tile을 디자인된 베이스맵, Editor를 그리기와 편집으로 설명합니다 (Kaleidr, 2026). 이 표면들 주변의 접근 가능한 경로는 여전히 호스트가 책임집니다.

호스트 페이지에 검색, 필터, 결과, 세부 정보, 행동, 상태가 있고, 가운데에 공유 식별자, 오른쪽에 Studio, Viewer, Chat과 지도 경험이 있는 구성.

호스트 페이지는 검색, 필터, 결과 목록, 세부 정보, 행동, 상태 메시지를 담당합니다. 공유 식별자가 이 페이지를 Studio, Viewer, Chat, 지도와 연결합니다. 그림의 하단에는 Kaleidr가 WCAG 적합성을 자동으로 보장하지 않는다고 적혀 있습니다. 실제 출시된 경험을 테스트하는 책임은 게시자에게 남습니다.

템플릿이나 지도 구성 요소는 기반을 제공할 수 있습니다. 노코드 출시 가이드는 게시자가 색상, 콘텐츠, 지도 동작을 추가하면 템플릿이 적합성을 보장할 수 없으며, 적합성은 실제로 출시된 경험에 대해 판단된다고 설명합니다 (Kaleidr, 2026). 키보드, 스크린 리더, 줌, 좁은 뷰포트에서 전체 작업을 테스트하세요. 지도가 로드되지 않는 실패 사례도 포함하세요. 이 글은 구현 가이드이며 적합성 감사나 법률 자문이 아닙니다.

Kaleidr Studio 살펴보기 에서 지도를 설계하고 게시할 수 있습니다. 개발자 문서 읽기 에서 문서화된 Chat, Viewer, Tile, Editor 표면을 확인하세요. 결과 목록과 장소 이름을 명시하는 답변은 호스트 페이지에 유지하고, 지도가 사용하는 동일한 장소 식별자에 연결하세요.

참고: Kaleidr는 크리에이티브 및 개발 워크플로 전반에서 이미지 제작, 콘텐츠 개선, 리서치를 위해 AI 지원 도구를 사용합니다.

자주 묻는 질문

키보드 대안이 드래그하지 않는 포인터 경로를 대체하나요?

아니요. WCAG 2.2는 드래그가 필수이거나 사용자 에이전트가 동작을 결정하는 경우를 제외하면 드래그 동작을 단일 포인터로 완료할 수 있는 방법을 요구합니다. 키보드 접근은 같은 작업에 대한 별도의 요구 사항입니다.

지도의 리플로우 예외가 검색과 결과 목록에도 적용되나요?

아니요. 지도와 도표는 2차원 스크롤을 유지할 수 있지만, 제목, 검색, 필터, 결과, 버튼, AI 답변은 페이지가 좁거나 확대된 경우에도 계속 사용할 수 있어야 합니다.

Kaleidr가 공개 지도의 WCAG 적합성을 보장하나요?

아니요. Studio, Viewer, Chat은 제품 표면입니다. 적합성은 라벨, 대비, 결과 목록, 상태 메시지, 테스트를 포함한 실제 공개 페이지에 따라 결정됩니다.

AI 지도 답변이 “빨간 핀”이라고 말해야 하나요?

아니요. 장소, 관련 상태, 거리 또는 경로를 텍스트로 이름을 명시해 설명하세요. 지도는 같은 장소를 선택해도 됩니다. 문장은 캔버스 없이도 독립적으로 이해되어야 합니다.

References

  1. World Wide Web Consortium. Web Content Accessibility Guidelines (WCAG) 2.2. W3C Recommendation, December 12, 2024. Includes 2.4.11 Focus Not Obscured (Minimum), 2.4.12 Focus Not Obscured (Enhanced), 2.5.7 Dragging Movements, 2.5.8 Target Size (Minimum), 1.4.1 Use of Color, 1.4.11 Non-text Contrast, and the 1.4.10 Reflow note that lists maps and diagrams. Accessed October 7, 2026. https://www.w3.org/TR/WCAG22/
  2. Kaleidr. Embed Interactive Map on a Website. Asks for headings, summaries, and a location list outside the canvas. https://kaleidr.com/blog/how-to-embed-interactive-map-on-a-website
  3. W3C Web Accessibility Initiative. Developing a Keyboard Interface. Distinguishes keyboard focus from selection. Accessed October 7, 2026. https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/
  4. W3C Web Accessibility Initiative. ARIA22: Using role=status to present status messages. An example technique, not a required implementation. Accessed October 7, 2026. https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA22
  5. Kaleidr. AI Map Maker for Branded Interactive Maps. Studio turns ideas into interactive maps with locations, content, and behavior. Accessed October 7, 2026. https://kaleidr.com/studio
  6. Kaleidr Developer Docs. Viewer. Embeds a published map by its share id, and that embed does not require a publishable key. Accessed October 7, 2026. https://docs.kaleidr.com/viewer
  7. Kaleidr Developer Docs. Introduction. Chat is Spatial AI in the host map, Editor is draw and edit, Tile is designed basemaps, and Viewer publishes a map. Accessed October 7, 2026. https://docs.kaleidr.com/
  8. Kaleidr. Launch a No-Code Map Website. A template does not guarantee conformance of the experience a publisher ships. https://kaleidr.com/blog/launch-a-map-website-no-code
@misc{w3c_wcag22_2024,
  title  = {Web Content Accessibility Guidelines (WCAG) 2.2},
  author = {{World Wide Web Consortium}},
  year   = {2024},
  url    = {https://www.w3.org/TR/WCAG22/}
}

@misc{kaleidr_embed_map_2026,
  title  = {Embed Interactive Map on a Website},
  author = {{Kaleidr}},
  year   = {2026},
  url    = {https://kaleidr.com/blog/how-to-embed-interactive-map-on-a-website}
}

@misc{w3c_keyboard_interface_2026,
  title  = {Developing a Keyboard Interface},
  author = {{World Wide Web Consortium}},
  year   = {2026},
  url    = {https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/}
}

@misc{w3c_aria22_2026,
  title  = {ARIA22: Using role=status to present status messages},
  author = {{World Wide Web Consortium}},
  year   = {2026},
  url    = {https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA22}
}

@misc{kaleidr_studio_a11y_2026,
  title  = {AI Map Maker for Branded Interactive Maps},
  author = {{Kaleidr}},
  year   = {2026},
  url    = {https://kaleidr.com/studio}
}

@misc{kaleidr_docs_viewer_a11y_2026,
  title  = {Viewer},
  author = {{Kaleidr}},
  year   = {2026},
  url    = {https://docs.kaleidr.com/viewer}
}

@misc{kaleidr_docs_home_a11y_2026,
  title  = {Introduction},
  author = {{Kaleidr}},
  year   = {2026},
  url    = {https://docs.kaleidr.com/}
}

@misc{kaleidr_launch_map_2026,
  title  = {Launch a No-Code Map Website},
  author = {{Kaleidr}},
  year   = {2026},
  url    = {https://kaleidr.com/blog/launch-a-map-website-no-code}
}