![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbjqjmk%2FbtrOlKhmOu2%2FeuGtxRmhbyhF1kkDgikeCk%2Fimg.png)
공부 | HTML, CSS 웹 접근성(스크린리더) 정리
2022. 10. 11. 18:52
공부/프론트엔드
웹 접근성(스크린리더) ❓상황 스크린 리더에 탐지되지 않게 하는 방법을 강의로 처음 접하게 되었고, 이를 학습하여 정리하였음. 📖 스크린리더란? 스크린리더는 컴퓨터의 화면을 다양한 언어로 음성으로 표현하는 것을 뜻한다. 흔히, 트위치에서 스트리머에게 후원을 할때 후원 텍스트를 기계가 읽어주는 것을 생각하면 된다. 🧮 정리 HTML : aria-hidden aria-hidden 속성은 HTML Tag 요소의 속성으로 사용된다. aria-hidden 속성이 입력된 HTML Tag가 접근성 API에 노출되었는지 여부를 나타낸다. 접근성 API에 노출이 되었다면, 스크린리더가 음성으로 표현할 수 있고, 반대로 접근성 API에 노출이 되지 않았다면, 스크린리더가 음성으로 표현할 수 없다. 😤 제목입니다. 예시로 ..