웹접근성

페이지를 탐색할 때 비장애인의 경우는 보고 싶은 콘텐츠를 마우스로 클릭하면 바로 이용할 수 있다. 하지만 시각 장애인의 경우 tab키, 방향키 등을 사용해 스크린리더를 통해 페이지를 이용하기 때문에 페이지의 양이 많다면 원하는 정보를 얻기 위해 많은 tab 키와 방향키

: 사용자가 장애 유무 등에 관계없이 웹사이트에서 제공하는 모든 콘텐츠를 동등하게 인식할 수 있도록 제공하는 것(1) 텍스트가 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야한다.구체적인 정보를 제공해야하는 경우: 이미지 링크, 이미지 버튼 등

Web Accessibility Initiative - Accessible Rich Internet ApplicationsHTML 태그에 필요한 정보를 제공해주는 보조기술로, 웹 접근성 향상을 돕는 방법 중 하나이다.역할(Role), 속성(Property), 상태(St

브라우저에게 문서가 어떤언어를 사용할 것인지 알려준다.SEO에도 좋고 보조기술이 알맞은 음성 프로파일이나 문자 집합을 선택하는데 도움을 준다.이미지가 콘텐츠로 사용된다면 이미지 콘텐츠에 대한 정보를 제공하기 위해 alt 속성을 사용한다. 이 경우 스크린 리더가 "~의

tabindex키보드의 tab 키를 눌렀을 때 포커스의 이동 순서를 임의로 조정할 수 있는 HTML 속성.잘못된 사용으로 스크린리더 사용자가 웹페이지의 구조를 이해하는데 어려움을 줄 수 있으므로 신중하게 사용해야한다.어떻게 사용해야하는지tab-index의 값은 -1,

outline요소가 focus될 때 border 바깥에 그려지는 선. 공간을 차지하지 않는다.outline을 조정하는 속성들outline : outline의 단축 속성으로 outline-color outline-style outline-width 값을 포함한다.