전체 글27 Form에서 label과 input 요소의 연결 및 title 사용법 기본적으로 사용하는 input 요소와 label을 짝을 이룹니다. A 체크박스와 라디오의 경우 input요소 뒤에 label이 위치해야 합니다. B 하지만, 디자인이 label을 수용할 수 없을 때 혹은 label로 식별되는 텍스트가 없을 때, 혹은 label을 표시하는 것이 혼란스러울 수 있는 곳에서는 title 만으로 폼 컨트롤을 식별하게 됩니다. 검색의 경우 Search for subject actor writer content 전화번호의 경우 전화번호 그 외 label을 쓰지 않는 경우 전송과 초기화 버튼 (input type="submit" 또는 input type="reset") 이미지 버튼 (input type="image") 숨겨진 입력필드 (input type="hidden") 스크립트 .. 2022. 8. 5. [웹 접근성] a태그 하이퍼링크 비활성화 1. href = "javascript:void(0)" 설정 링크는 걸리지만, 이동을 안함 2. 동적 비활성화 : 자바스크립트로 a 태그를 취득 후, href속성을 제거 링크 비활성화 document.querySelector(".disableLink").removeAttribute('href'); ++ disable로 비활성화 : a 태그에 disable class를 설정 후, css로 컬러 조정 .disable { color: gray; } 참고 : https://curryyou.tistory.com/205 [HTML] a 태그 하이퍼링크 비활성화(disable) 방법 a 앵커 엘리먼트 자체는 disable 옵션을 제공하지 않는듯 하지만, hre.. 2022. 8. 5. [웹 접근성] Form에서의 웹 접근성 참고사이트 table 참고 : https://rules.sonarsource.com/html/RSPEC-1102 HTML static code analysis: "" tags should have "id" or "scope" attributes Associating headers, i.e. elements, with their cells enables screen readers to announce the header prior to the data. This considerably increases the accessibility of tables to visually impaired users. There are two ways of doing it: Addi rules.sonarsource.com 2022. 8. 5. [웹 접근성] 웹접근성 참고사이트 http://www.wah.or.kr/ 중앙선거관리위원회 정책.공약마당 https://policy.nec.go.kr/ title policy.nec.go.kr 2022. 8. 5. [웹 접근성] 웹접근성 지침 정보 접근성이란? 모든 사용자를 위한 더 편리한 서비스 정보 접근성은 모든 사용자가 특정 환경이나 신체적 장애에 상관없이 웹 사이트나 애플리케이션에서 제공하는 모든 정보에 동등하게 접근하고 이용할 수 있도록 보장해 주는 것입니다. 장애인뿐만 아니라 고령자, 비장애인도 접근성의 대상이 되며 4가지 핵심원리는 다음과 같습니다. 인식의 용이성모든 콘텐츠는 사용자가 인식할 수 있어야 한다. 운용의 용이성사용자 인터페이스 구성 요소는 조작 가능하고 내비게이션할 수 있어야 한다. 이해의 용이성콘텐츠는 장애유무에 관계없이 이해할 수 있게 구성되어야 한다. 견고성웹 콘텐츠는 미래의 기술로도 접근할 수 있도록 견고하게 만들어야 한다. 정보 접근성 가이드 다양한 사용자를 향한 폭넓은 이해 전맹 사용자시각을 통해 화면의 이.. 2022. 8. 4. [jQuery] focus와 blur focus와 blur 사용자가 폼 요소를 클릭하거나 Tab 키를 눌러 요소로 이동하면 해당 요소가 포커스(focus)됩니다. autofocus라는 HTML 속성을 사용해도 요소를 포커스 할 수 있는데 이 속성이 있는 요소는 페이지가 로드된 후 자동으로 포커싱 됩니다. 이 외에도 요소를 포커싱(focusing)할 수 있는 방법은 다양합니다. 요소를 포커싱한다는 것은 일반적으로 '여기에 데이터를 입력할 준비를 하라’는 것을 의미하기 때문에 요소 포커싱이 이뤄지는 순간엔 요구사항을 충족시키는 초기화 코드를 실행할 수 있습니다. 요소가 포커스를 잃는 순간(blur)은 요소가 포커스를 얻는 순간보다 더 중요할 수 있습니다. 사용자가 다른 곳을 클릭하거나 Tab 키를 눌러 다음 폼 필드로 이동하면 포커스 상태의 요.. 2022. 8. 4. Jquery 참고 사이트 https://api.jquery.com/ jQuery API Documentation jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new t api.jquery.com https://www.w3schools.com/jquery/default.asp jQuery Tutorial W3Schools offers.. 2022. 8. 3. vue 참고 사이트 https://mkil.tistory.com/ 나비와꽃기린 일과 공부 기록 mkil.tistory.com https://medium.com/@hozacho/%EB%A7%A8%EB%95%85%EC%97%90-vuejs-8a50055b7551 2022. 8. 3. [jQuery] Select Box 특정 옵션 선택 시 show / hide 전체 옵션1 옵션2 옵션3 1. Select Box 'id'로 접근하여 선택된 값 읽기 $("#selectBox option:selected").val(); 2. Select Box 'name'으로 접근하여 선택된 값 읽기 $("select[name=selectBox]").val(); 3. Select Box 선택한 옵션 'index' 값 얻기 $("#selectBox option").index($("#selectBox option:selected")); 4. Select Box 특정 옵션 선택시 div show/hide 셀렉트 박스 옵션 선택 시 원하는 옵션에 조건을 주고 그 조건이 맞다면 div 디자인 보이기 숨기기 $(document).ready(function() { $('#selectBox')... 2022. 8. 3. 이전 1 2 3 다음