본문 바로가기
HTML&CSS

HTML : 웹 접근성, 웹 표준

by 뀨ㅎㅎ 2020. 9. 9.

ui.daum.net/accessibility/pc

 

다룸, Darum 웹표준을 다루다

Accessibility 본문 PC 접근성 PC 접근성 지침 "한국형 웹 콘텐츠 접근성 지침"(KWCAG/ Korean Web Content Accessibility Guidelines)을 근거로, 웹 접근성 제고를 위한 4가지 원칙과 각 원칙을 준수하기 위한 13개 지�

ui.daum.net

 

웹 접근성은 시각장애인, 청각장애인, 혹은 색맹과 같이 몸이 불편한 사람들이 차별없이 인터넷을 이용할 수 있도록 만들어진 지침이다.  (장애인만을 위한 것은 아니다.)

웹 접근성은  위에있는 다음사이트에서 자세히 볼 수 있다.

 

 

내가 명심해야 할 것 기준으로 정리를 하자면,

 

1. 텍스트 이미지일 경우, 설명의 alt=""안의 내용을 이미지와 일치시킬것

2. 특정내용을 써야하는 이미지일경우, alt=""안의 내용을 설명과 함께 쓸것. 뉴스같은 내용이면 간략한 내용을 쓸것

3. 배경이미지에 텍스트가 있어도, 대체텍스트를 쓰고, css로 띄우기 // fontawsome은 텍스트x지만, 스프라이트는 써야함

4. 구분해야하는 체크/도형이 있을 경우 색깔로만 구분하면 안됨

5. 안내텍스트를 써야할 경우 명확하게 쓰고, 제공하는 안내에 오류가 없을 것

6. 색상,명도 구분가능한것 쓸것(checkmycolor 에서 확인)

7. 동영상, 슬라이드,실시간콘텐츠 등은 사용자가 제어가능하게 만들것

8. 바로가기 를 만들어줘야하며, 바로가기는 그 내용의 맨뒤에 있을것

9. 모든 컨텐츠는 탭으로 이동할 수 있어야함

10. h1,h2...등 제목의 위계는 중요하다.

 

 


 

 

웹 표준은 웹 접근성을 맞추면 자연스럽게 향상된다.

표준 기술,규칙을 말하는데, html / css / DOM, ECMAscript 이 있다.

 

 

 

 

 

'HTML&CSS' 카테고리의 다른 글

HTML: 크로스브라우징  (0) 2020.09.28
HTML: video 속성  (0) 2020.09.06
HTML: head에 작성해야 할 meta태그와 open graph  (0) 2020.07.27
CSS: after, before (가상선택자)  (0) 2020.07.14
HTML&CSS: input, label, form  (0) 2020.07.05

댓글