메뉴 건너뛰기

IMGWizard

블로그

http://naradesign.net/wp/2008/10/11/159/  - 정찬명 님


댓글들도 재미잇군요. 이정도면 거의 성지네요





서식 제어 요소란 사용자의 선택 또는 입력을 위하여 웹 브라우저가 제공하는 사용자 인터페이스를 말합니다. HTML 요소 가운데 서식 제어요소들은 input, textarea, select, option, button 이며 본문의 예제들과 같은 형태로 출력이 되는데 CSS/Javascript 기교를 이용하여 이것의 디자인을 바꾸는 사례가 많습니다. 하지만 일부 서식 제어 요소는 스타일 변경을 허용하지 않아야 합니다. 스타일 변경을 허용하지 않는 이유는

  1. 해당 요소들에 대한 스타일 변경을 대부분의 웹 브라우저가 지원하지 않기 때문이며,
  2. 이를 극복하기 위하여 사용되는 트릭이 키보드 접근에 치명적이고 화면 표시 속도를 떨어뜨리기 때문입니다.

스타일 변경이 자유로운 요소들은 CSS를 이용하여 ‘border, background, width, height, image replace’ 기법 적용이 가능하나, 스타일 변경이 제한된 요소들은 width, height 만 지정이 가능합니다.

스타일 변경이 자유로운 서식 제어 요소들
HTML MarkupView
CSS를 이용하여 border, background, width, height, image replace 기법의 적용이 가능하다.
input type="text"
input type="password"
input type="submit"
input type="reset"
input type="image"
input type="button"
textarea
button
스타일 변경이 제한된 서식 제어 요소들
HTML MarkupView
CSS를 이용하여 width, height 만 제어할 수 있다.
input type="checkbox"
input type="radio"
input type="file"
input type="hidden"화면 출력 안됨
select, option

스타일 변경이 제한된 서식 제어 요소들의 디자인을 변경하는 것이 기술적으로 불가능 한 것은 아닙니다. 그러나 보통의 경우 키보드 접근이 되지 않거나 표현만을 위한 가짜 마크업으로 하여금 시각장애인을 혼란스럽게 만듭니다. 키보드가 접근되지 않는다는 것은 시각장애인이 이용할 수 없다는 것을 의미하며 이것은 ‘장애인차별금지 및 권리구제 등에 관한 법률‘에서 정한 ‘차별행위’에 해당되어 소송의 빌미가 될 수 있으므로 주의하여야 합니다. 되도록 웹 브라우저가 제공하는 고유한 인터페이스를 그대로 사용하는 것이 웹 접근성을 훼손하지 않는 방법 입니다.

profile

안녕하세요! 김기현입니다.

엮인글 :
http://www.imgwizard.com/46322/156/trackback
List of Articles
번호 제목 글쓴이 날짜 조회 수sort 최근 수정일

지하철의엽기적인그녀 지하철에서 만난 엽기적인그녀(16)

  • 김기현
  • 2003-11-09
  • 조회 수 6965
  • 2003-11-09 01:20

[견우74] 그녀의 선택 (1) 안녕하세요~ 견우74 입니다~ 이번에 올리는 글은 아마 정말 웃으실 수 없을꺼에요...그냥 과정이겠거니하고 읽어주세요...... 그럼 견우74의 서른한번째글 그녀의 선택..(1/3) 임니다... ( 엽기적 그녀 - 16번째 ) =================...

지하철의엽기적인그녀 지하철에서 만난 엽기적인그녀(2-8)

  • 김기현
  • 2003-11-09
  • 조회 수 7002
  • 2003-11-09 01:16

[견우74] 운전면허 (1) 안녕하세여? 견우74 임미다...^^; 회사 다니니깐 글 쓸 시간이 더 엄네여.....회사에서 머하냐구여??? 맨날 인터넷하고 통신하는게 일임미다..가끔 제 아이디가 접속중인데 대답이 엄쓰면...자리에 엄는검미다.. 견우??? 밥만 머겨주면 ...

지하철의엽기적인그녀 지하철에서 만난 엽기적인그녀(10)

  • 김기현
  • 2003-11-09
  • 조회 수 7006
  • 2003-11-09 01:22

[견우74] 그녀의 집~ 안냐세요~ 견우74 임니다... 이제 기온이 조금 내려간거 같네엽..쫌 이씸 추운겨울이 올텐데... 모두들 이쁜사랑 하시면 좋겠씸니다.. 그럼 견우74의 열아홉번째 글 그녀의 집....임니다. ==============================================...

지하철의엽기적인그녀 지하철에서 만난 엽기적인그녀(2-13)

  • 김기현
  • 2003-11-09
  • 조회 수 7011
  • 2003-11-09 01:15

[견우74] 아버님의 호출 (4) 안녕하세요? 견우74 임미다. 개인사정이 이써서 글이 마니 느져씀미다. 정말 죄송함미다. 훌쩍 그럼 견우74의 쉰한번째글 아버님의 호출 ( 4 / ? ) 임미다. ===================================================================...

지하철의엽기적인그녀 지하철에서 만난 엽기적인그녀(15)

  • 김기현
  • 2003-11-09
  • 조회 수 7015
  • 2003-11-09 01:20

[견우74] 어긋난 약속 (3) 안냐세여~ 견우74임미다.. 그럼 견우74의 스물아홉번째글 어긋난 약속...(3/3) 임미다~ ( 엽기적 그녀 -- 15번째) ============================================================================= 그녀는 자고 이씸미다.....그냥 ...

지하철의엽기적인그녀 지하철에서 만난 엽기적인그녀(2-9)

  • 김기현
  • 2003-11-09
  • 조회 수 7016
  • 2003-11-09 01:16

[견우74] 운전면허 (2) 안녕하세여? 견우74 임미다...^^; 견우74의 마흔일곱번째 글 운전면허 ( 2 / ? ) 임미다. ( 엽기적 그녀 2부 9편 ) ↖ 역시 오묘한 물음표.-_-; ( 언제나 그래뜨시 당시의 시점에서 씀미다.^^) =======================================...

지하철의엽기적인그녀 지하철에서 만난 엽기적인그녀(2-5)

  • 김기현
  • 2003-11-09
  • 조회 수 7018
  • 2003-11-09 01:18

[견우74] 그녀와의 100일..(2) 안녕하세요~~ 견우74입니다~~ 이번글은 퍼가실때 절대 편집 없이 퍼가주시기 바랍니다.. 그녀와의 100일 (2)편 가짜가 돌더군여..아마도 넷츠고에서 제가 아닌 다른분이 제 글이라며 이메일 주소까지 제껄로 도용해서 쓰신것 같...

지하철의엽기적인그녀 지하철에서 만난 엽기적인그녀(2-2)

  • 김기현
  • 2003-11-09
  • 조회 수 7022
  • 2003-11-09 01:19

[견우74] 깡패 세개..(2) 안냐세요~ 견우74 임미다... 그녀의 사진이요??? 저도 공개하고 싶습니다..까짓꺼..사진 스캔해서 올린담에 담날부로 저 이민가면 댐미다..-_-;; 하지만 그녀하고 한 약속이 있습니다. 그녀에 신상에 관해 절대 비공개.... 이유는 여...

지하철의엽기적인그녀 지하철에서 만난 엽기적인그녀(2-7)

  • 김기현
  • 2003-11-09
  • 조회 수 7025
  • 2003-11-09 01:17

[견우74]소매치기 (^^) (--) (__) (^^) 안녕하세염? 견우74 임미다. 오랜만에 글을 올리네요.. 그동안 셤기간이여꾸여..셤 끈나고는 감기가 걸려서 고생을 좀 해떠여..-_-;; 감기가 디따 이상하더군요..낮에는 별로 안아프고 밤에만 아픔미다..-_-; 그래서 낮...

지하철의엽기적인그녀 지하철에서 만난 엽기적인그녀(17)

  • 김기현
  • 2003-11-09
  • 조회 수 7030
  • 2003-11-09 01:20

[견우74] 그녀의 선택 (2) 안녕하세염~~ 견우74 임미다~ 제 친구 색끼가 사진 스캔해준다구 6장이나 가지구 가서 해상도를 엉망으루 해와떠염....-_-;; 눈 코 입이 어딘지 구별두 안대여....떠어업.... 내일 다시 해상도 높인담에 올려야지....-_-;; 친구놈이...

위로