웹 접근 검사 오류 유형 - "적절한 링크 테스트" 해결 방안

공공기관 프로젝트를 진행하다보니 막판에 웹 접근 검사를 실시하는데 적절한 링크 테스트 오류가 계속 발생~

 

망할!

사실 일반적이면 쉽게 조치가 가능하지만,  현재 문제가 되는 소스부분은 css class에 a태그를 넣을 경우 백그라운드 이미지가 있는 구조다.

 

<li class="test">

<a href = "링크주소" title="ㅋㅋ"></a> -> 요딴식으로

</li>

 

오픈왁스(OpenWAX)로 점검을 해보니 a 태그를 쓰고 안에 내용이 없어서 오류로 인식하는거였는데~

공백을 넣던가 여튼 안에 뭔가를 넣으면 기존 구조가 깨지는 구조였다.  (별것도 아닌것이 잘 안되니 개스트레스...)

 

최대한 stylesheet 안 건들고 별 짓을 다 해보다가 찾아낸 방법? 꼼수? 여튼 해결방안으로는...

 

<div style="display:none">&nbsp;</div>

 

위처럼 처리해주면 된다. 공백만 있으면 깨지니까 공백넣은 div를 날려버리는거지~ 

그럼 웹 접근 검사에서 패스하게 된다 ㅋㅋㅋㅋㅋ

 

누군가 나와 비슷한 상황에서 유용하게 사용이 되는 꼼수가 되길 바라본다~~