접근성 모범 사례

문서는 하나의 main 랜드마크를 가져야 합니다

페이지에 main 랜드마크가 없어 스크린 리더 사용자가 본문으로 바로 이동할 수 없습니다.

이 규칙이 확인하는 내용

문서가 main 랜드마크를 가지고 있는지 확인하세요.

중요한 이유

WCAG 1.3.1과 2.4.1을 뒷받침하는 권장 사례입니다.

이 규칙은 권장 사항입니다. 이 규칙에 실패한다고 해서 그 자체로 WCAG 위반이 되지는 않으므로, 리포트에서는 WCAG 실패와 별도로 표시합니다.

수정 방법

  1. 페이지의 주요 콘텐츠를 하나의 <main> 요소로 감싸십시오. Shopify에서는 보통 layout/theme.liquid 파일 안에서 <main> 요소가 {{ content_for_layout }} 부분을 감쌉니다.

수정 확인 방법

  • 해당 페이지를 다시 스캔하십시오.

FixReports가 찾아내는 방법

저희 스캔은 테스트하는 모든 페이지에서 실제 Chrome 브라우저로 axe-core 규칙 landmark-one-main을(를) 실행하고, 실패한 요소마다 해당 페이지와 마크업, 그리고 해당하는 경우 스크린샷을 함께 보고합니다.

자동화 테스트는 이 특정 문제가 있다는 것을 확인할 뿐, 페이지의 나머지 부분이 접근 가능한지는 알 수 없습니다. 어떤 장벽은 사람이 페이지를 확인해야만 드러납니다.

오늘 바로 웹사이트를 스캔해 보십시오

찾고, 고치고, 검증합니다.

어떤 종류의 웹사이트인가요?

답변에 따라 온라인 스토어의 구매 과정처럼 알맞은 검사를 고릅니다. 사이트 자체의 근거도 확인해 둘 다 보여 드립니다.

어떤 종류의 웹사이트인가요?

무료 스캔입니다. 신용카드가 필요 없습니다.