호환과 접근성 검사

validator에 들어가 자신이 작업한 html파일을 올리게 되면 error와 warning 그리고 info가 나온다 info는 대부분의 내용이 이때 '/' 때문에 알림이 오는 것인데 prettier를 사용한다면 나오는 정보이다. 찾아보니 프리티어를 끄면 잘 되는 것으로 알았다.

제가 설명할 것은 항상 많이 보는 오류들 중 제가 가장 많이 본 오류 두 가지를 적어보겠습니다.

1. The element button must not appear as a descendant of the a element.

2. Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections, or else use a div element instead for any cases where no heading is needed

1번의 경우는 버튼태그와 div 태그를 사용해도 나오는데 그 이유는 바로
주소를 못 정하기때문이다. 계속 태그를 안에 포함시켜도 보고 밖으로 포함시켜도 봤지만 결국 google의 힘을 빌려서 찾아낸 방법은

<button class="btn-short" onclick="location.href='#'">

이것이다. 아직 jsp는 배우지 못했지만 그럼에도 onclick을 사용하면 된다는 것을 알고는 쉬운 걸 너무 고생한 것 같아서 저와 다른 분들은 쉽게 찾으시라고 글을 적습니다.

2번의 경우에는 section에 대한 공부를 잘 안했던 것 같아서 몰랐는데 오류의 내용은 이러하다. section태그 안에는 h1~h6태그를 어떻게든 사용해야하는데 section을 사용해야했기에 제목 태그는 사용하면서 화면에 나타나지 않게 하기 위해 히든을 사용해주었다.

<h2 hidden>~~</hidden>

간단한 것들이지만 과제를 할 시에 오류때문에 저처럼 고생하시지 마시고 한 줄 코드 쓰시면 좋을 것 같습니다.