메뉴 건너뛰기

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

말말말 서식 제어 요소의 디자인은 제한되어야 한다.

  • 김선생
  • 2010-02-19
  • 조회 수 11879
  • 2010-02-19 14:16

http://naradesign.net/wp/2008/10/11/159/ - 정찬명 님 댓글들도 재미잇군요. 이정도면 거의 성지네요 서식 제어 요소란 사용자의 선택 또는 입력을 위하여 웹 브라우저가 제공하는 사용자 인터페이스를 말합니다. HTML 요소 가운데 서식 제어요소들은 input,...

말말말 한석봉과 어머니

  • 김기현
  • 2004-04-29
  • 조회 수 11989
  • 2004-04-29 13:06

1) 한석봉 : 어머니 제가 돌아 왔습니다. 어머니 : 자 그렇다면 어서 불을 꺼 보아라 한석봉 : 글을 써 보일까요? 어머니: 글은 무슨... 잠이나 자자꾸나 ----- 피곤한 어머니 ----- (2) 한석봉 : 어머니 제가 돌아 왔습니다. 어머니 : 언제 나갔었냐?! ----- ...

말말말 지난주말 함께한 친구들. file

  • 김기현
  • 2009-08-28
  • 조회 수 12096
  • 2009-08-28 09:53

헉헉!! 버거운 주말 ^^; 하지만 뿌듯..

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

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

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

말말말 내가 읽어온 웹 관련 서적 ! file [2]

  • 김기현
  • 2003-08-20
  • 조회 수 12210
  • 2003-08-20 01:41

모니터 밖에서 배운 것들! 내가 책이래 봐야 몇권읽어 본 적도 없을 뿐더러 서점을 다니다 눈에 뛰는 제목의 책들을 구입해 주로 전철에서 읽는 것이 대부분이 었다. 지금 정리 하려고 보니. 사놓고 끝까지 읽지 않은 책도 꾀돼는거 같다. 난 이쪽일 하는것을 ...

말말말 웹사이트 개발에 있어서의 "기획"이란.

  • 김기현
  • 2003-07-20
  • 조회 수 12214
  • 2003-07-20 01:53

웹사이트 개발에 있어서의 "기획"이란. 웹이 아니더라도 기획이란 즉, 작정하고,일부러,고의로 하는 일이라는건 상당히 중요한 부분이다 웹사이트 하나가 만들어지고 그사이트가 유져들로 부터 호응을 얻고 꾸준한 성장을 하기 위해서는 깔끔하고 이쁜 디자인,...

사진/카메라 Sony-F717서브디카로 구입 file

  • 김기현
  • 2005-09-25
  • 조회 수 12257
  • 2005-09-25 16:26

집사람 300D 정리하고 오늘 F717 마련하였습니다. 예전처음 쿨픽스880쓸때는 꿈같은 150여만원의 것이었는데 중고로 45만원대에 만날수 있었네요. ^^; 20D들고 다니기 부담스로울때 좋을것 같아요..

말말말 기현이에 관한 오해와 진실

  • 김기현
  • 2003-11-30
  • 조회 수 12296
  • 2003-11-30 00:10

하나! 이시키 돈은 저 놈이 다 버네!. 이런. 젤짜증난다. 하긴. 혼자일하는 사람들중에는 돈많이 버는 사람이 많을거다.. 허나, 것도 부지런한 사람들 얘기지.. ㅋㅋ 나같이 게을러선. 프리랜서로선 굶어죽기 딱이닷! 내가 벌어들이는돈은 년 평균으로 치면. 1...

사진/카메라 5DMark2 삼총사 file

  • 김선생
  • 2010-08-02
  • 조회 수 12362
  • 2010-08-02 17:32

친굴들과의 동시기변.. 얄미운 캐논 이넘을 언제 떠날지....

스크랩 황우석 죽이기 음모 전말 모두 드러나다 (대검찰청 홈페이지 토론방에서 옮김)

  • 김기현
  • 2006-01-06
  • 조회 수 12446
  • 2006-01-06 17:14

★단지 매스컴에서의 진실을 알수없는 수박 겉할기식 보도만을 통해 황우석 박사님을 영웅으로 지켜세우다가, 사기꾼으로 모는 보도만 보고, 전국민이 이랫다 저랫다 하는 우유부단한 모습을 이제는 버리고,사건의 본질을 파악하고 문제점을 직시하고, 지금 이...

위로