째의 개발 기록방

ARIA는 HTML요소에 접근 가능한 설명용 텍스트를 넣을 수 있다. 그 방법이 바로 ARIA의 속성 중 label과 관련된 속성을 사용하는 것이다. 간단하게 설명을 먼저 하자면 aria-label은 화면에 현재 요소를 설명할 텍스트가 없을 경우에 사용하는 설명용 텍스트를 담고있고 aria-labelledby는 화면에 현재 요소를 설명할 텍스트가 있을 경우에 해당 텍스트 영역과 현재 요소를 연결할 때 사용한다. 1. aria-label 1-1. aria-label은 모든 html 태그에서 사용할 수 있다. 1-2. 이미지를 사용해 시각적 표현을 할 경우 대체 텍스트 역할을 한다. 일반적인 텍스트를 사용해서 영역을 표현하는 경우가 아닌 이미지를 통해 영역을 표현하는 경우 해당 영역이 어떤 영역인지 설명할 ..

로그인 창을 직접 디자인하여 퍼블까지 해보았습니다. 먼저 html 코드입니다. 로그인 아이디 비밀번호 로그인 상태 유지 로그인 회원가입 아이디 찾기 비밀번호 찾기 먼저 placeholder 의 css 방법입니다. .content-login input::placeholder{ color: #ACACAC; font-family: NotoSans-m; } input의 checkbox css 입니다! 생각보다 복잡합니다. input[type="checkbox"]{ /*실제 체크박스는 숨김*/ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } .co..