비디오에 role="presentation"

이 태그를 쓴 video는 배경으로 깔아둔 video라서 role=presentation을 줬었음.

video role=presentation은 video 자체가 interactive한 요소라서 w3c에서 지원을 안 함.

본래 aria-hidden="true"도 같이 넣어놨었는데, 차라리 aria-hidden="true"만 넣고, tabindex=-1을 주는 것이 더 좋은 방법임.

webkit-playsinline

webkit-playsinline은 ios 사파리에 대응하기 위해 넣은 html 속성인데,

문제는 w3c에서 webkit-playsinline이 html표준이 아니라서 오류가 뜸.

그 해결 방법으로, data-webkit-playsinline을 넣으면 됨.

아니면 자바스크립트에서 DomcontentLoaded이후에 인라인 삽입을 하던지.

section과 article을 리더기가 알게 하라

section과 article은 제목 태그가 있어야 한다.

그래서 h2~h6를 써서 설명을 달아준 다음,

label_hidden 클래스와 tabindex=-1를 추가해서 가려버리자.

반대로 말하면? heading tag가 들어갈 게 아니라면, 즉 제목이 필요 없다면, div로 감싸는게 옳은 경우도 있다는 소리. div는 뜻이 없으니까.

이런 시맨틱 태그를 요소에 맞게 잘 써야 한다.

scale(1) 관련 오류

사실 여기서 쓰인 1은 숫자가 아니라 반환 함수인데, w3c가 이걸 숫자로 인식해서 생기는 오류이고, 전혀 고칠 필요가 없다.

검사 완료

유효성 검사 완료!