1. aria-pressed 토글 버튼 상태를 나타낸다. 홍길동 사용, 홍길동, 전환버튼 전환하려면 두번 탭하세요. 김철수 사용 안함, 김철수, 전환버튼 전환하려면 두번 탭하세요. 2. aria-expanded 탭이 펼쳐짐 상태를 나타낸다. 홍길동 길동 서브 펼쳐짐, 홍길동, 버튼 활성화하려면 두번 탭하세요. 김철수 철수 서브 접힘, 김철수, 버튼 활성화하려면 두번 탭하세요. 3. title 타이틀 음성 정리. 하나 하나, 버튼 활성화하려면 두번 탭하세요. 둘 둘, 버튼, 버튼 태그 활성화하려면 두번 탭하세요. 셋 셋, 링크 활성화하려면 두번 탭하세요. 넷 넷, 링크, 앵커 태그 활성화하려면 두번 탭하세요. 다섯 다섯 여섯 스팬태그
취/창업여부 취업 창업 특정 이유로 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
role(역할): 특정 요소에 역할정의, 사용자에게 정보제공, 부여한 역할 동적변경 불가 role="application" :동일요소x,div요소와같이 그룹역할을하는 요소로 대체 role="banner" :비슷한 의미로 사용가능 -> 로 사용시 1페이지에서 1개만 사용하기를 권장 role="navigation" :와 동일 role="main" :과 동일 ->1페이지 내에 1개만 사용가능하다. 본문의 주요 컨텐츠 영역 role="aside" :와 동일, 주요컨텐츠와 연관이 적은 의미를 가진 영역 role="form" :와 동일, 서버에 전송될 수 있는 콘텐츠, 폼관련 요소 모임 role="search" :검색 역할을 담당하는 서식영역, 또는 에 사용권장. role="contentinfo" :와 비슷, 로 ..