티스토리 뷰

HTML/Aria 정리

radiogroup 작성 사례

트라이에이스 2021. 8. 25. 17:14
<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
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/04   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
글 보관함