티스토리 뷰
<div>
<h1 id="cwork">취/창업여부</h1>
<ul role="radiogroup" aria-labelledby="cwork">
<li>
<input type="radio" id="radio" id="radio_1"> <label for="radio_1">취업</label>
</li>
<li>
<input type="radio" id="radio" id="radio_2"> <label for="radio_2">창업</label>
</li>
</ul>
</div>
특정 이유로 fieldset을 사용할 수 없다면 role=”radiogroup”, role=”group”을 적절하게 사용.
라디오가 아니라 체크박스인 경우 role="group" 사용.
aria-labelledby
: aria-labelledby를 사용하면 어떤 요소의 레이블로서 DOM에 있는 다른 요소의 ID를 지정할 수 있습니다.
출처: https://nuli.navercorp.com/community/article/1132737
https://developer.mozilla.org/ko/docs/Web/Accessibility/ARIA/forms/Basic_form_hints
'HTML > Aria 정리' 카테고리의 다른 글
스크린리더 음성 정리 (0) | 2022.08.18 |
---|---|
Role 속성 (0) | 2021.08.25 |