메뉴 건너뛰기

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

말말말 웹접근성에 대해...

  • 김기현
  • 2009-10-30
  • 조회 수 13302
  • 2009-12-24 21:50

http://forums.mozilla.or.kr/viewtopic.php?t=3960 위링크는 시각장애인 1급 판정을 받은 분이 웹표준에 대해 작성하신 글입니다. 마지막 부분이 뜨끔하네요.. (PS)- 질문 하나 있는데, cyworld의 미니홈피에서 "일촌신청", "문자 보내기", 그리고 페이지 목...

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

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

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

말말말 균형 file

  • 김기현
  • 2009-09-28
  • 조회 수 14304
  • 2009-09-28 16:43

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

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

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

말말말 우리별 지구.. !! 난 누군가? 또 여긴 어딘가? file

  • 김기현
  • 2009-07-05
  • 조회 수 13459
  • 2009-07-05 17:10

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

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

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

말말말 마누라는 친정갔고... file

  • 김기현
  • 2008-11-07
  • 조회 수 14545
  • 2008-11-07 23:16

집사람은 쌍둥이 데리고 친정갔고, 연락돼는 친구 쒜리는 없고, 물오징어는 두마리 2,500원이고, 집에서 혼자 청승떨고 있고, 알딸딸해서 오타가 날뿌이라

말말말 장인어른 선곡흘러간가요 file

  • 김기현
  • 2008-04-15
  • 조회 수 17854
  • 2009-03-13 02:09

김서방 가서 구해와~! 꽃마차 용두산엘레지 천년을 빌려준다면 경상도아가씨 잃어버린30년 불효자는 웁니다 보고싶은여인 고향의 그림자 해운대엘레지 사랑의 이름표 사랑은 아무나하나 연상의 여인 어차피떠난사람 고향역 사랑많은 않겠어요 차표한장 남행열...

말말말 쌍둥이들!

  • 김선생
  • 2007-06-11
  • 조회 수 26714
  • 2007-06-11 11:11

율이 연이

말말말 한국소프트웨어진흥원-실전 웹 표준 가이드 중에서 file

  • 김기현
  • 2006-04-27
  • 조회 수 15937
  • 2008-10-20 11:50

http://www.software.or.kr/kipahome/kipaweb/data/report/etc/1184019_878.html 위에 가이드를 몇일전 다 읽어 보았습니다. 또하나의 자극이 돼는 계기네요.. 이쪽일을하시는 분이라면 오픈마인드로 한번 읽어보시길. 맺음말에 나오는 글을 발췌했습니다. ///...

말말말 내 피데이폰 스샷 file

  • 김기현
  • 2005-10-10
  • 조회 수 13520
  • 2005-10-10 16:33

후훗!

말말말 여름휴가,제주도로 다녀왔습니다^^; file [1]

  • 김기현
  • 2005-08-15
  • 조회 수 21160
  • 2005-08-15 23:01

좀 무리하긴했습니다. 이런기회가 또 올까해서 꼭한번 가보고싶었던, 신혼여행때도 못가본 제주도를 다녀왔습니다.. 이제 내일이면 출근이군요.. 힘차게 또 시작해 보렵니다.. 여행다녀온 사진은 갤러리에 하나씩 올릴게요. 잘봐주시길... 이사진은 꼭 난다김...

말말말 레이일면 흐흐^^; file

  • 김기현
  • 2005-08-03
  • 조회 수 17796
  • 2005-08-03 22:12

. 예전 철암 갔다 오던길에 찍었던 철길 사진이후로 처음이네요.. 나름데로 기쁨!! http://www.raysoda.com/Com/Photo/View.aspx?f=A&p=289606

말말말 테이블은 이제 쉬어야할때?

  • 김기현
  • 2005-07-22
  • 조회 수 13785
  • 2005-07-22 17:16

http://css.macple.com/http://ilmol.com/wp/2005/06/09/25/ 흠.. 이런 흐름이 있었는줄 모르고 있었네... http://ilmol.com/wp/2005/06/09/25/ http://css.macple.com/

말말말 김기 헤어스탈 변신 file

  • 김기현
  • 2005-07-19
  • 조회 수 16727
  • 2005-07-19 15:17

.

말말말 디자이너에게 언어의 장벽은. file

  • 김기현
  • 2004-12-02
  • 조회 수 14172
  • 2004-12-02 17:47

내가 보고있는건 True or False

말말말 입장차이 file [3]

  • 김기현
  • 2004-10-06
  • 조회 수 14839
  • 2004-10-06 11:11

ㅡ.ㅡ

말말말 초친결혼식 file

  • 김기현
  • 2004-05-12
  • 조회 수 13755
  • 2004-05-12 14:23

.

말말말 한석봉과 어머니

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

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

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

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

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

위로