일반 상태에서는 보이지 않지만 스크린 리더 사용자에게만 노출되게 하려면 .sr-only 선택자를 사용하며, 키보드를 사용하여 포커스 되게 하려면 .sr-only .sr-only-focusable 이렇게 사용하면 됩니다.
<a class=”sr-only sr-only-focusable” href=”#content”>콘텐츠로 이동</a>
스크린 리더 사용자가 아니라면 아래 실행에서는 나타나지 않습니다.
'프로그래밍 언어 > 부트스트랩(Bootstrap)' 카테고리의 다른 글
| [bootstrap] 부트스트랩 – 반응형 선택자 (0) | 2016.01.31 |
|---|---|
| [bootstrap] 부트스트랩 – 이미지 대체 (0) | 2016.01.31 |
| [bootstrap] 부트스트랩 – 콘텐츠 보이기와 감추기 (0) | 2016.01.30 |
| [bootstrap] 부트스트랩 – 블록을 가운데로 정렬하기 (0) | 2016.01.30 |
| [bootstrap] 부트스트랩 – 빠른 플로트(Quick float)와 클리어픽스(Clearfix) (0) | 2016.01.30 |
댓글