728x90
반응형
디자인된 텍스트, 접근성을 높여라
서울대학교의 학교 소개 웹페이지 입니다. 디자인을 위해 일반적인 시스템폰트(굴림, 돋움)를 사용하지 않고 다른 유료 상용 폰트를 사용하였습니다. 이 페이지의 HTML 마크업은 어떻게 되어있을까요? 이 모든 텍스트는 한개의 통이미지로 잘려져 있고, 대체텍스트로 이 이미지가 담고 있는 모든 텍스트가 들어갔습니다. 다음은 한나라당의 소개 페이지 입니다. 여기서도 마찬가지로 디자인을 위해 시스템 폰트가 아닌 상용 폰트를 사용하였습니다. 이곳은 어떻게 마크업되었을까요? 이곳은 단락단락마다 이미지를 잘랐고 단락 텍스트를 담아 대체텍스트를 넣었습니다. 가볍게 두군데만 돌아봤는데 대체텍스트를 넣었다는 점에서는 일단 박수를 보냅니다. 그런데 과연 이렇게 긴 대체텍스트. 여러면에 있어서 효율적인가요? 웹접근성 가이드에서는..
WEB2.0/웹표준
2009. 11. 9. 09:30
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 게임
- Apple
- 스마트폰
- 트위터
- 웹표준
- 아이디어
- 아이폰
- JavaScript
- 벤처
- CSS
- 앱
- 공모전
- 네이버
- iPhone
- php
- 애플
- 자바스크립트
- android
- 앱스토어
- 대학생
- 안드로이드
- 구글
- 경진대회
- AWS
- 어플리케이션
- 창업
- 모바일
- 소프트웨어
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함
728x90
반응형