부산시 홈페이지 웹접근성 평가 요청

[citycow]

부산시홈페이지가 최근 정보통신부의 웹접근성 표준안에 맞추어
리뉴얼 되었습니다.

현재 부산시홈페이지를 대산으로 웹접근성 평가 이벤트를 진행중에 있습니다.
개발자 여러분의 많은 의견과 참여 바랍니다.

http://event.bsdaum.net/cityhall/

[빛알갱이]

이런 행사를 할 정도로 웹 표준과 웹 접근성에 대해 관심이 늘어난 점은 기쁜 일입니다. 하지만, 아직도 기본이 제대로 안 되어 있다는 생각이 들게 하는 것은 바로 이 행사를 알리는 웹 페이지의 접근성에 큰 문제가 있기 때문입니다. 왜 그 광고 페이지에는 대체 텍스트 하나 없는 그림만 있을까요? 접근성에 가장 큰 영향을 받는 이들 가운데 하나인 시각이 온전하지 못 한 분들은 이 페이지를 제대로 볼 수 없습니다.

[withlian]

이벤트 페이지에 의견을 반영하여 수정하였습니다.

좋은 의견 감사드립니다.

[she]

일부러 사람들 상품 주려고 사이트를 만드신 건지 모르겠지만...
보고할 것이 너무 많은 사이트군요...
위에 말씀하신 것처럼 도무지 기본이 안되어있습니다.

혹시 사이트 만들면서 웹 접근성 검사는 한 번이라도 해보셨는지요?
웹 표준도 엉망이고...
... 할 말이 없군요..

http://img181.imageshack.us/img181/9226 ... wy9.th.png

위의 그림은 접근성 검사를 해본 결과입니다.

프레임으로 둘러싸여있는데다가 자바스크립트로 오른쪽 마우스 클릭까지 막아놔서 프레임 걷어내고 자바스크립트가 작동하지 않도록 브라우저 환경을 만들어보았습니다. 그랬더니 아래 그림처럼 무슨 사이트인지도 모르겠더군요.

http://img182.imageshack.us/img182/7499 ... gn2.th.png

자바스크립트를 쓰지 않아도 접근 가능하도록 만들어야 하지 않겠습니까? 그런데 화면도 그럴 뿐더러 링크들도 자바스크립트를 무효화하면 기능을 하지 않습니다.

Code: Select all

		  <!-- ************* 좌측 바로가기 메뉴  시작 ********************* -->
		  <ul>
		    <li><a href="javascript:WinSiteM13();"><img src="/open_content/img/main_page/left_link01.gif" alt="부산홍보관 엔터키를 치시면 해당페이지로 이동합니다." name="left01" width="144" height="25" border="0"></a></li>

			<li><a href="javascript:WinSiteM02();"><img src="/open_content/img/main_page/left_link02.gif" alt="디지털부산관 엔터키를 치시면 해당페이지로 이동합니다." name="left02" width="144" height="24" border="0"></a></li>
			<li><a href="javascript:WinSiteM12();"><img src="/open_content/img/main_page/left_link03.gif" alt="누리마루APEC하우스 엔터키를 치시면 해당페이지로 이동합니다." name="left03" width="144" height="24" border="0"></a></li>
			<li><a href="/open_content/APEC_2005/01_about/about_01.jsp"><img src="/open_content/img/main_page/left_link04.gif" alt="APEC홈페이지 엔터키를 치시면 해당페이지로 이동합니다." name="left04" width="144" height="24" border="0"></a></li>
			<li><a href="javascript:WinSiteM03();"><img src="/open_content/img/main_page/left_link05.gif" alt="시정알림이 엔터키를 치시면 해당페이지로 이동합니다." name="left05" width="144" height="24" border="0"></a></li>
			<li><a href="javascript:WinSiteM04();"><img src="/open_content/img/main_page/left_link06.gif" alt="웹CF 엔터키를 치시면 해당페이지로 이동합니다." name="left06" width="144" height="25" border="0"></a></li>
		  </ul>

첫 페이지에 있는 소스입니다... 자바스크립트 기능을 할 수 없는 브라우저에서는 페이지간 이동을 할 수 없습니다. 이런 링크들은 너무도 많더라고요.

또 플래시에 대체 텍스트를 넣은 것은 좋습니다. 그런데 왜 대체 텍스트에 style="display:none;"를 쓰는지 모르겠군요. 그렇게 하지 않아도 대체 텍스트 글씨는 보이지 않는 건데요. 대체 텍스트를 넣는 이유는 브라우저가 플래시를 랜더링할 수 없을 때 그 위치가 어떤 기능을 하는지 알려주기 위해 넣는 것입니다. 그러면 플래시가 보이지 않을 때는 플래시의 대체 기능을 할 수 있는 문구를 넣어줘야 하는데 display:none;이라고 써넣으면, 플래시가 랜더링 할 수 없는 상황에서 아무 문구도 보이지 않아서 그곳이 플래시가 있던 위치인지도 모르게 됩니다. 모든 플래시마다 그렇더군요.

접근성에 대한 이해를 하지도 않은 채 이벤트까지 했다는 것에 조금 많이 실망스럽군요.

[nowhere0]

http://dnzin.com/cunningweb/2006/08/22/ ... ity-check/

적어봤습니다. 중간에 짜증이나서 말투가 씨닉해진 관계로 이벤트 응모는 안합니다.