웹[기술|표준|접근]/작은 팁2007/08/01 11:41

[font series 1]웹에서 Font Size 문제..

스마트에디터오픈하면서 font size 논쟁을 지켜보다가, 과거 제가 겪었던 고민을 공유해보자 글을 써 내려 갑니다.(모두가 한번쯤 생각해볼만한 문제)

폰트 크기를 상대크기로 하면 줌 브라우징을 지원하니 접근성이 향상이 됩니다.
하지만 막상 상대크기로 하고 나면 예상치 못한 문제점들이 발생합니다.

많은 사람들이 브라우져의 글자크기 조절하는 법을 모릅니다.
브라우져 텍스트크기가 보통이 아닌 다른 글자크기로 정의되어 있는데 사이트가 상대크기라면
글자가 갑자기 크게 나오거나, 혹은 작게 나오거나 하겠죠. 이런 상황을 일반적인 사용자가 맞닥뜨리면 기겁을 하며(특히 IE 6) 해킹당한건 아닌지, 바이러스 걸린건 아닌지, 컴퓨터가 고장난건 아닌지 하는 겁이 덜컥 듭니다. 너무 극단적인 예인가요?
하지만 컴퓨터를 조금 아시는 분이라도 당황하기는 마찬가지 입니다.

사용자가 많을 수 록 이러한 문제의 비율은 극격히 높아질 것 이고, 고객센터에 엄청난 질문과 항의가 올라올 것 입니다.(때때론 전화가 올 수 있구요..ㅎㅎ;)
FAQ에 올려 있다고 하더라도, 이걸 보는 사용자가 얼마나 될까요..?

대다수의 고객들이 절대크기를 경험에 의한 학습으로 사용해 왔고, 사용하고 있습니다.
회사 입장에서는 모험을 하기보다는, 안정적인 운영을 위해 절대크기로 갈것입니다. (안정적인 운영은 곧 수익창출을 할 수 있는 기반이니깐요)

그럼 결국 줌브라우징이 필요한 소수의 사용자들은 또 배척되는 딜레마 상황이 되어버리죠..
양쪽 모두를 아우를 수 있는 방법은 없는 걸까요?

IE 6 이 패치되는 방법은 어떨까요? (IE 7 부터는 줌브라우징이 지원됩니다)
패치됬을때 불러올 혼란을 생각하면 끔찍하지만, 가장 확실한 방법이죠.
하지만 MS가 그 무리수를 감당하려 할까요?
애시당초 IE 6 이 줌브라우징을 지원했었더라면..(덤으로 표준도 준수했더라면;;)


고니님과 대화를 하면서 외국계 회사들은 상대크기를 많이 쓰는거에 대해 얘기를 하게 되었는데
고니님은 그 이유를 서체에 있다고 보셨습니다. 영어는 줌브라우징으로 작게해도 알아볼 수 있는 마지막단계가 한글보다 높다는 의견이었는데,
즉 무슨말인고 하니(숫자가 작을수록 글씨크기는 작아진다면) 영어로 사이즈를 2으로 하면 더 이상 알아보기 힘들다고 한다면 한글은 5로 하면 더 이상 알아보기 힘든 사이즈가 되는 것이죠.



상대폰트 쓰면 좋은데, 막상 쓰고나면 이러저러한 문제점들이 생기니...



ps > 이것 말고도 많은 고민들과 문제점이 있을 수 있습니다.
그런것들을 서로 공유를 하면 좋겠습니다. (트랙백 혹은 코멘트로)
이러한 고민들을 서로 공유해 나가는것이 해결책을 찾아 나가는 길이니깐요.
크리에이티브 커먼즈 라이선스
Creative Commons License

'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글

[JS] timestamp 를 date 형식으로 보여주기(as like php date())  (0) 2007/08/08
[font series 2]폰트사이즈만 상대적으로 하면 된다?  (2) 2007/08/01
[font series 1]웹에서 Font Size 문제..  (2) 2007/08/01
[JS] HTML Attribute Parser  (0) 2007/07/13
[JS] OS 알아내기 (with js & jQuery)  (0) 2007/07/10
[js] FireFox, Safari 에서도 16진수 컬러코드 사용하기.  (1) 2007/04/18
Posted by Johan Kim hiphapis
TAG , , ,
Trackback 1 Comment 2

TRACKBACK http://hiphapis.net/trackback/58 관련글 쓰기

  1. 유니버설 디자인에 대한 단상: 글자 크기  삭제

    2007/08/01 14:51TRACKBACK FROM Feel the Freeism: To Be 2.0

    유니버설 디자인이라는 개념이 있습니다. 웹 접근성을 논하면서 자주 나오는 개념이라고 할 수 있겠습니다(방법론은 아닙니다..) 간단히 설명을 드리면... 유니버설 디자인(Universal Design)은 별도로 개조하거나 특별히 설계하지 않아도 모든 사람들이 최대한 사용하기 쉽게 만들어진 제품과 환경에 대한 디자인을 의미한다.유니버설 디자인의 철학은 그 대상을 모든 사람들(all people) 또는 가능한 많은 사람들(as many people as..

댓글을 달아 주세요

  1. Favicon of http://ismvisualstudio.net/blog/freeism BlogIcon freeism

    안녕하세요~ 트랙백 타고 왔습니다. ^^

    요즘 저도 사이트를 만들면서 5개의 브라우저로 랜더링 테스트를 하면서 작업을 합니다.
    IE7, IE6, FF, Opera, Safari...;;;

    근데 가만히 생각해보면(기다림님의 글에서 처럼), 표준을 지키지 않는 브라우저 때문에 개발자들이 싸워야 되는 상황이 우습기도 하고 화도 납니다. ㅠ _-) 오페라가 웹 표준을 준수하는 브라우저라고 하지만, 정작 중요한 것은 IE7, IE6 유저가 70%인 상황인거죠.

    위의 폰트 크기도 그래서 이래저래 말이 많은거 아닌가 싶습니다.
    (단, 한글이냐 영문이냐의 차이로 인한 문제는 별개로 하고 말씀드립니다. ^^;;; )
    웹 표준을 지키면 지킨다고 뭐라뭐라~ 어쩔 수 없이 안 지켜도 안 지킨다도 부라부라~
    완전 털썩입니다. ^^;
    영화에서나 나올법한 말이지만 '정의는 없다' 라고나 할까요? ㅋㅋ

    그래서 저는 그냥 핵(CSS hack)을 써서 브라우저 별로 글자크기를 다르게 지정해 버립니다. 기본은 상대 크기로 하지만, 여차 싶어서 아니다 싶으면 그냥 망설임없이 절대 크리고 지정을 해 버리죠(아. 이게 또 상대크기가 옳다는 이야긴 아닙니다. 그냥 제가 그렇다는 겁니다. ^^;; ). 근데 이렇게 또 핵을 쓰면 '핵은 되도록 사용하지 마세요. 표준도 아니고 나중에 문제 생깁니다'라는 의견이 주르륵...;;;;;;;

    아하하~ 어쩌란 거지요~ ^ -^);;
    아무튼 현 상황은 개인적인 경험과 대세[?!]를 따라서 가장 불편함이 없는 방법을 취하는 수 밖에 없을 것 같습니다. 어쩌면 앞으로도 영원히 말이죠. ㅠㅠ

    p.s. 저도 트랙백 드립니다~ ^^

    2007/08/01 14:51 [ ADDR : EDIT/ DEL : REPLY ]
    • Favicon of http://hiphapis.net BlogIcon 기다림

      안녕하세요 ;)
      제가 트랙백 드릴려고 했는데, 트랙백을 안쓰시더라구요.
      그래서 못드렸는데 이렇게 연결이 되니 다행이네요 :)

      누가 옳고 누가 그른지는 판단하기가 애매합니다.
      이쪽 입장을 생각하면 이 말이 맞고
      저쪽 입장을 생각하면 저 말이 맞죠.

      저도 처음에는 무조건 폰트크기를 상대폰트로 하는걸 강경해 왔는데, 정작 그렇게 하니 예상치 못했던 문제점들이 생기더군요.(블로그에 쓴 문제)

      뭔가 탁~! 해결되는 느낌이 들어야 하는데 쩝..
      브라우져들이 좀 일관성을 가지고 똑똑해지면 잘 해결될텐데..ㅠ,.ㅠ

      CSS핵은, "오남용 금지"라는게 제 입장입니다 ㅎㅎ
      멍청한 브라우져들때문에 어쩔 수 없죠..ㅎㅎ

      2007/08/01 15:03 [ ADDR : EDIT/ DEL ]