'개발도 하냐?' 카테고리의 다른 글
검색결과의 Visualization (0) | 2008.09.24 |
---|---|
FLEX (0) | 2008.09.22 |
웹표준개발방법론 (0) | 2008.02.02 |
웹표준관련 책 (0) | 2008.02.02 |
Internet Explorer Developer Toolbar (0) | 2008.02.02 |
검색결과의 Visualization (0) | 2008.09.24 |
---|---|
FLEX (0) | 2008.09.22 |
웹표준개발방법론 (0) | 2008.02.02 |
웹표준관련 책 (0) | 2008.02.02 |
Internet Explorer Developer Toolbar (0) | 2008.02.02 |
<ul id="globalnav">
<li><a href="#">Home</a></li>
<li><a href="#" class="here">About</a>
<ul>
<li><a href="#">Vision</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Culture</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#" class="here">History</a></li>
<li><a href="#">Sponsorship</a></li>
</ul>
</li>
<li><a href="#">News</a></li>
<li><a href="#">Proof</a></li>
<li><a href="#">Process</a></li>
<li><a href="#">Expertise</a></li>
<li><a href="#">Help</a></li>
</ul>
/*globalnav*/
#globalnav {
position:relative;
float:left;
width:100%;
padding:0 0 1.75em 1em;
margin:0;
list-style:none;
line-height:1em;
}
#globalnav LI {
float:left;
margin:0;
padding:0;
}
#globalnav A {
display:block;
color:#444;
text-decoration:none;
font-weight:bold;
background:#ddd;
margin:0;
padding:0.25em 1em;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #aaa;
}
#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
background:#bbb;
}
#globalnav A.here:link,
#globalnav A.here:visited {
position:relative;
z-index:102;
}
/*subnav*/
#globalnav UL {
position:absolute;
left:0;
top:1.5em;
float:left;
background:#bbb;
width:100%;
margin:0;
padding:0.25em 0.25em 0.25em 1em;
list-style:none;
border-top:1px solid #fff;
}
#globalnav UL LI {
float:left;
display:block;
margin-top:1px;
}
#globalnav UL A {
background:#bbb;
color:#fff;
display:inline;
margin:0;
padding:0 1em;
border:0
}
#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
color:#444;
}
Web-Based HTML Editor 비교 및 미리보기 (0) | 2008.12.02 |
---|---|
core file 분석 (0) | 2008.04.17 |
공개웹방화벽을 이용한 보안대응 (0) | 2008.01.11 |
공개SW라이센스가이드(20007.11) (0) | 2008.01.05 |
[펌]오라클 OCP 데이터베이스 백업과 복구전략 (0) | 2007.09.06 |
FLEX (0) | 2008.09.22 |
---|---|
CSS 레이아웃기초 (1) | 2008.02.02 |
웹표준관련 책 (0) | 2008.02.02 |
Internet Explorer Developer Toolbar (0) | 2008.02.02 |
웹 접근성 향상을 위한 웹 표준화 가이드 (0) | 2008.01.31 |
CSS 레이아웃기초 (1) | 2008.02.02 |
---|---|
웹표준개발방법론 (0) | 2008.02.02 |
Internet Explorer Developer Toolbar (0) | 2008.02.02 |
웹 접근성 향상을 위한 웹 표준화 가이드 (0) | 2008.01.31 |
또배워야하는기술 - W3C의「스파클」 (0) | 2008.01.22 |
웹표준개발방법론 (0) | 2008.02.02 |
---|---|
웹표준관련 책 (0) | 2008.02.02 |
웹 접근성 향상을 위한 웹 표준화 가이드 (0) | 2008.01.31 |
또배워야하는기술 - W3C의「스파클」 (0) | 2008.01.22 |
2008년 비지니스 키워드 1년내에 웹접근성 준수를위한 기술컨설팅 및 사업수행필요 (1) | 2008.01.20 |
HTML 표(table) 모델은 제작자에게 데이터를 줄(low)과 컬럼(column)의 셀(cell)들에, 텍스트, 양식화 된 텍스트, 이미지, 연결, 폼(form), 폼 휠드(field), 다른 표(table), 등으로, 정돈 할 수 있게 한다.
플러그인을 사용하는 경우 대체 콘텐츠를 제공해야 한다.
Alt, title, longdesc
title
title,noframes
caption 지원
웹 콘텐츠는 반복적인 네비게이션 링크(repetitive navigation link)를 뛰어넘어 페이지의 핵심부분으로 직접 이동할 수 있도록 구성하여야 한다.
보통 마크업 구조상으로 보면 아레와 같이 분리되어 있어 텝메뉴 순서상으로도 카페>블로그>플래닛>포커스>랭킹... 순으로 되어 포커스가 카페 depth 안에 포함된 카테고리인지 인식 할 수가 없게 된다..
아레와 같이 순서에 맞게 구조화 되면 올바르게 표현할수 있다
이벤트 처리기가 장치 독립적인지 확인하십시오. 이 이벤트 처리기는 필수적인 정보나 이 페이지를 사용하는 데 필요합니다. 이벤트 처리기를 "onfocus", "onblur" 및 "onselect"와 같은 장치 독립적인 처리기로 제한할 것을 고려하십시오. 장치 독립적인 특성을 사용해야 하는 경우 키보드 방식을 제공하십시오. 예를 들어, "onmousedown"의 경우 "onkeydown"도 지정하십시오. 마우스 좌표에 의존하는 이벤트 처리기는 장치가 독립적이지 않으므로 사용할 수 없습니다.
마우스 | 키보드 |
---|---|
onmousedown | onkeydown |
onmouseup | onkeyup |
onclick | onkeypress |
onmouseover | onfocus |
onmouseout | onblur |
각각의 메뉴 링크에 onMouseOut, onMouseOver 이벤트만을 사용하여 키보드를 이용한 접근은 제한됩니다.
onFocus, onBlur를 추가하여 작성하면 이론적으로 최소의 키보드 접근이 가능하게 됩니다.
ondblclick, onmousemove 등에 상응하는 키보드 이벤트 처리기는 HTML 4.0 현재 존재하지 않으므로 그러한 이벤트 처리기는 되도록 사용을 피하는 것이 좋습니다.
예제) 키보드로 텝 메뉴 컨텐츠 구현
시각 장애인의 경우, 홈페이지를 순차적으로 읽어 주는 기계를 통해서 탐색하는데, 빠른 탐색을 위해 키보드의 Tab key로
링크에서 다음 링크로 건너 띄는 경우가 많이 있다. 그럴 때에 음성으로 그 링크의 성질을 설명해주는데 ‘여기’라고 나오면 도대체
그 링크가 어디로 연결될 지를 짐작 할 수 없다.
따라서 아래에 같이 링크 텍스트가 독립적으로도 의미를 가질 수 있도록 수정해야 한다.
"더보기", "자세히보기" 등 각 콘텐츠에 반복적으로 열람되는 이미지 링크 사용시 음성으로 링크가 구체적으로 어디로 연결될 지를 짐작 할 수 없다.
따라서 아래에 같이 링크 텍스트가 독립적으로도 의미를 가질 수 있도록 "000 더보기","000 자세히 보기"로 수정해야 한다.
더보기
일반인들의 사용성 측면, 검색 엔진의 효율성 측면에서 제목은 매우 중요하다. 또, 시각 장애인에게는 제목이 여러 문서를 구분하고, 현재 위치를 파악하고 앞으로 계속 탐색할 것인지 말 것인지 결정하는 가장 중요한 단서가 된다.
따라서 제목은 해당 문서의 내용을 대표할 수 있도록 정확하고 간결하게 작성해야 한다.
utf-8 인코딩 문서에서 head테그 맨 상단에 한글이 포함된 title 오면 IE 일부에서 문서가 하얗게 보여지는 현상이 일어난다.
따라서 head테그 맨 상단에 title선언보다 meta테그 인코딩 먼저와야 한다.
웹표준관련 책 (0) | 2008.02.02 |
---|---|
Internet Explorer Developer Toolbar (0) | 2008.02.02 |
또배워야하는기술 - W3C의「스파클」 (0) | 2008.01.22 |
2008년 비지니스 키워드 1년내에 웹접근성 준수를위한 기술컨설팅 및 사업수행필요 (1) | 2008.01.20 |
웹2.0 지불대행서비스 이니시스 C2C Payment (0) | 2008.01.20 |
MS, 오픈 소스로 DNA를 바꾸다 (0) | 2008.12.20 |
---|---|
일본 온라인 빠찡꼬 게임들 (0) | 2008.11.22 |
항상노력해야하는걸 잠깐 잊고 있었다.. (0) | 2008.01.13 |
불교음악-독경,반야심경 (0) | 2007.12.20 |
자기 표현에 솔직하지 못한 불이익 (0) | 2007.11.30 |
검색의 혁명 Search 2.0 (0) | 2008.09.24 |
---|---|
GDB 사용하기 (0) | 2008.04.17 |
개정된영문이름표기법 (0) | 2008.01.21 |
DDoS 관련 정보 (0) | 2008.01.14 |
DDoS 공격 툴 NetBot Attacker (0) | 2008.01.11 |
Internet Explorer Developer Toolbar (0) | 2008.02.02 |
---|---|
웹 접근성 향상을 위한 웹 표준화 가이드 (0) | 2008.01.31 |
2008년 비지니스 키워드 1년내에 웹접근성 준수를위한 기술컨설팅 및 사업수행필요 (1) | 2008.01.20 |
웹2.0 지불대행서비스 이니시스 C2C Payment (0) | 2008.01.20 |
새로운 웹 표준 테스트, Acid3 (0) | 2008.01.11 |
ㄱ 가 ga |
각 gak |
간 gan |
갈 gal |
감 gam |
갑 gap |
갓 gat |
강 gang |
개 gae |
객 gaek |
거 geo |
건 geon |
걸 geol |
검 geom |
겁 geop |
게 ge |
겨 gyeo |
격 gyeok |
견 gyeon |
결 gyeol |
겸 gyeom |
겹 gyeop |
경 gyeong |
계 gye |
고 go |
곡 gok |
곤 gon |
골 gol |
곳 got |
공 gong |
곶 got |
과 gwa |
곽 gwak |
관 gwan |
괄 gwal |
광 gwang |
괘 gwae |
괴 goe |
굉 goeng |
교 gyo |
구 gu |
국 guk |
군 gun |
굴 gul |
굿 gut |
궁 gung |
권 gwon |
궐 gwol |
귀 gwi |
규 gyu |
균 gyun |
귤 gyul |
그 geu |
극 geuk |
근 geun |
글 geul |
금 geum |
급 geup |
긍 geung |
기 gi |
긴 gin |
길 gil |
김 gim |
까 kka |
깨 kkae |
꼬 kko |
꼭 kkok |
꽃 kkot |
꾀 kkoe |
꾸 kku |
꿈 kkum |
끝 kkeut |
끼 kki |
|
|
ㄴ 나 na |
낙 nak |
|
|
|
난 nan |
날 nal |
남 nam |
납 nap |
낭 nang |
내 nae |
냉 naeng |
너 neo |
널 neol |
네 ne |
녀 nyeo |
녁 nyeok |
년 nyeon |
념 nyeom |
녕 nyeong |
노 no |
녹 nok |
논 non |
놀 nol |
농 nong |
뇌 noe |
누 nu |
눈 nun |
눌 nul |
느 neu |
늑 neuk |
늠 neum |
능 neung |
늬 nui |
니 ni |
닉 nik |
닌 nin |
닐 nil |
님 nim |
|
ㄷ 다 da |
|
|
|
|
단 dan |
달 dal |
담 dam |
답 dap |
당 dang |
대 dae |
댁 daek |
더 deo |
덕 deok |
도 do |
독 dok |
돈 don |
돌 dol |
동 dong |
돼 dwae |
되 doe |
된 doen |
두 du |
둑 duk |
둔 dun |
뒤 dwi |
드 deu |
득 deuk |
들 deul |
등 deung |
디 di |
따 tta |
땅 ttang |
때 ttae |
또 tto |
뚜 ttu |
뚝 ttuk |
뜨 tteu |
띠 tti |
|
ㄹ 라 ra |
|
|
|
|
락 rak |
란 ran |
람 ram |
랑 rang |
래 rae |
랭 raeng |
량 ryang |
렁 reong |
레 re |
려 ryeo |
력 ryeok |
련 ryeon |
렬 ryeol |
렴 ryeom |
렵 ryeop |
령 ryeong |
례 rye |
로 ro |
록 rok |
론 ron |
롱 rong |
뢰 roe |
료 ryo |
룡 ryong |
루 ru |
류 ryu |
륙 ryuk |
륜 ryun |
률 ryul |
륭 ryung |
르 reu |
륵 reuk |
른 reun |
름 reum |
릉 reung |
리 ri |
린 rin |
림 rim |
립 rip |
|
ㅁ 마 ma |
|
|
|
|
막 mak |
만 man |
말 mal |
망 mang |
매 mae |
맥 maek |
맨 maen |
맹 maeng |
머 meo |
먹 meok |
메 me |
며 myeo |
멱 myeok |
면 myeon |
멸 myeol |
명 myeong |
모 mo |
목 mok |
몰 mol |
못 mot |
몽 mong |
뫼 moe |
묘 myo |
무 mu |
묵 muk |
문 mun |
물 mul |
므 meu |
미 mi |
민 min |
밀 mil |
|
|
|
|
ㅂ 바 ba |
박 bak |
반 ban |
발 bal |
|
밥 bap |
방 bang |
배 bae |
백 baek |
뱀 baem |
버 beo |
번 beon |
벌 beol |
범 beom |
법 beop |
벼 byeo |
벽 byeok |
변 byeon |
별 byeol |
병 byeong |
보 bo |
복 bok |
본 bon |
봉 bong |
부 bu |
북 buk |
분 bun |
불 bul |
붕 bung |
비 bi |
빈 bin |
빌 bil |
빔 bim |
빙 bing |
빠 ppa |
빼 ppae |
뻐 ppeo |
뽀 ppo |
뿌 ppu |
쁘 ppeu |
삐 ppi |
|
|
|
|
ㅅ 사 sa |
삭 sak |
산 san |
살 sal |
|
삼 sam |
삽 sap |
상 sang |
샅 sat |
새 sae |
색 saek |
생 saeng |
서 seo |
석 seok |
선 seon |
설 seol |
섬 seom |
섭 seop |
성 seong |
세 se |
셔 syeo |
소 so |
속 sok |
손 son |
솔 sol |
솟 sot |
송 song |
쇄 swae |
쇠 soe |
수 su |
숙 suk |
순 sun |
술 sul |
숨 sum |
숭 sung |
쉬 swi |
스 seu |
슬 seul |
슴 seum |
습 seup |
승 seung |
시 si |
식 sik |
신 sin |
실 sil |
심 sim |
십 sip |
싱 sing |
싸 ssa |
쌍 ssang |
쌔 ssae |
쏘 sso |
쑥 ssuk |
씨 ssi |
|
ㅇ 아 a |
|
|
|
|
악 ak |
안 an |
알 al |
암 am |
압 ap |
앙 ang |
앞 ap |
애 ae |
액 aek |
앵 aeng |
야 ya |
약 yak |
얀 yan |
양 yang |
어 eo |
억 eok |
언 eon |
얼 eol |
엄 eom |
업 eop |
에 e |
여 yeo |
역 yeok |
연 yeon |
열 yeol |
염 yeom |
엽 yeop |
영 yeong |
예 ye |
오 o |
옥 ok |
온 on |
올 ol |
옴 om |
옹 ong |
와 wa |
완 wan |
왈 wal |
왕 wang |
왜 wae |
외 oe |
왼 oen |
요 yo |
욕 yok |
용 yong |
우 u |
욱 uk |
운 un |
울 ul |
움 um |
웅 ung |
워 wo |
원 won |
월 wol |
위 wi |
유 yu |
육 yuk |
윤 yun |
율 yul |
융 yung |
윷 yut |
으 eu |
은 eun |
을 eul |
음 eum |
읍 eup |
응 eung |
의 ui |
이 i |
익 ik |
인 in |
일 il |
임 im |
입 ip |
잉 ing |
ㅈ 자 ja |
작 jak |
잔 jan |
잠 jam |
잡 jap |
장 jang |
재 jae |
쟁 jaeng |
저 jeo |
적 jeok |
전 jeon |
절 jeol |
점 jeom |
접 jeop |
정 jeong |
제 je |
조 jo |
족 jok |
존 jon |
졸 jol |
종 jong |
좌 jwa |
죄 joe |
주 ju |
죽 juk |
준 jun |
줄 jul |
중 jung |
쥐 jwi |
즈 jeu |
즉 jeuk |
즐 jeul |
즘 jeum |
즙 jeup |
증 jeung |
지 ji |
직 jik |
진 jin |
질 jil |
짐 jim |
집 jip |
징 jing |
짜 jja |
째 jjae |
쪼 jjo |
찌 jji |
|
|
|
|
ㅊ 차 cha |
착 chak |
찬 chan |
찰 chal |
|
참 cham |
창 chang |
채 chae |
책 chaek |
처 cheo |
척 cheok |
천 cheon |
철 cheol |
첨 cheom |
첩 cheop |
청 cheong |
체 che |
초 cho |
촉 chok |
촌 chon |
총 chong |
최 choe |
추 chu |
축 chuk |
춘 chun |
출 chul |
춤 chum |
충 chung |
측 cheuk |
층 cheung |
치 chi |
칙 chik |
친 chin |
칠 chil |
침 chim |
칩 chip |
칭 ching |
|
|
|
칩 chip |
칭 ching |
|
|
|
ㅋ 코 ko |
쾌 kwae |
크 keu |
큰 keun |
키 ki |
ㅌ 타 ta |
탁 tak |
탄 tan |
|
|
탈 tal |
탐 tam |
탑 tap |
탕 tang |
태 tae |
택 taek |
탱 taeng |
터 teo |
테 te |
토 to |
톤 ton |
톨 tol |
통 tong |
퇴 toe |
투 tu |
퉁 tung |
튀 twi |
트 teu |
특 teuk |
틈 teum |
티 ti |
|
|
|
|
ㅍ 파 pa |
판 pan |
팔 pal |
패 pae |
|
팽 paeng |
퍼 peo |
페 pe |
펴 pyeo |
편 pyeon |
폄 pyeom |
평 pyeong |
폐 pye |
포 po |
폭 pok |
표 pyo |
푸 pu |
품 pum |
풍 pung |
프 peu |
피 pi |
픽 pik |
필 pil |
핍 pip |
|
ㅎ 하 ha |
|
|
|
|
학 hak |
한 han |
할 hal |
함 ham |
합 hap |
항 hang |
해 hae |
핵 haek |
행 haeng |
향 hyang |
허 heo |
헌 heon |
험 heom |
헤 he |
혀 hyeo |
혁 hyeok |
현 hyeon |
혈 hyeol |
혐 hyeom |
협 hyeop |
형 hyeong |
혜 hye |
호 ho |
혹 hok |
혼 hon |
홀 hol |
홉 hop |
홍 hong |
화 hwa |
확 hwak |
환 hwan |
활 hwal |
황 hwang |
홰 hwae |
횃 hwaet |
회 hoe |
획 hoek |
횡 hoeng |
효 hyo |
후 hu |
훈 hun |
훤 hwon |
훼 hwe |
휘 hwi |
휴 hyu |
휼 hyul |
흉 hyung |
흐 heu |
흑 heuk |
흔 heun |
흘 heul |
흠 heum |
흡 heup |
흥 heung |
희 hui |
흰 huin |
히 hi |
힘 him |
|
|
GDB 사용하기 (0) | 2008.04.17 |
---|---|
레베카프로 드라이버-데탑용 웹캠 (0) | 2008.01.22 |
DDoS 관련 정보 (0) | 2008.01.14 |
DDoS 공격 툴 NetBot Attacker (0) | 2008.01.11 |
정보보호전문가 응시예정 (0) | 2008.01.11 |