백업하는 인생

더보기+ 링크가 정확히 어디로 연결되는 링크인지 title을 이용하여 명확히 설명할 것! ex.

1. 웹 접근성과 모바일 웹 접근성의 심사기준은 동일하며 단, 항목 8번이 8-1(키보드 사용 보장)과 8-2(누르기 동작 지원)으로 구분되어서 심사하고 있다고 한다. 항목 8-1. (키보드 사용 보장) 모든 기능은 키보드만으로도 사용 할 수 있어야 한다.(PC웹) 항목 8-2. (누르기 동작 지원) 터치(touch) 기반 모바일 기기의 모든 컨트롤은 누르기 동작으로 제어할 수 있어야 한다.(모바일 웹) 2. 심사환경 android 9 이상 (최신버전으로 심사하게됨. 업데이트 필수) - 넥서스5x : 5.2 - 구글 픽셀로 테스트하는게 좋음 (갤럭시, lg 는 테스트하기엔 불안정함 ) os 12.1.4 (최신버전으로 심사하게됨. 업데이트 필수) - 아이폰 6이상 (** 2019년 상반기 기준이고, 그 사..

1. a링크에 title을 다는 경우 - 목적이나 용도를 알기 어려운 링크텍스트 및 아이콘를 제공한 경우

항상 body 맨 상단에는 아래와 같은 소스가 들어가야한다. 본문바로가기 주메뉴 바로가기 * class명과 id명은 자유롭게 바꿔도 된다. 저 소스를 body 제일 상단에 추가하게 되면 탭을 클릭했을때 브라우저 맨 상단에 이런게 나타난다. 저걸 엔터 치는 순간 정확히 본문이 시작되는 곳으로 이동해야하는데, 이동한 곳이 본문이 시작되는 곳이 아니면 오류판정 받게 된다. (참고로 "주메뉴 바로가기"는 헤더의 첫번째 메뉴로 이동하면됨) 주의해야할 점은 아래 이미지처럼 상세 탭에 있을 경우 탭 하단에 있는 본문으로 이동해야한다. 탭까지 감싸고 있는 태그로 이동하면 안됨. 참고 : https://www.kisti.re.kr/mspt/client-satisfaction/pageView/31?t=1579008528427

흑백일때 색에 상관없이 구별이 가능해야됨 패턴이나 underline을 사용하던지, 텍스트로 보조설명하는 방법으로 해결할수 있다. 물론, 이미지 속에서도 색에 상관없이 구별이 가능해야한다 이미지들이 색깔로만 구별된다면 일일이 포토샵으로 합성해서 바꿔야한다. 저런 이미지들이 많다면 죽었다 생각해라 (명도대비부터 대체텍스트까지 지옥을 경험하게 될 것이다 .... )

1. 일반 링크 a링크 클릭시 새 창이 뜰 때(target="_blank" 들어가 있을 경우)는 반드시 title="새창으로 열림" 넣어야됨 - 링크 안걸려 있는 텍스트에 굳이 a링크 걸어가면서 넣을 필요 없음 - 새창으로 띄워도 되고 안띄워도 됨. 단, 새창으로 띄울거 같으면 반드시 새창으로 열림 title 추가해줄것 naver.com 2. 메일보내기 링크 abcd1234@naver.com

1. 각 페이지 별로 타이틀이 있어야된다. 현재페이지 | 2차메뉴 | 1차메뉴 | 사이트명 2. 단계를 나눌수 있을때까지 나눠야됨 * 예시 (유형이 많아서 일부만 기재했음...) 1) 회원가입이 끝이 아니라 "회원유형 선택"하는 것까지 나눠야됨 참고: https://www.nanoin.org/member/memberJoin 2) 팝업창 상단에도 title 추가해야됨 참고: https://www.nanoin.org/member/joinReqForm 3) 탭 있는 부분은 탭 제목까지 다 나눠야됨 참고: https://www.kreonet.net/service/pageView/639?t=1578931922897

날짜 나라 음식 2019-02-01 대한민국 김치 1. caption은 상세하게 써야한다. 날짜별로 각 나라의 음식의 종류를 보여주는 표입니다. 2. th에는 반드시 scope 를 써야된다. (td에는 쓸 필요 없음) 날짜 나라 음식 2019-02-01 3. 레이아웃용(디자인만을 위한)표는 th scope. caption 다 없어야됨. (전부 td로 짜야됨) 참고: https://www.kisti.re.kr/promote/post/newsletter/4356?cPage=2&t=1578930909280

1. 마우스로 할 수 있는것들은 전부 키보드로도 가능해야된다. 그리고 순서도 제대로 되어야야됨(시각적인 흐름대로) * 탭포커싱 받는 요소들 : , ,,, 탭하는 방법: tab 클릭 뒤로 탭하는 방법: shift+tab 탭하다가 라디오버튼 및 체크박스 선택하려면: spacebar + 화살표 방향키로 이동 2. 탭이 포커싱되는 것은 시각적으로 구별가능해야한다 (포커스가 어디로 가고있는지 눈에 확실히 보여야됨) -> :focus{box-shadow: 0 0 0 0.2rem rgba(0, 37, 76, 0.25);}

1. 사용자가 입력을 할 수 있는 요소들(input, textarea, select box, check box...)은 전부 label값과 연결되어야한다. label의 for값과 input의 id값을 동일하게 맞춰주면 됨 검색어 2. 하나의 label에 여러개의 input이 들어가야하는 경우에는 title추가!! 제목: 이메일 첫번째 input 박스 : 두번째 input 박스 : select 박스 : 참고: http://203.250.216.148/notifications/post/event_ing/add?event_id=201&t=1546927278458