← 질문 목록
#122깊이 0
div만 쓰면 어떤 비용이 드는가?
프론트엔드기초
브라우저와 보조 기술이 구조와 역할을 알기 어렵다. 개발자는 ARIA와 키보드 동작을 직접 구현해야 한다. 코드의 의도도 흐려진다.
| 기준 | 시맨틱 요소 | div 흉내 |
|---|---|---|
| 구조 인식 | 기본 제공 | ARIA 직접 지정 |
| 키보드 동작 | 기본 제공 | 직접 구현 |
네이티브 요소는 기본 역할과 키보드 동작을 함께 제공한다. button을 div로 흉내 내면 Enter와 Space 처리, 비활성 상태도 직접 구현해야 한다.
화면 모양만 보고 요소를 고르면 안 된다. 콘텐츠의 의미와 동작을 먼저 정하고 CSS로 표현을 바꿔야 접근성과 유지보수가 함께 좋아진다.