화면 밖 콘텐츠가 보조 기술에서 숨겨집니다.
bookmark_borderbookmark
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
페이지에서 관련 부분만 스크린 리더 및 기타 보조 기술에 노출되도록 합니다.
예를 들어 화면 밖에 있는 콘텐츠는 보조 기술에서 숨겨져야 합니다.
수동 테스트 방법
화면 밖 콘텐츠가 숨겨져 있는지 확인하려면 스크린 리더 스크린 리더로 테스트해야 합니다.
페이지를 탐색하려면 TAB 키를 사용하세요.
스크린 리더는 숨겨진 콘텐츠를 안내해서는 안 됩니다.
해결 방법
화면 밖 콘텐츠를 숨기려면 display: none
또는 visibility: hidden
로 설정하여 탭 순서에서 해당 콘텐츠가 포함된 요소를 삭제합니다.
예를 들면 다음과 같습니다.
.remove-me {
visibility: hidden;
}
<button class="remove-me">Can't reach me with the TAB key!</button>
화면 밖 콘텐츠의 공개 상태를 올바르게 설정하기도 참고하세요.
리소스
화면 밖 콘텐츠가 보조 기술에서 숨겨져 있음 감사를 위한 소스 코드
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2019-05-02(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2019-05-02(UTC)"],[],[]]