메뉴 건너뛰기

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

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

  • 김기현
  • 2003-11-09
  • 조회 수 7242
  • 2003-11-09 01:17

[견우74] 그녀와의 100일..(3) 안녕하세요~~ 견우74입니다~~ 그녀와의 100일 전편들을 먼저 보세요 그녀를 모르신다구요?? 힝.. 견우74의 마흔한번째 글 그녀와의 100일..(3) 입니다.. ( 엽기적 그녀 - 2부 6편) ============================================...

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

  • 김기현
  • 2003-11-09
  • 조회 수 7018
  • 2003-11-09 01:18

[견우74] 그녀와의 100일..(2) 안녕하세요~~ 견우74입니다~~ 이번글은 퍼가실때 절대 편집 없이 퍼가주시기 바랍니다.. 그녀와의 100일 (2)편 가짜가 돌더군여..아마도 넷츠고에서 제가 아닌 다른분이 제 글이라며 이메일 주소까지 제껄로 도용해서 쓰신것 같...

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

  • 김기현
  • 2003-11-09
  • 조회 수 7113
  • 2003-11-09 01:18

[견우74] 그녀와의 100일..(1) 안녕하세요~~ 견우74입니다~~ 으아~ 시험기간이 되니깐 웰케 글이 쓰고 시픈거져??? 컴퓨터 전원에 손꼬락을 대따가 띠어따가 10번도 더 해씀미다..-_-;; 참..사진에 대해서 말씀이 많네요...글에는 차가 없는것으로 나오는데 차...

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

  • 김기현
  • 2003-11-09
  • 조회 수 7275
  • 2003-11-09 01:18

[견우74] 깡패 세개..(3) 안녕하세요~ 견우74 입니다... 견우74의 서른여덟번째 글 깡패 세개..(3/3)입니다.. ( 엽기적 그녀 - 2부 3편 ) ========================================================================== 그녀의 집안 입니다........ 그녀와 제...

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

  • 김기현
  • 2003-11-09
  • 조회 수 7022
  • 2003-11-09 01:19

[견우74] 깡패 세개..(2) 안냐세요~ 견우74 임미다... 그녀의 사진이요??? 저도 공개하고 싶습니다..까짓꺼..사진 스캔해서 올린담에 담날부로 저 이민가면 댐미다..-_-;; 하지만 그녀하고 한 약속이 있습니다. 그녀에 신상에 관해 절대 비공개.... 이유는 여...

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

  • 김기현
  • 2003-11-09
  • 조회 수 7340
  • 2003-11-09 01:19

[견우74] 엽기적그녀 2부~ 1편! 시작! 안냐세요~ 견우74 임미다... 씸미까? 가 사투리 가타요?? 그럼 씀미까?? 는 어때요?? -_-; 저는 서울 토박인데...-_-;; 습니까..아닙니다.. 이런건 읽기가 불편할거 가타서 씸미까..아님미다..일케 좀 읽기 편하게 쓴건데...

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

  • 김기현
  • 2003-11-09
  • 조회 수 7390
  • 2003-11-09 01:19

[견우74] 그녀의 선택 (3) 안녕하세염~~~~ 견우74 임미다~~ 그녀의 사진을 바라시게찌만...그거 올리면 전 담날부터 컴퓨터 싸들고 그녀를 피해서 산으로 올라가야 함미다..-_-;; 제 이미지는 방금 올려씸미다...며칠전 졸업사진 찍을때 찍은거라서 옷이..쫌....

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

  • 김기현
  • 2003-11-09
  • 조회 수 7030
  • 2003-11-09 01:20

[견우74] 그녀의 선택 (2) 안녕하세염~~ 견우74 임미다~ 제 친구 색끼가 사진 스캔해준다구 6장이나 가지구 가서 해상도를 엉망으루 해와떠염....-_-;; 눈 코 입이 어딘지 구별두 안대여....떠어업.... 내일 다시 해상도 높인담에 올려야지....-_-;; 친구놈이...

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

  • 김기현
  • 2003-11-09
  • 조회 수 6965
  • 2003-11-09 01:20

[견우74] 그녀의 선택 (1) 안녕하세요~ 견우74 입니다~ 이번에 올리는 글은 아마 정말 웃으실 수 없을꺼에요...그냥 과정이겠거니하고 읽어주세요...... 그럼 견우74의 서른한번째글 그녀의 선택..(1/3) 임니다... ( 엽기적 그녀 - 16번째 ) =================...

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

  • 김기현
  • 2003-11-09
  • 조회 수 7014
  • 2003-11-09 01:20

[견우74] 어긋난 약속 (3) 안냐세여~ 견우74임미다.. 그럼 견우74의 스물아홉번째글 어긋난 약속...(3/3) 임미다~ ( 엽기적 그녀 -- 15번째) ============================================================================= 그녀는 자고 이씸미다.....그냥 ...

위로