이미지 대체 사용 팁! placehold.it 출처 - http://dolly77.tistory.com/28 웹페이지를 디자인하다보면 이미지를 아직 완성하지 못해 넣을 수 없는 경우가 있습니다.이미지 크기는 아는데 아직 이미지가 없을 때 사용할 수 있는 좋은 방법이 있습니다.placehold.it는 원하는 크기의 이미지를 제공해 주는 사이트입니다. http://placehold.it/ placehold.it 을 사용한 이미지 더보기 IR기법(Image Replacement) http://dolly77.tistory.com/26 IR기법(Image Replacement)의미가 포함되어 있는 image를 배경으로 표현하고, 그에 상응하는 내용을 text로 전경에 기입하는 방법으로,시각이 있는 사용자는 이미지로 처리된 화면을 볼 수 있지만 "화면 낭독기를 사용하는 시각 장애인, CSS제거 및 인쇄"시에는 문자에 접근하거나 문자를 볼 수 있는 형태로 설계 하는 기법을 말한다. 1. display:block:none 속성으로 숨김처리 IR contents:Image Replacement Technique 2. text-indent 속성으로 글씨 날리는 방법 IR contents:Image Replacement Technique 3. 이미지에 z-index 값을 주어 텍스트 위로 띄우.. 더보기 접근성할때 쓰지 말아야 할속성 키보드 접근성을 해침caption 이나 블라인드 텍스트에는 아래 태그 쓰면 키보드 접근성을 해침 - display:none- visibilty:hidden 공지사항 [더보기] 항목은글을 다 보고 난 다음 클릭해야함 - tabindex 속성 http://naradesign.net/wp/2012/05/10/1786/a, area, button, input, object, select, textarea 요소가 tabindex 속성을 지원하는 요소 tabindex="0"키보드 초점을 받을 수 없는 div, span과 같은 요소도 초점을 받을 수 있도록 만들어 줍니다. 초점을 받되 초점을 받는 순서는 자연스러운 마크업 순서를 따릅니다.동영상 자막을 키보드 초점 맞출시 사용 - 아웃라인 초점 점선 생기게 함 but.. 더보기 이전 1 ··· 4 5 6 7 8 9 10 ··· 99 다음