[Korean FE Article] 시맨틱과 팝오버 속성: 언제 사용해야 할까요?
소개
HTML의 새로운 속성인 popover 속성에 대해 들어보셨나요? 이 속성을 이용하면 팝오버 동작들을 보다 쉽게 구현할 수 있습니다. 하지만 이 속성은 단지 동작을 추가해 줄 뿐 동작에 맞는 시맨틱을 추가해 주는 것은 아닌데요. 접근성을 향상시키기 위해 popover 속성을 사용하는 요소에 적합한 시맨틱은 어떤 것들이 있는지 이 글을 통해 살펴보세요!
목차
시맨틱?
팝오버에는 기본 역할이 없습니다
팝오버의 잠재적 역할
메뉴: menu 역할
대화 상자: dialog 역할
목록 상자/자동 완성: listbox 역할
툴팁/토글팁: tooltip(주의 사항 포함) 또는 dialog
결론