홈
레벨 30: 스크린 리더 전용 (Sr Only)
이전
다음
지시사항
`sr-only`를 사용하여 '검색' 텍스트를 시각적으로 숨기세요.
목표:
화면에는 보이지 않지만 스크린 리더에게는 읽히는 텍스트를 만들어봅시다.
HTML 에디터
정답 확인
<button class="p-2 bg-gray-200 rounded"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg> <span>검색</span> </button>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과