댓글 : WCAG 2.0 지침이 전하는 전경색과 배경색의 명도 대비. http://naradesign.net/wp/2009/07/01/947/ 웹표준, 웹접근성, 유니버설디자인, HTML, CSS, UI, UX, UD Fri, 12 Mar 2010 01:32:48 +0000 http://wordpress.org/?v=2.9.2 hourly 1 색맹(Color Blindness)을 위한 접근성 사례 모음 – we are colorblindness « 삐돌이의 웹 접근성 & IT Transformation가 만듬 http://naradesign.net/wp/2009/07/01/947/comment-page-1/#comment-49167 색맹(Color Blindness)을 위한 접근성 사례 모음 – we are colorblindness « 삐돌이의 웹 접근성 & IT Transformation Thu, 29 Oct 2009 01:23:22 +0000 http://naradesign.net/wp/?p=947#comment-49167 [...] 고대비로 화면이나 글자를 제공하는 것일 겁니다. 이에 대해서는 찬명님이 WCAG 2.0 지침이 전하는 전경색과 배경색의 명도 대비라는 블로깅을 참고하시기 [...] [...] 고대비로 화면이나 글자를 제공하는 것일 겁니다. 이에 대해서는 찬명님이 WCAG 2.0 지침이 전하는 전경색과 배경색의 명도 대비라는 블로깅을 참고하시기 [...]

]]> 내가바로우주다가 만듬 http://naradesign.net/wp/2009/07/01/947/comment-page-1/#comment-48489 내가바로우주다 Sat, 22 Aug 2009 14:31:10 +0000 http://naradesign.net/wp/?p=947#comment-48489 ^^ 정말 좋은 정보네요~~ 저는 웹접근성과 디자인과의 관계에 대해 고민중인데... 담에 기회가 된다면 앞으로의 웹의 방향성에 대해서 얘기를 나눠보고 싶네요~~ 그리고 답변 감사드립니다~ ^^ ^^ 정말 좋은 정보네요~~

저는 웹접근성과 디자인과의 관계에 대해 고민중인데…
담에 기회가 된다면 앞으로의 웹의 방향성에 대해서 얘기를 나눠보고 싶네요~~

그리고 답변 감사드립니다~ ^^

]]> 정찬명가 만듬 http://naradesign.net/wp/2009/07/01/947/comment-page-1/#comment-48424 정찬명 Wed, 19 Aug 2009 06:33:55 +0000 http://naradesign.net/wp/?p=947#comment-48424 웹 접근성 품질마크에서는 아직 전경 글꼴과 배경색의 대비는 평가 기준으로 채택하지 않고 있습니다. 그러나 WCAG 2.0 지침에는 포함되어 있고 IWCAG 2.0(한국형 웹 콘텐츠 접근성 지침, 아직 미공개 초안) 에서는 채택해서 향후에 국가 표준으로 올릴 예정 입니다. 따라서 이 기준을 적용하신다면 아래 사이트에서 전경 글꼴과 배경색을 입력해 보시고 Result > Contrast Ratio 항목이 4.5 이상이 나오는 조합만 사용하는 것을 자체적인 기준으로 채택하시면 WCAG 2.0 의 AA 기준을 만족하게 되므로 권장 드립니다. http://www.snook.ca/technical/colour_contrast/colour.html 좋은 하루 되세요. ^^ 웹 접근성 품질마크에서는 아직 전경 글꼴과 배경색의 대비는 평가 기준으로 채택하지 않고 있습니다. 그러나 WCAG 2.0 지침에는 포함되어 있고 IWCAG 2.0(한국형 웹 콘텐츠 접근성 지침, 아직 미공개 초안) 에서는 채택해서 향후에 국가 표준으로 올릴 예정 입니다.

따라서 이 기준을 적용하신다면 아래 사이트에서 전경 글꼴과 배경색을 입력해 보시고 Result > Contrast Ratio 항목이 4.5 이상이 나오는 조합만 사용하는 것을 자체적인 기준으로 채택하시면 WCAG 2.0 의 AA 기준을 만족하게 되므로 권장 드립니다.
http://www.snook.ca/technical/colour_contrast/colour.html

좋은 하루 되세요. ^^

]]> 내가바로우주다가 만듬 http://naradesign.net/wp/2009/07/01/947/comment-page-1/#comment-48422 내가바로우주다 Wed, 19 Aug 2009 06:06:44 +0000 http://naradesign.net/wp/?p=947#comment-48422 와우~ 빠른 답변 감사합니다~ 그럼 한가지 더 질문 드리자면 웹 접근성 품질마크를 획득할려면은.. 텍스트 컬러는 어느 기준으로 작업하는게 맞을까요~? 아니면 사기업은 아직까지 품질마크 심사를 하지 않는 건가요~?? 공기업 기준으로 품질마크 획득하려면...어느 기준에 맞춰야 할까요~? 와우~ 빠른 답변 감사합니다~

그럼 한가지 더 질문 드리자면 웹 접근성 품질마크를 획득할려면은..
텍스트 컬러는 어느 기준으로 작업하는게 맞을까요~?

아니면 사기업은 아직까지 품질마크 심사를 하지 않는 건가요~??
공기업 기준으로 품질마크 획득하려면…어느 기준에 맞춰야 할까요~?

]]> 정찬명가 만듬 http://naradesign.net/wp/2009/07/01/947/comment-page-1/#comment-48421 정찬명 Wed, 19 Aug 2009 05:37:22 +0000 http://naradesign.net/wp/?p=947#comment-48421 후지쯔에서 제공하는 도구를 사용하시면 흰색 배경일때 #8b8b8b 까지는 괜찮고 #8c8c8c 부터는 백내장 항목에 'X'가 뜰껍니다. 후지쯔가 장애라고 판단하는 기준과 WCAG 2.0 지침에서 제시하는 기준이 일치하지 않아서 그럴 수도 있고 또는 후지쯔 도구가 글자의 크기나 굵기 등을 배제한 상태에서 측정하기 때문에 좀 더 완화된 기준을 적용한 것일 수도 있겠네요. 후지쯔의 정확한 기준은 잘 모르겠고 제 추측 입니다. ^^ 후지쯔에서 제공하는 도구를 사용하시면 흰색 배경일때 #8b8b8b 까지는 괜찮고 #8c8c8c 부터는 백내장 항목에 ‘X’가 뜰껍니다. 후지쯔가 장애라고 판단하는 기준과 WCAG 2.0 지침에서 제시하는 기준이 일치하지 않아서 그럴 수도 있고 또는 후지쯔 도구가 글자의 크기나 굵기 등을 배제한 상태에서 측정하기 때문에 좀 더 완화된 기준을 적용한 것일 수도 있겠네요. 후지쯔의 정확한 기준은 잘 모르겠고 제 추측 입니다. ^^

]]> 내가바로우주다가 만듬 http://naradesign.net/wp/2009/07/01/947/comment-page-1/#comment-48418 내가바로우주다 Wed, 19 Aug 2009 05:01:36 +0000 http://naradesign.net/wp/?p=947#comment-48418 저는 웹디자이너인데 웹접근성에 대해 관심이 많습니다. 2년전에 관련 세미나도 참석했구요. 요 근래 사기업의 웹접근성관련 프로젝트도 수행하면서 느낀거지만 진짜 필요한 개념이라고 생각이 듭니다. 하지만 실무에서는 접근성에 대한 인지도가 많이 낮을 뿐더러 웹접근성은 디자이너의 크리에이티브를 갉아 먹는 족쇄정도로 생각하는 분들이 많터군요. 아직은 웹접근성 관련 플젝이 아니라면 글쓴이님이 보여준 정보는 그냥 정보에 끝나게 되더라구요~ 지금 법으로 제정된 부분은 실효성의 문제가 있다라는 의견도 많고... 아직까진 인식의 변화가 절실한듯 합니다. ps. 사기업 웹접근성 플젝하면서 명도대비에 관해서 소프트웨어를 썼는데요~ 배경컬러흰색일때 #888888 여기까지는 백내장까지 O 사인이 뜨던데요~ 웹 접근성 품질 마크제에 허용된 컬러랑 WCAG 2.0 지침이 틀린건가요~? 아니면 프로그램자체가 틀린건가요~? 저는 웹디자이너인데 웹접근성에 대해 관심이 많습니다. 2년전에 관련 세미나도 참석했구요.
요 근래 사기업의 웹접근성관련 프로젝트도 수행하면서 느낀거지만 진짜 필요한 개념이라고 생각이 듭니다.
하지만 실무에서는 접근성에 대한 인지도가 많이 낮을 뿐더러 웹접근성은 디자이너의 크리에이티브를 갉아 먹는 족쇄정도로 생각하는 분들이 많터군요.

아직은 웹접근성 관련 플젝이 아니라면 글쓴이님이 보여준 정보는 그냥 정보에 끝나게 되더라구요~

지금 법으로 제정된 부분은 실효성의 문제가 있다라는 의견도 많고…
아직까진 인식의 변화가 절실한듯 합니다.

ps. 사기업 웹접근성 플젝하면서 명도대비에 관해서 소프트웨어를 썼는데요~
배경컬러흰색일때 #888888 여기까지는 백내장까지 O 사인이 뜨던데요~
웹 접근성 품질 마크제에 허용된 컬러랑 WCAG 2.0 지침이 틀린건가요~?
아니면 프로그램자체가 틀린건가요~?

]]> 정수진가 만듬 http://naradesign.net/wp/2009/07/01/947/comment-page-1/#comment-47829 정수진 Wed, 08 Jul 2009 05:31:46 +0000 http://naradesign.net/wp/?p=947#comment-47829 저도 사용중. 1차 디자인나온화면을 고대비 맞추어 수정을 거쳐야할부분을 이 사이트에서 보고있습니다. NO한 칼라값을 추천칼라로 던져주면 얼마나 좋을까라는 생각을 했답니다.; 저도 사용중. 1차 디자인나온화면을 고대비 맞추어 수정을 거쳐야할부분을 이 사이트에서 보고있습니다. NO한 칼라값을 추천칼라로 던져주면 얼마나 좋을까라는 생각을 했답니다.;

]]> 황준상가 만듬 http://naradesign.net/wp/2009/07/01/947/comment-page-1/#comment-47772 황준상 Mon, 06 Jul 2009 11:10:51 +0000 http://naradesign.net/wp/?p=947#comment-47772 디자이너분들이 많이 봤으면 좋겠습니다. 저도 가끔 텍스트 #666에 작성자나 date 같은거 #999 로 넣기도 하거든요.. 이젠 다른색으로 해야되겠어요..ㅎ 디자이너분들이 많이 봤으면 좋겠습니다.
저도 가끔 텍스트 #666에 작성자나 date 같은거 #999 로 넣기도 하거든요..
이젠 다른색으로 해야되겠어요..ㅎ

]]> hong!가 만듬 http://naradesign.net/wp/2009/07/01/947/comment-page-1/#comment-47770 hong! Mon, 06 Jul 2009 07:52:26 +0000 http://naradesign.net/wp/?p=947#comment-47770 현실은 시궁창이라니... 가슴한켠이 시려옵니다. ㅡ.ㅜ 현실은 시궁창이라니… 가슴한켠이 시려옵니다. ㅡ.ㅜ

]]> 정찬명가 만듬 http://naradesign.net/wp/2009/07/01/947/comment-page-1/#comment-47767 정찬명 Mon, 06 Jul 2009 01:21:29 +0000 http://naradesign.net/wp/?p=947#comment-47767 섬님 안녕하세요? #595959 는 7:1 대비로 AAA 수준까지 달성할수 있지만 그만큼 디자이너의 색 사용 영역이 제한되기 때문에 4.5:1 대비 AA 수준을 만족하는 #767676 까지 허용해 주셔도 괜찮을것 같습니다. ^^ 감사합니다. 섬님 안녕하세요? #595959 는 7:1 대비로 AAA 수준까지 달성할수 있지만 그만큼 디자이너의 색 사용 영역이 제한되기 때문에 4.5:1 대비 AA 수준을 만족하는 #767676 까지 허용해 주셔도 괜찮을것 같습니다. ^^ 감사합니다.

]]>