Comments on: 이미지 메뉴를 더 가치있게

By: ssari

ssari — Mon, 09 Jul 2007 02:24:25 +0000

위 Phark revisited 방법을 적용했을시..
배경이미지도 text-indent가 같이 적용이 되서
안보입니다..저만 안되는건가요?? ㅡㅡ;

By: Jay G.

Jay G. — Fri, 16 Jun 2006 01:26:40 +0000

@okoru: [quote]This is not the case in several screen readers, even if we specify the “screen” media type for our style sheet.[/quote] Stopdesign의 글을 보면 미디어 타입을 적용해도 문제가 되는 것 같습니다. 그리고 ALA의 글을 보면 스크린 리더는 대부분 음성과 함께 화면 또는 점자를 동시에 출력하는 'multimodal devices'이기 때문에 현재의 미디어 타입에 문제가 있다고 지적합니다.

By: okoru

okoru — Thu, 15 Jun 2006 10:51:09 +0000

CSS의 경우 media를 설정할 수 있는데도 스크린리더에서 문제가 되나요? 스크린리더가 media=”screen”의 경우에도 CSS를 처리하는지 궁금합니다.

“element:value” 라거나 하는 가상클래스(엘레멘트 속의 텍스트만을 선택하는..)가 있으면 좋겠습니다. CSS3에선 구현 되려나..

By: Jay G.

Jay G. — Thu, 15 Jun 2006 00:36:19 +0000

사실 위 글이 공개된 후 몇 가지 대안이 나오긴 했지만 완벽한 해결책은 없다고 합니다. 그리고 'CSS를 이해해서 읽어주는 스크린리더'라면 위 방법들도 신중하게 사용하여야 할 듯 합니다. :) [quote]As is true with any content-altering technique, the advantages and disadvantages should be carefully considered for each unique case before being implemented. Since this article was written, several alternative methods have surfaced, each with their own advantages. However, no methods have emerged as the “Holy Grail” of text/image replacement.[/quote] Stopdesign의 글 'Using Background-Image to Replace Text'도 참고하세요. :)

By: 일모리

일모리 — Wed, 14 Jun 2006 21:22:00 +0000

Jay 님도 ALA 를 즐기시는군요. 저도 매번 나오는것들은 읽는다고 하는데 워낙 방대하다보니 몇년이되도 못읽겠습니다. ㅎㅎ

네 말씀하신데로 제가 소개한 3가지 방법중 두번째가 바로 FIR 방법입니다. 일단 display:none; 자체가 들어간다는 것에대한 우려가 높죠.

[quote]Unfortunately, Fahrner Image Replacement cannot be said to be an accessible web technique when used for text. Screen-reader users either already cannot read any text marked up that way or will not be able to in the future when the software is updated to interpret CSS correctly.[/quote]

간단히 말해서 후에 css 를 이해해서 일어주는 스크린리더에겐 위의 방법이 읽혀지지 않을것이다 라고 되어있네요. 덕분에 좋은글 읽었습니다.

제가 즐거쓰는 방법이 첫번째 방법인데, 이 Phark Revisited 방법은 스크린 리더에도 괜찮은걸로 알고 있습니다. okoru 님께서 지적하신 이미지를 껐을때에 텍스트가 보이지 않는다는게 단점이겠죠. 좋은 지적 이십니다. ^^

ps. 위의 방법들에다가 이름을 달아 주어야겠군요

By: Jay G.

Jay G. — Wed, 14 Jun 2006 17:01:12 +0000

위에서 소개하신 기술이 Todd Fahrner의 이름을 딴 FIR(Fahrner Image Replacement) 같군요. 사실 저도 제 블로그에서 이 기술을 사용하긴 하지만 실제로 접근성에 있어서 문제가 있다는 보고가 있습니다. 대부분의 스크린 리더에서 제대로 읽어주지 못한다고 하는 실험결과도 있구요. :( 사용하시는 분들은 이런 점을 유의하셔야 할 것 같습니다. 자세한 내용은 A List Apart의 글을 참고하세요. Flash를 이용한 sIFR 이라는 기술도 있습니다. :) Introducing sIFR: The Healthy Alternative to Browser Text 제 블로그는 나름의 장점 때문에 두 기술을 섞어서 사용하고 있구요. 그리고 맑은고딕이 분명히 한글 표준 폰트의 역할을 하겠지만 사실 윈도우의 한글 폰트일 뿐인데 이점이 좀 마음에 들지 않네요. :)