• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

필요없는 내용을 날려버릴때

20.03.22 12:26 작성 조회수 76

1

예를들어 

legend {display: block; position: absolute; left:0; top: -9999em; overflow: hidden}

이렇게 날려버리는 방법과 

caption {display: none}

이렇게 안보이게 하는 방법이 있던데 

보기에는 그냥 display:none하면 편리한데 위의 예처럼 -9999em으로 날려버리는건 왜 인가요 ? 

답변 1

답변을 작성해보세요.

1

이건 웹 접근성 때문입니다. display: none 의 경우에는 그 요소가 없어진 것이라서 소리로 읽어주질 않습니다. 반면에  position 이나 기타 다른 방법으로 화면 밖으로 보낸 경우에는 없어진 것이 아니므로 소리로 읽어집니다.