728x90 300x250 SMALL Front-end/HTML80 Attribute 우선순위 Attribute 값을 작성 할때는 큰따옴표로("")로 감싸준다. Attribute 우선순위 rel type href, src width, height target id name class style title, alt 기타 attribute 바로가기 2022. 2. 25. html 5 Outliner 제목 계층구조 확인하기 https://gsnedders.html5.org/outliner/ HTML 5 Outliner gsnedders.html5.org 파일 선택을 클릭해서 파일을 업로드하고 Outline this!를 클릭하거나 URL에 링크 주소를 넣고 Outline this! 클릭해서 확인할 수 있다. 테스트를 위해 국립민속박물관 사이트를 확인해 보자 그럼 아래와 같이 제목 계층구조를 확인할 수 있고 사이트 개발 후 생각한 대로 제목이 위계질서가 잘 잡혀 있는지 확인해 볼 수 있다. 2022. 2. 24. [웹접근성] 본문 바로가기 만들기 skip-navigation 웹접근성 준수를 위한 본문 바로가기가 필요한 이유? 일반적으로 보통은 링크가 많이 포함된 컨텐츠라도 원하는 내용을 바로 찾아 보는데 문제가 없겠지만 스크린 리더 사용자나 키보드를 이용한 사용자 같은 경우 여러 링크가 있을 경우 원하는 콘텐츠까지 도달하기 매우 부담이 될 수 있습니다. 이런 불편한 부분을 해소 하기 위해 본문 바로가기 [skip-navigation]이 필요 합니다. 즉, 탭키를 누르면 '본문 바로가기'가 나오고 바로 본문으로 포커스를 이동할 수 있게 되는것입니다. 웹접근성을 위한 '본문 바로가기' 만들기 html 메인 메뉴 바로가기 본문 영역 바로가기 하단 영역 바로가기 css #skip-navi {position:relative; z-index:3000} #skip-navi a {posi.. 2022. 2. 23. 웹접근성 이란? 웹 접근성이란? 웹 접근성은 어떤 신체적 장애가 있는 사람이라도 남녀노소 어떤 환경에 있더라도 가능한 많은 사용자가 불편 없이 사용할 수 있도록 서비스를 제공하는 것을 말합니다. 한국형 웹 콘텐츠의 지침의 경우에는 대부분 시각장애인에 초점이 맞춰져 있습니다. 한국형 웹 접근성은 국제표준화기구 W3C에서 만든 WCAG를 기반으로 해서 KWAG를 제정해서 만들어졌습니다. KWAG는 웹 접근성 제고를 위한 4가지 원칙과 각 원칙을 준수하기 위한 13개의 지침, 해당 지침의 준수 여부를 확인하기 위한 24개의 검사 항목이 있습니다. 이렇게 24개의 항목을 모두 통과해야 합니다. 아래 링크에 가면 지침 가이드를 다운로드하여 볼 수 있습니다. https://www.wah.or.kr:444/Participation/.. 2022. 2. 20. 이전 1 2 3 4 5 6 7 ··· 20 다음 728x90 반응형 LIST