무아지경

웹 접근성(Web Accessibility) 웹 접근성(Web Accessibility) 이란 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것이다. 특정 대상에 한정되지 않고 모든 사용자가 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것이다.장애인차별금지법이 생기면서 2013년 4월 11일이후 모든 공공기관과 법인의 웹사이트에서 웹 접근성 준수가 의무화됐다. 간단한 방법의 예시로.. 저시력 시각장애인 이나 고령자 - 페이지의 확대/축소 기능이나 고대비 보기 제공 전맹 시각장애인 - 스크린 리더와 같은 대체 소프트웨어를 이용해 사이트를 읽어 왔을때 사이트의 콘텐츠가 순서대로 읽힐 수 있도록 마크업 - 이미지가 제공될 경우 이미..

HTML5 시맨틱(Semantic) 마크업 HTML5의 가장 큰 특징 중 하나인 시맨틱 태그 시맨틱(Semantic)은 "의미론적인"이란 뜻을 가진 단어이다. 즉 개발자와 브라우저에게 의미있는 태그를 제공한다고 이해하면 될 것 같다. 간단한 예로 는 non-semantic 태그라 볼 수 있고 , , 등은 semantic 태그라고 볼수 있다. 이면 표가 들어 갈 것이고, 는 네비게이션을 의미할 것이라는 것을 유추 할 수 있다. 즉 시맨틱 태그를 보면 태그 자체만 봐도 어떤 의미로 사용 된 태그인지 알 수 있게 된다. 이렇게 의미를 가진 태그는 검색엔진이나 그 이외에 기계적인 동작들이 웹페이지를 쉽게 이해 할 수 있게 된다. 사용은 를 사용하듯 사용하면 된다. 시멘틱 마크업 작성의 장점 - 접근성이 좋아짐 ..

inline-block 요소와 block요소 배치(?) 웹표준에서 inline요소 안에 block요소가 들어가면 안된다. 단... a > div는 html5에서 표준으로 인정된다.