두 속성 모두 영역이 보이지 않게 숨기는 속성이다.
overflow : hidden vs display : none 의 차이점은 접근성이다.
즉, 스크린리더가 읽게 할 것이냐, 읽지 않게 할 것이냐이다.
| display : none | 스크린 리더가 읽지 않게 한다. |
| overflow : hidden | 스크린 리더가 읽는다. |
즉, 스크린리더가 읽어줘야 할 내용은 overflow : hidden으로 , 읽지 않아도 되는 내용은 display : none 으로 처리해준다.
'FE > HTML,CSS' 카테고리의 다른 글
| [css] position (0) | 2022.04.11 |
|---|---|
| [css] 중앙정렬 시 사용되는 코드 모음 (0) | 2022.04.07 |
| [css] img하단요소에 생기는 빈공간은 무엇일까 ? (2) | 2022.04.07 |
| [css] 단위 | background | font (0) | 2022.04.07 |
| [CSS ] 마진 겹침 현상 | inline | block (2) | 2022.04.06 |