Web5 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. 이전 1 2 다음