| 제품 이름 | CQM Desk |
|---|
| 제품 버전 | 공개 웹사이트, 2026년 10월 |
|---|
| 제품 설명 | CQM Desk — 양자 회로 시뮬레이터, 교육, 커뮤니티, 자격 안내를 갖춘 AI 협업 양자컴퓨팅 설계 플랫폼 (https://cqmdesk.smilestory.ai). |
|---|
| 보고 날짜 | 2026년 10월 17일 |
|---|
| 연락처 | wiasoom@smilestory.ai |
|---|
| 평가 방법 | 공개 페이지 15쪽을 axe-core 4.10.2(WCAG 2.0/2.1 A·AA 규칙)로 자동 검사했습니다. 메뉴, 언어 선택 창, 읽기 설정 창, 회로 편집기, 3D 보기, 시뮬레이터 대화상자를 키보드(Tab, Shift+Tab, Enter, Space, Esc, 화살표)로 직접 시험했습니다. 구글 크롬에서 공개 19쪽의 글자 대비(그라데이션 바탕 포함), 입력칸 경계, 초점 표시, 마우스를 올리면 나오는 내용, 한 글자 단축키, 누름 동작, 부분 언어, 320px 리플로, 글자 간격 늘리기를 측정했습니다. 화면 낭독기 NVDA 2025(크롬)로 공개 쪽의 주요 흐름을 시험하고 고쳤습니다(2026-10-16~17). 아직 하지 않은 것: 센스리더·JAWS·VoiceOver·TalkBack 실기 시험, 점자 디스플레이 기기 시험. 로그인·가입·결제·자격 시험은 별도 시스템이라 평가하지 않았습니다. |
|---|
| 평가한 페이지 | /, /training/, /community/, /developer/, /simulator/3d/, /institutions/global_section.html, /marketplace/, /exam/, /help/, /contact.php, /chat/, /careers.php, /terms.html, /privacy.html, /accessibility/ |
|---|
표 1: 성공 기준, A 수준
| 기준 | 준수 수준 |
|---|
| 1.1.1 Non-text Content (Level A) | 지원 | 아이콘과 이미지는 대체 텍스트가 있거나 장식으로 표시됩니다. 3D·방사형 회로 보기는 회로 요약(큐비트 수와 각 게이트의 위치)을 보조 기술에 글로 제공합니다. |
| 1.2.1 Audio-only and Video-only (Prerecorded) (Level A) | 해당 없음 | 평가한 페이지에 녹음된 음성 전용·영상 전용 콘텐츠가 없습니다. |
| 1.2.2 Captions (Prerecorded) (Level A) | 해당 없음 | 평가한 페이지에 소리가 있는 녹화 영상이 없습니다. |
| 1.2.3 Audio Description or Media Alternative (Prerecorded) (Level A) | 해당 없음 | 평가한 페이지에 녹화 영상이 없습니다. |
| 1.3.1 Info and Relationships (Level A) | 지원 | 페이지는 제목, 랜드마크(머리글·메뉴·본문·바닥글), 입력칸 라벨, 대화상자 역할을 씁니다. 시뮬레이터 회로는 표(grid)·행·행 머리·칸 역할로 구조를 알려 줍니다(2026-10-17 NVDA·axe 재확인). |
| 1.3.2 Meaningful Sequence (Level A) | 지원 | 평가한 페이지에서 읽는 순서가 보이는 순서와 같습니다. |
| 1.3.3 Sensory Characteristics (Level A) | 지원 | 모양·크기·위치·소리에만 기대는 안내는 평가한 페이지에서 발견되지 않았습니다. |
| 1.4.1 Use of Color (Level A) | 지원 | 문장 속 링크에는 밑줄을 넣어 색만으로 구분하지 않습니다(2026-10-17 공개 19쪽 자동 점검: 색에만 기대는 링크 0개). |
| 1.4.2 Audio Control (Level A) | 지원 | 자동으로 재생되는 소리가 없습니다. 음성 읽기는 사용자가 듣기를 눌러야 시작되고 멈출 수 있습니다. |
| 2.1.1 Keyboard (Level A) | 지원 | 메뉴, 언어 선택 창, 읽기 설정, 회로 편집기(클래식 보기: 화살표로 이동, Enter로 놓기, Delete로 지우기), 3D 보기(화살표로 회전)를 키보드로 쓸 수 있습니다. 방사형·하이브리드 보기는 같은 회로를 보여 주는 화면이며 확대 슬라이더와 전환 버튼도 키보드로 조작됩니다. |
| 2.1.2 No Keyboard Trap (Level A) | 지원 | 초점은 언제나 빠져나올 수 있고, 대화상자는 Esc로 닫히며 초점이 돌아갑니다. |
| 2.1.4 Character Key Shortcuts (Level A) | 지원 | 시뮬레이터의 한 글자 단축키(? · 1~4)는 도움말 창에서 끌 수 있으며 설정이 기억됩니다. |
| 2.2.1 Timing Adjustable (Level A) | 지원 | 공개 페이지에는 시간 제한이 없습니다. 자격 시험은 별도 시스템에서 진행되며 시간 제한은 시험의 본질입니다. |
| 2.2.2 Pause, Stop, Hide (Level A) | 지원 | 첫 화면 슬라이드쇼에 멈춤/재생 버튼이 있고, 마우스를 올리거나 키보드 초점이 가면 멈추며, 시스템에서 움직임 줄이기를 켜면 자동으로 넘어가지 않습니다. 3D 보기의 자동 회전도 멈출 수 있으며, 움직임 줄이기를 켜면 처음부터 멈춰 있습니다. |
| 2.3.1 Three Flashes or Below Threshold (Level A) | 지원 | 깜박이는 콘텐츠는 관찰되지 않았습니다. |
| 2.4.1 Bypass Blocks (Level A) | 지원 | 첫 Tab에 ‘본문 바로가기’ 링크가 나타나고, 페이지에 본문(main) 영역이 있습니다. |
| 2.4.2 Page Titled (Level A) | 지원 | 평가한 모든 페이지에 내용을 알려 주는 제목이 있습니다. |
| 2.4.3 Focus Order (Level A) | 지원 | 초점 순서가 논리적이며, 대화상자(시뮬레이터 환영·도움말 창 포함)는 열릴 때 초점을 안으로 옮기고 Tab 을 안에 가두며 닫히면 초점을 되돌립니다. |
| 2.4.4 Link Purpose (In Context) (Level A) | 지원 | 평가한 페이지에서 맥락 없는 링크 문구(‘여기’, ‘더보기’ 등)가 발견되지 않았습니다. |
| 2.5.1 Pointer Gestures (Level A) | 지원 | 게이트 끌어다 놓기는 한 번 누르기로 대신할 수 있습니다: 게이트를 고르고 회로 칸을 누릅니다. |
| 2.5.2 Pointer Cancellation (Level A) | 지원 | 누르는 순간에 완료되는 기능이 없습니다. 누름은 끌기(3D 회전, AI 창 이동)를 시작할 뿐이며 그만둘 수 있습니다. |
| 2.5.3 Label in Name (Level A) | 지원 | 보이는 글자가 접근 가능한 이름 안에 들어 있습니다(예: 언어 버튼 「언어 선택: 한국어 (KO)」). 2026-10-17 공개 쪽 자동 점검으로 확인했습니다. |
| 2.5.4 Motion Actuation (Level A) | 해당 없음 | 기기 움직임으로 작동하는 기능이 없습니다. |
| 3.1.1 Language of Page (Level A) | 지원 | 페이지 언어가 지정되어 있고 사용자가 언어를 바꾸면 갱신됩니다. |
| 3.2.1 On Focus (Level A) | 지원 | 초점을 받아도 상황이 바뀌지 않습니다. |
| 3.2.2 On Input (Level A) | 지원 | 화면 언어는 사용자가 언어를 고를 때만 바뀝니다. |
| 3.3.1 Error Identification (Level A) | 지원 | 필수 입력과 이메일 형식을 확인하고 오류를 글로 보여 줍니다(브라우저 검증). |
| 3.3.2 Labels or Instructions (Level A) | 지원 | 입력칸에는 입력칸과 연결된 보이는 라벨이 있습니다. |
| 4.1.1 Parsing (Level A) | 지원 | WCAG 2.1에서 HTML에 대해 항상 충족으로 봅니다(WCAG 2.2에서 삭제됨). |
| 4.1.2 Name, Role, Value (Level A) | 지원 | 버튼, 대화상자, 언어 선택 창, 모바일 메뉴, 패널 열고 닫기(펼침 상태), 전체 화면(눌림 상태), 회로 칸이 이름·역할·상태를 알려 줍니다. 시뮬레이터의 모든 조작 요소를 자동 점검해 이름 없는 요소 0개(2026-10-17). |
표 2: 성공 기준, AA 수준
| 기준 | 준수 수준 |
|---|
| 1.2.4 Captions (Live) (Level AA) | 해당 없음 | 실시간 음성 콘텐츠가 없습니다. |
| 1.2.5 Audio Description (Prerecorded) (Level AA) | 해당 없음 | 평가한 페이지에 녹화 영상이 없습니다. |
| 1.3.4 Orientation (Level AA) | 지원 | 화면 방향(세로·가로)이 고정되어 있지 않습니다. |
| 1.3.5 Identify Input Purpose (Level AA) | 지원 | 문의 양식의 이름·이메일·전화 입력칸은 목적(autocomplete)을 밝힙니다. 로그인·가입은 별도 시스템이라 평가하지 않았습니다. |
| 1.4.3 Contrast (Minimum) (Level AA) | 지원 | 크롬에서 공개 19쪽을 측정했습니다. 자동 검사기가 계산하지 못하는 그라데이션 바탕 위 글자도 가장 불리한 색 기준으로 쟀습니다. 기준에 못 미친 약 280곳을 고쳤고 남은 곳이 없습니다. |
| 1.4.4 Resize Text (Level AA) | 지원 | 브라우저 확대와 읽기 설정의 글꼴 크기(12~24px)로 글자를 키울 수 있습니다. |
| 1.4.5 Images of Text (Level AA) | 지원 | 글은 글자로 표시되며, 로고는 허용된 예외입니다. |
| 1.4.10 Reflow (Level AA) | 지원 | 화면 폭 320px에서 공개 19쪽이 가로 스크롤 없이 다시 배치되며(카드·양식 배치 2곳 수정), 메뉴 버튼을 쓸 수 있습니다. |
| 1.4.11 Non-text Contrast (Level AA) | 지원 | 입력칸 경계를 바탕과 비교해 측정하고 3:1 이상으로 고쳤습니다. 키보드 초점 테두리는 어두운 바탕에서 뚜렷하게 보입니다. |
| 1.4.12 Text Spacing (Level AA) | 지원 | 줄·글자·낱말·문단 간격을 늘려도 잘리는 내용이 없었습니다. |
| 1.4.13 Content on Hover or Focus (Level AA) | 지원 | 마우스를 올리면 나타나는 내용은 다른 내용을 가리지 않는 작은 게이트 설명 버튼뿐이며, 올려 둔 동안 유지되고 키보드 초점에서도 나타납니다. 게이트 상세 설명은 마우스를 올릴 때가 아니라 눌렀을 때 열립니다. |
| 2.4.5 Multiple Ways (Level AA) | 지원 | 주 메뉴, 바닥글 링크, 도움말 페이지로 페이지를 찾을 수 있습니다. |
| 2.4.6 Headings and Labels (Level AA) | 지원 | 제목과 라벨이 주제나 목적을 알려 줍니다. |
| 2.4.7 Focus Visible (Level AA) | 지원 | 키보드 사용자에게 초점 테두리가 보이며, 이를 없애는 스타일이 없습니다. |
| 3.1.2 Language of Parts (Level AA) | 지원 | 공개 19쪽에서 다른 문자 체계의 구절이 언어 표시 없이 나오지 않습니다. 한국어 글 속 영어 낱말은 기준에서 예외로 두는 기술 용어·제품 이름입니다. 언어 선택 창의 언어 이름은 페이지 언어로 표시됩니다. |
| 3.2.3 Consistent Navigation (Level AA) | 지원 | 공통 머리글·바닥글로 메뉴가 일관됩니다. |
| 3.2.4 Consistent Identification (Level AA) | 지원 | 같은 기능의 구성 요소는 같은 방식으로 표시됩니다. |
| 3.3.3 Error Suggestion (Level AA) | 지원 | 문의 양식은 칸마다 무엇을 어떻게 고치면 되는지 글로 알려 줍니다(예: 「이메일 형식이 맞지 않습니다. name@example.com 처럼 적어 주세요」). |
| 3.3.4 Error Prevention (Legal, Financial, Data) (Level AA) | 해당 없음 | 평가한 페이지에서는 법적·금전 거래가 이루어지지 않습니다. 결제와 시험은 별도 시스템입니다. |
| 4.1.3 Status Messages (Level AA) | 지원 | 시뮬레이션 결과, 게이트 놓기·지우기, 채팅 새 메시지, AI 응답, 문의 결과를 초점을 옮기지 않고 화면 낭독기에 알립니다. |
5장(소프트웨어), 6장(지원 문서), 7장(하드웨어)은 따로 적은 경우를 빼고 이 웹사이트에 해당하지 않습니다. 웹 콘텐츠 요건(E205.4)은 위 WCAG 2.1 표로 보고합니다.
| 기준 | 준수 수준 |
|---|
| 시각 없이 | 지원 | 구조·이름·키보드 조작을 갖췄고, 2026-10-16~17 NVDA(크롬)로 첫 화면·시뮬레이터·문의·채팅·언어 창을 시험했습니다. 읽기 설정의 「점자로 보기」 출력도 확인했습니다. |
| 저시력 | 지원 | 브라우저 확대, 글꼴 크기(12~24px), 고대비 모드, 320px 리플로. |
| 색 인지 없이 | 지원 | 색만으로 전하는 정보가 없습니다(문장 속 링크 밑줄, 1.4.1 참고). |
| 청각 없이 | 지원 | 듣기가 필요한 내용이 없고, 정보를 소리로만 전하지 않습니다. |
| 말하기 없이 | 지원 | 말하기가 필요한 기능이 없습니다. |
| 손 조작이 제한된 경우 | 지원 | 모든 기능을 키보드로 쓸 수 있습니다. 회로에 게이트를 놓을 때 끌어 놓기 대신 고른 뒤 Enter 로도 놓을 수 있습니다. |
| 팔이 닿는 범위·힘이 제한된 경우 | 지원 | 일반 입력 장치 외에 신체 동작이나 힘이 필요하지 않습니다. |
| 언어·인지·학습 능력이 제한된 경우 | 부분 지원 | 88개 언어 화면, 음성 읽기, 일관된 메뉴. 쉬운 말 검토는 아직 하지 않았습니다. |
9항(웹)은 위 WCAG 2.1 표로 보고합니다. 5·6·7·8·10·11·13항은 이 웹사이트에 해당하지 않습니다. 12항(문서와 지원): 접근성 선언문과 이 보고서를 영어와 한국어로 공개합니다.
이 보고서는 위 날짜에 평가한 CQM Desk 공개 웹사이트의 접근성을 설명합니다. 정보 제공용이며, 문제를 고치는 대로 갱신합니다. 이용에 어려움이 있으면 위 연락처로 알려 주세요.