메뉴 건너뛰기

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

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

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

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

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

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

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

말말말 증명사진 ^^! file

  • 김선생
  • 2010-03-25
  • 조회 수 12759
  • 2010-03-25 22:23

집에서 찍은 증명사진.

말말말 접속자 10만 돌파!! file

  • 김기현
  • 2009-12-28
  • 조회 수 12710
  • 2009-12-28 14:24

자축!!

말말말 김선생을 찾아라! file

  • 김선생
  • 2009-06-20
  • 조회 수 12583
  • 2010-11-30 17:42

돌때쯤 되어 보이는걸 보니. 76년쯤 여름이 아닐까 싶다. 누나 , 나 , 엄마 5살정도 돼보이는데. 격동의 80년대이겠지??? 누나 학교들어갈때인것 같네 오른쪽 상단에 사진날짜가 보인다. 82년 3월 학교가기 정말 싫은 표정이지? 국민학교6학년때 친구들과 소...

말말말 폰카사진 file

  • 김선생
  • 2010-01-10
  • 조회 수 12576
  • 2010-01-10 15:32

엘리시안강촌 http://www.elysian.co.kr/ski/

말말말 한식때 벌초가서 찍은 아이폰사진 file

  • 김선생
  • 2010-04-05
  • 조회 수 12512
  • 2010-04-05 10:01

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

말말말 한석봉과 어머니

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

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

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

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

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

말말말 사회에 나가면 알게되는 43가지 file

  • 김기현
  • 2009-10-27
  • 조회 수 11584
  • 2009-10-27 18:26

나까지 나설 필요는 없다 헌신하면 헌신짝된다 참고 참고 또 참으면 참나무가 된다 포기하면 편하다 왕관을 쓰려는 자, 그 무게를 견뎌라 아니면 말고 나도 나지만 너도 너다 목숨을 버리면 무기만은 살려 주겠다 가는 말이 고우면 사람을 얕본다. 잘생긴 놈...

말말말 웹디자인 초심자를 위한 레벨업 10계명! (쓰는중)

  • 김기현
  • 2004-03-10
  • 조회 수 11441
  • 2004-03-10 16:21

1.레벨업은 안개낀 계단과 같아서,첫번째 계단을 밟지 않으면 두번째 계단이 보이지 않는다. 여러가지 레벨업을 위한 술수(서핑,세미나,관련서적,전문교육)를 써보지만, 한번에 고수가 될수는 없다. 고민하고,다짐하고, 큰 꿈을 꾸고,크리에이티브니 뭐니 쌩...

말말말 여성은 언제까지 남자의 프로포즈를 튕길 수 있을지...(펌) [1]

  • 김기현
  • 2003-10-30
  • 조회 수 11051
  • 2003-10-30 13:19

확률에 관한 짧은 지식으로 여성의 튕김의 끝은 어디인지 밝혀본다. 상황 설정은 이러하다. 한 여성에게 100명의 남자가 순차적으로 프로포즈 한다고 하자. 100명 중 백마탄 왕자는 한명 뿐이고, 여성는 그 남자를 찾고 싶어한다. 물론 그가 첫번째로 프로포즈...

위로