클릭 영역은 모두 div로 만들어도 되나요?
실제 버튼과 링크는 역할에 맞는 요소를 사용하는 편이 좋습니다. 키보드와 보조 기술의 기본 동작을 활용할 수 있기 때문입니다.
적용 범위
구조를 단순하게 유지하되 신뢰 경계와 변경 책임을 분리하는 것이 좋습니다. 작은 기능도 실제 서버와 브라우저에서 어디에서 실행되는지 이해해야 합니다.
확인할 항목
- 서버와 브라우저 코드 구분
- 입력과 출력 형식 정의
- 반복 코드의 역할 확인
공식 참고 자료
아래 자료는 이 주제의 개념과 검토 기준을 확인하는 공식 참고 문서입니다. 작업 순서와 비교 방법은 편집팀의 제안이며, 제품의 성능을 직접 시험했다는 뜻은 아닙니다.
- W3C 입력 양식 접근성 안내확인일 2026-10-20
- MDN HTML 안내확인일 2026-10-20
- Next.js App Router 공식 문서확인일 2026-10-20
관련 질문
데이터 표에는 어떤 구조가 필요한가요?
행과 열 제목을 의미에 맞게 표시하고 단위를 설명하세요. 모바일에서도 값이 어느 제목에 속하는지 알 수 있어야 합니다.
데이터 표에는 어떤 구조가 필요한가요 자세히 보기 ↗이미지를 넣을 때 크기를 정해야 하나요?
이미지 영역을 미리 확보하면 로딩 중 화면 이동을 줄일 수 있습니다. 실제 표시 크기에 맞는 파일과 의미 있는 대체 텍스트도 확인하세요.
이미지를 넣을 때 크기를 정해야 하나요 자세히 보기 ↗글꼴은 어떻게 적용하는 게 좋나요?
필요한 글꼴과 굵기만 사용하고 로딩 중에도 본문을 읽을 수 있게 구성하세요. 외부 요청과 라이선스 조건도 함께 확인하는 것이 좋습니다.
글꼴은 어떻게 적용하는 게 좋나요 자세히 보기 ↗