웹접근성 질문 입니다. 채택완료
아래 두 예제중 어떤게 맞는 표현일까요?
어떤 내용의 셀렉트박스인지 설명을 해줘야 하는 경우 입니다.
aria-label / aria-labelledby 입니다.
Copy
<select name="" class="site" aria-label="관련사이트 바로가기">
<option value="">관련사이트 바로가기</option>
<option value="">사이트1</option>
<option value="">사이트2</option>
</select>
<select name="" class="site" aria-labelledby="관련사이트 바로가기">
<option value="">관련사이트 바로가기</option>
<option value="">사이트1</option>
<option value="">사이트2</option>
</select>
답변 2개
답변을 작성하려면 로그인이 필요합니다.
로그인
<div id="relatedSitesLabel">관련사이트 바로가기</div>
<select name="" class="site" aria-labelledby="relatedSitesLabel">
<option value="">관련사이트 바로가기</option>
<option value="">사이트1</option>
<option value="">사이트2</option>
</select>
이렇게 쓰시면 될것같아요