출처 : https://www.boostcourse.org/web344/lecture/47663?isDesc=false 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org 위 링크의 "Minsik"님 댓글 내용 ---- 이번 내용과 관련하여 궁금한 점이 여러가지 있는데 물어볼 곳이 없어 stackoverflow에 물어봤습니다. 본 강의에서 설명해주신 내용을 보완하거나 충돌하는 것이 있어 링크를 공유하며, 내용을 한글로 바꿔 정리했습니다. https://stackoverflow.com/questions/61896327/why-is-negative-margin-set-to-visually-hidden-text-for-screen-readers/61908104#61908104 1. 강의에서..

출처 : https://chlolisher.tistory.com/82 [HTML] 웹접근성 Skip Menu 스킵메뉴 / Skip Navigation 스킵 네비 만들기 Skip Menu / Skip Nav를 왜 사용하는가? - 사용자 편의 및 웹 접근성을 위해서다. 웹접근성이라하면 마우스가 고장났다던가, 키보드를 사용 못하는 경우 등 정상적으로 쓸 수 없는 상황에 대해서 편의 chlolisher.tistory.com

스크린리더 : 눈이 보이지 않거나 어두신분들을 위해 귀를 통해 사이트의 화면 구조를 파악할수 있는 화면 낭독 소프트웨어 (웹접근성 지원용) 위키피디아 설명 ---- 스크린 리더(영어: screen reader)는 컴퓨터의 화면 낭독 소프트웨어이다. 스크린리더 기술은 Jaws와 같은 PC형 스크린리더와 보이스몬, 웹톡스와 같은 웹스크린리더 방식의 두가지가 있으며, PC형 스크린리더는 전맹시각장애인이 주로 사용하며, 웹스크린리더는 저시력시각장애인과 난독증과 같은 학습장애, 인지장애인과 노인, 다문화가족 등의 웹접근성을 지원하기위해 사용된다. 최근 애플사의 아이폰에 적용된 보이스오버와 같은 스마트기기에 내장된 모바일 스크린리더도 다수 활용되고 있다. ---- 윈도우 내장은 저도 잘 모르겠습니다만, 제가 수업에..

https://youtu.be/VsWfNPvDgiA https://youtu.be/oPQWjNglt_Y 장점 : IR기법을 대체해서 사용 가능 단점 : p, i, u, del처럼 텍스트를 표현하기위한 요소나 span, div처럼 의미없는 태그의 경우 ex) 텍스트 라면 aria-label에 있는 속성이 아닌 "텍스트"라는 글씨를 읽어줌 aria-label에 있는 설명은 간결해야 한다. 길 경우엔 aria-describedby를 사용 해야 한다. 텍스트 ARIA는 요소에 레이블과 설명을 추가하기 위한 여러 가지... 내용이 간결할경우 텍스트가 시각적으로 보일경우 (aria-labelledby) 아이콘처럼 텍스트가 보이지 않을경우 (aria-label) 내용이 길경우 aria-describedby aria-..