앵겨의 HTML + CSS2009. 7. 20. 13:55

포스트 내용중에 다른 페이지로의 링크가 걸린 부분은 전부 현재페이지에서 이동되게 되어 있습니다.

현재창을 유지한채 새창(또는 새탭)으로 보시고 싶은 분들은 아래의 방법으로 이용하시기 바랍니다.

음...신현석님의 블로그에서 이미지가 마우스 롤오버 이벤트를 가질때 두개의 이미지를 가지고
css로 효과를 냈을때에 문제점에 대해서 작성한 포스트가 있는데...

솔직히 한번도 그렇게 사용해본적도 없고...그런 방법론을 사용한걸 본적 또한 없었지만...
문제점에 대해서는 전적으로 동의를 하는 바이다..

내가 생각하는 롤오버는 단순히 시각적인 의미뿐이라고 결론을 내려본다.
물론 현재 유저가 머물고 있는 페이지나 기타 영역을 시각적으로 확실하게 표현하기 위함도 있지만...
이부분은 롤오버가 아니므로 패스~

마우스가 해당 이미지에 오버된 상태거나 포커싱이 됐을때 이미지는 그러지 않았을때와 달라지는데..
이부분은 앞서 말했다시피 시각적인 의미가 강하므로 굳이 css로서 표현을 할거까지는 없다.
신현석님의 본문에도 있다시피 소스내 같은 의미로서의 이미지가 두개나 있고...그걸 css로 표현을 해주고
안해주고인데...만약 css가 지원하지 않는 기기나 기타 상황이 됐을때에는 똑같은 의미의 이미지가 두개나
표현이 된다는것이다...

이런 의미없는게 어디있나...특히나 아직은 경험해보지 않았지만...리더기의 경우를 생각해보자...
로그인이라는 타이틀을 가진 이미지가 있고 그 이미지는 롤오버 효과가 적용된 이미지이다...
그럼 리더기는 어떻게 읽어주나...로그인, 로그인이라고 읽어줄것이다...

이부분은 접근성을 완전히 해치는 부분으로서 비록 리더기를 사용하지않는 아주 평범한 유저라도 이런식으로
보인다면...첫마디가 아마도~~"뭐야~이건~~왜 두번씩이나...중요한가??"라고 할것같다...
일반인이 이렇다면 리더기에 의존하는 사람들은 어떨까??

앞서말한것처럼 단순히 의미전달로서의 롤오버가 아니라면(사실 그런일은 거의 없다고...) 그냥 자바스크립트로
처리를 하는게 더 괜찮지 않을까?
좋다...접근성이니 뭐니 다 제껴두고...소스의 간결성만 생각해도...훨씬 간결해지지 않나...

솔직히 표준도 좋고 표준을 하면서 접근성도 하고...다 좋다...하지만 쓸데없이 사용된 한줄한줄의 코드들은
소스를 작성한 자신이 보기에도 답답할것이다...본인은 답답하지 않을지언정 그 소스를 본 개발자나 혹은
후임이 봤을때...답답하게 느낄것이다...내가 하기편한 표준도 아니고...WWW도 아니다...

누구나가 다 편하기 위한 표준이고 World Wide Web이다...
쓸데없는 소스 한줄이 비록 경미할수는 있지만...그렇게 함으로서 누구나가 다 편하기 위한 표준이고 World Wide Web이 되지 않을까??
Posted by 앵겨