시맨틱 구조 관련해서 질문있습니다.

Question

안녕하세요?

시맨틱 구조 관련해서 질문있습니다 :)

디자이너가 디자인한 페이지 기준으로 마크업을 하게 될 때,
시맨틱 구조 잡기에 유용한 태그이지만, 화면에 보일 필요가 없는 태그(예 : h 태그 등)에 대해서는 일단 추가하고 안보이게 하나요?
아니면 아예 디자인된 페이지에 없으니까 추가 자체를 하지 않나용?ㅎㅎ

Answer

안녕하세요.

추가하고 안보이게 합니다. 그런 CSS 작업을 Blind CSS 라고 부르기도 하고, Content hiding 기법이라고도 합니다.

리소스: https://snook.ca/archives/html_and_css/hiding-content-for-accessibility

감사합니다.