접근성 수정 리포트

점검 항목

• WCAG 2.2 A 및 AA 규칙

  주요 페이지와 사이트맵의 추가 페이지 최대 20개에 대한 axe-core 자동 테스트: 대체 텍스트, 색상 대비, 버튼과 링크의 이름, 양식 레이블, 헤딩, 랜드마크, ARIA.

• 키보드 탐색 테스트

  키보드만 사용합니다. 쇼핑몰에서는 홈페이지에서 상품, 옵션, 장바구니 담기, 장바구니까지 이동해 결제 버튼에서 멈추고, 그 밖의 사이트에서는 홈페이지에서 주요 페이지와 그 페이지의 핵심 CTA, 입력 필드까지 이동합니다. 어떤 것도 제출하지 않습니다.

• 포커스 갇힘과 포커스 표시

  쿠키 배너 등에서 포커스가 갇히지 않는지, 방문자가 포커스 위치를 볼 수 있는지 확인합니다.

• 320 px 휴대폰 리플로

  작은 휴대폰에서 페이지에 가로 스크롤이 필요한지 확인합니다(WCAG 1.4.10).

• 요구서 주장 대조표

  요구서를 붙여 넣으면 각 주장을 테스트로 재현된 결과와 대조하고 페이지별 발생 횟수를 보여 드립니다.

• 사람이 확인할 항목

  이미지 위의 텍스트처럼 테스트가 표시는 하지만 판단할 수 없는 항목을 각각의 확인 방법과 함께 정리합니다.

• Critical

  @axe/button-name/help{"$en":"Buttons must have discernible text"}

  

  41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

  Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

• Critical

  @axe/image-alt/help{"$en":"Images must have alternative text"}

  

  22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

  Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

• Critical

  @axe/label/help{"$en":"Form elements must have labels"}

  

  7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

  Fix: Placeholder text alone does not count as a label.