메뉴 건너뛰기

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

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

  • 김기현
  • 2003-11-09
  • 조회 수 7719
  • 2003-11-09 01:23

[견우74] 그녀와의 석촌호수~ 그녀는 항상 주말이 아니면 수요일에 저를 만나려구 합니다... 특히 수요일......이유는 아시져?? 네...이유를 아시는 분들 감사함다. 지금까지 글을 다 읽어 주셔꾼여..제가 여러분 때무네 삶니다... 수요일은 그녀의 수업이 없...

택배보낼것들.. file

  • 김기현
  • 2009-12-05
  • 조회 수 7802
  • 2009-12-05 15:33

좀 많네.~!

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

  • 김기현
  • 2003-11-09
  • 조회 수 7851
  • 2003-11-09 01:24

그녀는 역시 용감해씀니돠...술이 떡이 대서...쌩판 모르는 남자한테 업혀서 여관까지 갔는데..(아무일 엄써씀다.. 아래 글보세엽...) 그 남자가 남겨논 메모를 보구 연락을 할 수 있는 여자분 계쉽니까?? 혹쉬 계쉼 저한테 메일 주세요...머찐 남자친구 소개...

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

  • 김기현
  • 2003-11-09
  • 조회 수 8070
  • 2003-11-09 01:24

[견우74]지하철의 엽기적인 그녀....(1) ================================================================ 신림동에서 밤 10시까지 친구들하고 술을 마시고 열쒸미 놀구 이써씀니답... 그런데 오늘은 부평에 사시는 고모집에 가기로 한 날이여씀니다... 더...

팔만팔천팔백팔십팔 file

  • 김기현
  • 2009-12-08
  • 조회 수 8150
  • 2009-12-08 23:43

2000년에 kimkee.net 으로 시작해서 2008년 4월 부터 카운터 8만8천8백8십8 Hit ! 곧 10만 HIT!

스크랩 식사하였어요?

  • 김선생
  • 2012-08-24
  • 조회 수 8483
  • 2012-08-24 17:31

ㄷㄷ 참을수가 없다. 헐~!~!!

28일 표류기 28일 표류기 2부

  • 김기현
  • 2003-08-24
  • 조회 수 8735
  • 2003-08-24 04:02

그렇다.. 그렇게 나의 대학시절 첫 여름방학의 멎진 추억이 그렇게 저물어 가고 있었다... 이제 집으로 돌아가 간만에 보는 식구들과의 해후 .. 객지에서 고생하느라 굶주린 배를 채워줄 맛난 밥을 생각 하며 버스를 내려 수유역에서 당시 살던 번동 까지.. 힘...

28일 표류기 28일 표류기 3부

  • 김기현
  • 2003-08-24
  • 조회 수 8868
  • 2003-08-24 04:02

다음날 오전 쯤 방학이었지만 동아리방에 나오는 친구들과 선배들은 있었다.. 동기 녀석한테 사정얘기를 하고 첫 밥을 얻어 먹었다. 그날이 시작이다.. 나의 동아리방표류.. 그렇게 하루 하루 동아리 방에서 지내기 시작했고. 나름대로 재미도 있어서 인지 집...

28일 표류기 28일 표류기 1부

  • 김기현
  • 2003-08-24
  • 조회 수 9469
  • 2003-08-24 04:01

대학다닐때의 얘기다,, 전편을 읽어보신 분은 알겠지만, 역시 음악에 정신이 나가 있을때였고, 친구들도 고딩때 보다 더 신기하고 이상한 녀석들을 많이 만날 수 있었다. 음악도 좀더 전문적으로 할수 있었고, 그러다 문제의 여름방학이 됐고, 한마음으로 뭉쳐...

스크랩 A4용지 CD케이스 file

  • 김선생
  • 2012-10-02
  • 조회 수 9486
  • 2012-10-02 23:43

위로