ARIA Authoring Practices Guide (APG)

소개 ARIA Authoring Practices Guide(APG)는 접근성 의미론을 적절하게 전달하고 일반적인 키보드 규칙을 구현하는 웹 사이트를 개발하여 보조 기술 및 키보드 인터페이스 사용자를 위한 접근성 있는 웹 경험을 만드는 방법을 설명합니다. 또한 고대비 및 동작 감소를 위한 운영 체제 설정 지원과 같이 밀접하게 관련된 일부 주제에 대한 지침을 제공합니다. Index 아래 주소에서 자세한 샘플을 확인할 수 있다. https://www.w3.org/WAI/ARIA/apg/example-index/ Index Accessibility resources free online from the international standards organization: W3C Web Accessibility ..

2023.01.24

jQuery 셀렉터, 요소 복사 및 잘라내기

아이템 순서대로 찾기 jQuery 셀렉터에 의해 리턴되는 각각의 아이템에는 인덱스 번호가 할당되며, 이 번호는 객체집합을 필터링할 때 사용할 수 있다. 인덱스 번호를 이용하여 요소 찾기 메소드, 셀렉터 설명 .eq() 인덱스 번호에 해당하는 요소를 리턴한다. :lt() 지정된 숫자보다 인덱스 번호가 작은 요소들을 리턴한다. :gt() 지정된 숫자보다 인덱스 번호가 큰 요소드를 리턴한다. 요소를 잘라내거나 복사하기 jQuery 객체집합을 얻게되면 이 페이지의 메소드들을 이용하여 해당 요소들을 제거하거나 복사할 수 있다. 잘라내기 메소드 설명 .remove() DOM 트리에서 조건에 일치하는 요소들을 제거한다. (하위요소 및 텍스트 노드들도 모두 제거) .detach() .remove() 메서드와 동일하지만..

2022.01.11

jQuery tabmenu3

CSS /* CSS Document */ *{margin:0; padding:0} body{margin:20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333333} a{color: #333; text-decoration: none;} .tabs {border:1px solid #ccc; width:600px;} .tabs .tab_menu{overflow: hidden;} .tabs .tab_menu li{float: left; margin-right: 10px;} .tabs .tab {display:block; width:84px;text-align: c..

2021.12.14

jQuery tabmenu2

CSS /* CSS Document */ *{margin:0; padding:0} body{margin:20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333} a{color: #333; text-decoration: none;} .tabs {width:600px; border:1px solid #ccc;} .tabs .tab_menu{overflow: hidden;} .tabs .tab_menu li{float: left; margin-right: 10px;} .tabs .tab {display:block; width:84px; text-align: cen..

2021.12.14

jQuery tabmenu1

CSS /* CSS Document */ *{margin:0; padding:0} body{margin: 20px;} img{border:0; vertical-align:top} ul,ol{list-style:none} body{font-family:"돋움"; font-size:14px; color:#333333} a{color: #333; text-decoration: none;} .tabs {position:relative; width:600px; border:1px solid #ccc;} .tabs a.tab{position:absolute; display:block; width:84px; text-align:center; font-size: 16px; background: red; color: #..

2021.12.14

jQuery 간단 갤러리 index

이미지1 이미지2 이미지3 이미지4

2021.12.07