본문 바로가기

웹 개발/웹접근성|웹표준5

페이지별 H 태그 구조 한번에 파악하는 방법 - html 5 outliner h태그에 대한 상세한 설명은 https://developer.mozilla.org/ko/docs/Web/HTML/Element/Heading_Elements 참고 1. Html 5 Outliner - 웹사이트 https://gsnedders.html5.org/outliner/ HTML 5 Outliner gsnedders.html5.org 예시 ) 행정안전부 웹사이트 2. HTML5 Outliner - 크롬 확장프로그램 예시) 행정안전부 웹사이트 2023. 11. 8.
웹접근성 배우기 좋은 유튜브 채널 추천 한국지능정보사회진흥원(NIA)이 운영하는 Youtube 채널 https://www.youtube.com/@AOA11Y AOA11Y 정보접근성 인식개선 및 기술기반 확산을 목표로 한국지능정보사회진흥원(NIA)이 운영하는 Youtube 채널 www.youtube.com 2023. 10. 23.
웹접근성 검사 도구 추천 명도대비 확인 및 대체색상 추천 사이트 https://app.contrast-finder.org/?lang=ko Contrast Finder, 웹 접근성 기준(WCAG)에 적합하도록 명암이 충분히 대비되는 색의 조합 검색 Contrast-Finder는 웹 접근성 기준(WCAG)에 적합하도록 명암이 충분히 대비되는 색의 조합을 찾아줍니다. 그래서 색의 명암비와 관련된 웹 접근성(a11y) 테스트를 충족시키는 데 도움을 드립니다. Contras app.contrast-finder.org Colour Contrast Checker 프로그램 https://www.tpgi.com/color-contrast-checker/ Color Contrast Checker - TPGi TPGi's ADA Color Cont.. 2023. 5. 8.
웹접근성 (한국형 웹 콘텐츠 접근성 지침 2.2) 한국형 웹 콘텐츠 접근성 지침 2.2 문서 웹접근성을 준수하는 것은 꽤나 까다로운 작업을 요한다. 하지만 모두가 사용할 수 있는 사이트를 만드는 것은 중요하기 때문에, 웹접근성 마크를 획득이 목적이 아니어도 기본적으로 웹접근성을 준수하여 제작하는 습관을 길러야 하겠다. 그리고 타자치다가 마우스로 이동하지 않고 키보드 탭으로만 운용하는 것은 편리하다! 출처 : 한국웹접근성인증평가원 2023. 4. 7.
bxslider 웹접근성 대응 $('.mainSlider').bxSlider({ auto: true, autoControls: true, stopAutoOnClick: true, pager: true, speed:500, autoControlsCombine: true, responsive: true, pause: 5000, // 웹접근성 대응 onSliderLoad: function(){ $(".bx-clone").find("a").prop("tabIndex","-1"); }, onSlideAfter: function(){ $(".mainSlider").children("li").each(function(){ if($(this).attr("aria-hidden") == "false"){ $(this).find("a").attr("ta.. 2023. 4. 7.

티스토리툴바