harborandpine.example

개요

6개 영역(페이지 5개)에서 문제 18개, 확인 필요 6개, 개선 기회 7건.

문제

18

확인 필요

6

개선 기회

7

통과

44

우선순위별 문제: 높음 11개, 보통 5개, 낮음 1개.

• 문제버튼에 반드시 인식 가능한 텍스트가 있어야 합니다접근성
• 문제이미지는 반드시 대체텍스트를 가져야 합니다접근성
• 문제form 엘리먼트는 반드시 레이블을 가져야 합니다접근성
• 문제select 엘리먼트는 반드시 접근 가능한 이름을 가져야 합니다접근성
• 문제링크는 반드시 인식 가능한 텍스트를 가져야 합니다접근성
• 문제엘리먼트는 반드시 충분한 명도 대비를 가져야 합니다접근성
• 문제EN 301 549 9.1.1.1(WCAG 1.1.1 텍스트가 아닌 콘텐츠) 미충족EAA 준비 상태
• 문제EN 301 549 9.1.4.3(WCAG 1.4.3 명도 대비(최소)) 미충족EAA 준비 상태
• 문제EN 301 549 9.2.4.4(WCAG 2.4.4 링크 목적(맥락 내)) 미충족EAA 준비 상태
• 문제EN 301 549 9.4.1.2(WCAG 4.1.2 이름, 역할, 값) 미충족EAA 준비 상태
• 문제HTTPS 페이지의 안전하지 않은(HTTP) 리소스보안
• 문제작동하는 XML 사이트맵 없음SEO
• 문제메타 설명이 없는 페이지SEO
• 문제상품 구조화된 데이터가 없는 상품 페이지SEO
• 문제알려진 취약점이 있는 오래된 JavaScript 라이브러리보안
• 문제Secure 플래그가 없는 쿠키보안
• 문제대체 텍스트가 없는 이미지SEO
• 확인 필요주요 이미지가 지연 로딩됨속도
• 확인 필요필요 이상으로 큰 이미지속도
• 확인 필요자동화 테스트로 판정하지 못한 항목EAA 준비 상태
• 확인 필요스크립트가 읽을 수 있는 세션 성격의 쿠키보안
• 확인 필요canonical 링크가 없는 페이지SEO
• 개선 기회상품 페이지에 리뷰 없음전환
• 개선 기회푸터에 정책 링크 누락전환
• 개선 기회홈페이지에 Organization 또는 WebSite 구조화된 데이터 없음SEO
• 개선 기회소셜 공유 태그 누락SEO
• 개선 기회상품 이미지가 적음전환
• 개선 기회쇼핑몰에 검색 기능 없음전환
• 개선 기회security.txt 없음보안

이 무료 스캔의 범위

요구서의 주장과 발견한 결과 비교

인용된 법률: Title III, Americans with Disabilities Act. 언급된 금액: $12,500. 사실에 근거한 비교이며 법률 자문이 아닙니다.

• “Images lack alternative text, so product photos are not described.”

  대체 텍스트가 없는 이미지. 테스트한 페이지 5개 중 3개에서 10건이 발견되었습니다.

  재현됨

• “Text has insufficient color contrast against its background, including sale badges and prices.”

  낮은 색상 대비. 테스트한 페이지 5개 중 5개에서 16건이 발견되었습니다.

  재현됨

• “The website cannot be navigated using a keyboard alone.”

  키보드 접근과 포커스. 키보드 포커스가 쿠키 배너에 갇힙니다.

  재현됨

• “Form fields do not have labels, including the newsletter sign-up and the quantity fields in the cart.”

  레이블이 없는 양식 필드. 테스트한 페이지 5개 중 3개에서 4건이 발견되었습니다.

  재현됨

• “Product videos do not have captions.”

  동영상과 오디오 자막. 자동 스캔으로는 자막을 판단할 수 없습니다. 모든 상품 동영상과 브랜드 동영상에 정확한 자막과 대본이 있는지 확인하십시오.

  수동 확인

• “Our client is legally blind and uses screen reader software.”

  기타 문제. 일반적인 주장입니다. VoiceOver나 NVDA 같은 스크린 리더로 주요 흐름(검색, 상품 페이지, 장바구니 담기, 결제)을 테스트하십시오.

  수동 확인

주요 접근성 문제

심각도와 영향 범위순으로 정렬했습니다. 접근성 수정 리포트는 Shopify에서 각 문제를 수정하는 방법을 설명합니다.

• 치명적WCAG 4.1.2

  버튼에 반드시 인식 가능한 텍스트가 있어야 합니다

  페이지 5개 중 5개에서 13건 · 4.1.2 이름, 역할, 값

  

  예시 요소 보기

  <button type="button"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"></circle><path d="M20 20l-3.5-3.5"></path></svg></button>

• 치명적WCAG 1.1.1

  이미지는 반드시 대체텍스트를 가져야 합니다

  페이지 5개 중 3개에서 10건 · 1.1.1 텍스트가 아닌 콘텐츠

  

  예시 요소 보기

  <img src="/img/hero-photo.jpg" loading="lazy">

• 치명적WCAG 4.1.2

  form 엘리먼트는 반드시 레이블을 가져야 합니다

  페이지 5개 중 2개에서 3건 · 4.1.2 이름, 역할, 값

  

  예시 요소 보기

  <input type="number" value="1" min="1">

• 치명적WCAG 4.1.2

  select 엘리먼트는 반드시 접근 가능한 이름을 가져야 합니다

  페이지 5개 중 1개에서 1건 · 4.1.2 이름, 역할, 값

  

  예시 요소 보기

  <select><option>Featured</option><option>Price, low to high</option><option>Price, high to low</option></select>

• 심각WCAG 2.4.4WCAG 4.1.2

  링크는 반드시 인식 가능한 텍스트를 가져야 합니다

  페이지 5개 중 5개에서 20건 · 2.4.4 링크 목적(맥락 내), 4.1.2 이름, 역할, 값

  

  예시 요소 보기

  <a href="/cart"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 4h2l2.4 11h11l2-8H6.5"></path><circle cx="9" cy="20" r="1.5"></circle><circle cx="18" cy="20" r="1.5"></circle></svg></a>

• 심각WCAG 1.4.3

  엘리먼트는 반드시 충분한 명도 대비를 가져야 합니다

  페이지 5개 중 5개에서 16건 · 1.4.3 명도 대비(최소)

  

  예시 요소 보기

  <div class="announce">Free shipping on orders over $75 · Easy 30-day returns</div>