메뉴 건너뛰기

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/9a3/trackback
List of Articles
번호 제목 글쓴이 날짜 조회 수 최근 수정일sort

스크랩 개구리송

  • 김기현
  • 2004-03-10
  • 조회 수 18856
  • 2004-03-10 20:07

우리모두 따라해 보아요!!^^

말말말 오대수와 미도가 날찾은이유~! ? file [3]

  • 김기현
  • 2004-03-10
  • 조회 수 14168
  • 2004-03-10 14:40

^^

말말말 빈센트 반 ~! 만큼만 해라 ^^; file

  • 김기현
  • 2004-02-26
  • 조회 수 12777
  • 2004-02-26 13:46

Still Life: Vase with Twelve Sunflowers 1889,1, 캔버스에 유채, 92 x 72.5 필라델피아 ,필라델피아 아트 미술관 -------------------------------------------------------------- '열심히 노력하다가 갑자기 나태해지고, 잘 참다가 조급해지고, 희망에 부...

말말말 대학로 암실카페에서 file [3]

  • 김기현
  • 2004-02-09
  • 조회 수 15169
  • 2004-02-09 21:36

지난달 대학로 암실카페에서 지인들과의 모임 http://www.imgwizard.com/

말말말 빌게이츠가 고등학교강단에서 한 10가지 인생충고 [2]

  • 김기현
  • 2004-01-30
  • 조회 수 12174
  • 2004-01-30 00:21

1. 인생이란 원래 공평하지 못하다. 그런 현실에 대하여 불평할 생각하지 말고 받아들여라. 2. 세상은 네 자신이 어떻게 생각하든 상관하지 않는다. 세상이 너희들한테 기대하는 것은 네가 스스로 만족하다고 느끼기 전에 무엇인가 를 성취해서 보여줄 것을 기...

스크랩 RADA - Sexy Baby Story

  • 김기현
  • 2004-01-28
  • 조회 수 14838
  • 2004-01-28 15:13

RADA - Sexy Baby Story 넌 지금 내 얘기를 다 이해하지 못해 이렇게 얘기해도 모르는데 어떡해? 넌 지금 내 얘기를 다 알아듣지 못해 도대체 어떻게 말해줘야 하는건데? 언제까지 같은 얘기를 반복해야 되는거니? 네가 초등학교 동창이랑 잤다는 거 때문에 ...

스크랩 이쁜 문자

  • 김기현
  • 2004-01-18
  • 조회 수 16697
  • 2004-01-18 01:33

.,,,::;;t;MMMMMMMMMBVt:+.. ,IVXVYIBttt+;;+IVVMMMMMMRR: ,YYVYItMYti+i++;X+Rt;tXWRMR, .YRiIYRMViitVXRWRYMI++++itMM.. .Y+,.,X;;,,,YMMMMMMMMRVItXMti ;X+;,X:,. .,iiIRMWMMMBBRMMBY. tR+:I;i:+Y;IitYVYMMMMMMMMRi. .+RXt;,;:.::XXIBMMMMMMMMM+: ,RRXitY+...

말말말 초등동창들과 강빛노을로... file

  • 김기현
  • 2004-01-15
  • 조회 수 12821
  • 2009-12-24 21:55

^^V 스물때나 서른때나 하는짖은 비슷한 우리 ㅋㅋ

스크랩 인연의끈........ file

  • 김기현
  • 2004-01-15
  • 조회 수 15963
  • 2004-01-15 22:21

누구나 태어나서 부터 지금까지 알게 모르게 다른 사람과 '인연'이란 끈을 하나씩 하나씩 연결하며 살아간다. 나이가 들면 들 수록 그 끈은 점차 늘어간다. 때론 본의 아니게 그 끈을 놓치기도 하고.. 남이 놓아 버리기도 한다. 하지만.. 내가 아무리 어려운 ...

스크랩 내년에도 써먹어야쥐 ^^ (크리스마스 메세지)

  • 김기현
  • 2003-12-26
  • 조회 수 14045
  • 2003-12-26 08:52

       ..:+(*)+:...           ..:+(G)+(G)+:..       ..:+(L)+:..:+(^)+:...   ....:+(G)+:.....:+(8)+:....     ...:+(^)+:..:+(G)+:..:+(^)+:...    ..:+(*)+:..:+(G)+:..:+(L)+:..:+(*)+....         I I    * Merry ..:+ ...

위로