대한체육회 홈페이지는 MS가 스폰서?

[배우기]

초보 파이어폭스 사용자인 제가 모질라를 이용하는 웹서핑시간이 늘면서
국내 웹사이트 관리자들의 인식부족이 매우 심각하다는 것을 절실하게 느낍니다.
요즘 올림픽기간이라 스포츠관련 정보 많이들 보시지요?

http://www.sports.or.kr/Netscape.jsp

일반세금 거두고 더우기 준조세형태의 체육기금까지 거두어
기껏 만든 페이지가 저지경이라니...

고비용 저효율성 그리고 방만한 경영으로 두둘겨 맞았는데도 불구하고
아직도 정신을 못차린 모양입니다.

[soonsu]

하여간 울나라 공무원들 철밥통 소리 안들을려면
정신차려야 할텐데.. 특히 고위 공무원들...

[빛알갱이]

뭔가 구체적인 행동을 해야할 필요가 있을 것 같습니다. 되든 안 되든 그래도 말이 통할 것 같은 국회의원 (장애인을 대표해 당선된 의원이나 과학계 출신 의원 : 우선 보좌관을 '꼬셔서' )에게 미국의 section 508이나 영국, 캐나다 등의 그에 해당하는 법률과 유사한 법률을 의원 입법으로 발의하도록 한다든지 ....

미국의 section 508은 연방 정부의 각 부처 및 산하 기관이나 연방 정부의 예산을 지원 받는 기관의 웹을 비롯한 electronic resource를 접근하는데 있어서 장애의 정도와 무관하게 접근성을 보장해야 한다는 것이 핵심입니다. 접근성이 있는 웹 페이지는 웹 표준을 지키지 않을 수 없기 때문에 자연스럽게 모질라 등 표준을 잘 지키는 브라우저로도 잘 보이게 됩니다.

[Barami]

...헐헐 그러게요.
MSN도 파이어폭스에서 접근 가능하던데..

[맑은돌]

워크-넷처럼 만든 곳이 또 있었네요. 만든 분의 마음 가짐이나 생각이 어떠한지 정말 궁금합니다. 인터넷을 다시 배우고 만드는 일에 와야할 것으로...

대한체육회 회장인가 뭔가 하는 이 연택 그 사람부터 갈아치워야 할지도 모릅니다.

[best3286]

<a href=http://miniwini.com/miniwinis/bbs/index ... ad&id=2965
target=_blank>http://miniwini.com/miniwinis/bbs/index ... ad&id=2965
</a>
흠... msn같은 경우는 저런것까지도 모질라 지원가능하도록 만들어져 잇죠..
( 그렇다고 되지 말아야한다, 못된다 라는건 아니죠 ^^; )
그러나 메신져만큼은 윈도용이라 아쉽죠..
물론 다른 리눅스용 프로그램중 msn메신져 가능한것이 있지만 말이죠;;

[stmaestro]

생활 속의 시민단체를 표방하는 아름다운가게도 MS에서 후원을 꽤 해주었던걸로 기억. 그래서 데이터베이스 프로그램도 거기서... 해줬던걸로.. 근데, 다행히도 거기 사이트 접속, 불여우에선 지장이 없더라고요.

[빛알갱이]

MSN에서 모질라를 잘 지원하는 것은 당연합니다. M$는 더 이상 반독점 문제에 대해서 이전처럼 naive하지 않습니다. 전에는 멍청하게 자신들의 독점적 관행에 대한 증거를 사방에 떨어뜨리고 다녀서 그들의 독점적 행태에 대한 증거 수집이 쉬웠습니다. 이제는 그전처럼 '순진하지' 않습니다. IBM이나 Intel처럼 그 문제에 대해 사내 교육도 많이 하고, 조심을 많이 합니다.

아름다운 가게: 거기도 문제가 아주 많군요. 모질라로 잘 보인다고 문제가 없는 것이 아닙니다. 접근성에 대해 거의 (거의가 아니라 전혀) 고려하지 않고 있습니다. 시각 장애자가 그곳을 방문하면 아주 고생을 많이 할 것입니다. 흠... 소수자나 약자를 위해 일하는 곳부터 접근성 문제를 해결하라고 '공략'하고 설득해야겠군요.

[빛알갱이]

아름다운 가게 웹 사이트는 시각 장애자가 가면 고생을 하는 정도가 아니라 거의 사용이 불가능할 정도로 잘못 만들어 놓았습니다. 가장 기본적인 그림에 alt tag (표준을 지키려면 의무적으로 넣어야 합니다) 넣기조차 하지 않고 있습니다. 그리고, 내용물 자리 배치(layout)를 위해 table을 무수히 남용/오용하고 있고요.

한국 웹 사이트 대부분이 그런 식이니까 그곳만 특별히 뭐라고 할 수는 없지만, 그래도 아쉽군요. 메일이라고 보내 보아야겠습니다.

[허달수]

꼴사나운건 못봐주는 성격이라 대한체육회 자유게시판에다 한마디 해놓고 오긴 했는데.. 나름대로 여러루트를 통하여 확실한 방법을 찾아봐야 할 것 같습니다.

[stmaestro]

아름다운가게 사이트 그런가요.
예. 알겠습니다.

거기 웹 담당 하시는 분이 안면이 있는 분이라..
잘 얘기해 놓을께요.

[빛알갱이]

오늘 아침에 답을 받았습니다. 제 글에 많은 부분 공감한다면서 차단 부분을 제거했습니다. 조금 돌아다녀 보았는데, 비교적 '깔끔하게' (즉, MS IE 전용 코드도 별로 많이 쓰지 않고) 잘 만들어 놓았네요. 몇 군데 document.all이 보이고, 장애인들이 보기에는 아직도 문제가 있지만, 이 정도면 다른 곳보다 훨씬 나은 것 같습니다.

[빛알갱이]

아름다운가게 사이트 그런가요.
예. 알겠습니다.

거기 웹 담당 하시는 분이 안면이 있는 분이라..
잘 얘기해 놓을께요.

예, 이렇게 '연'이 닿는 사람 있으면 '게릴라 작전'(???)이라도 펴서 조금씩 느리더리도 움직여 나가야겠습니다.

http://www.appleforum.com/showthread.ph ... post151570
http://www.gregshin.pe.kr/wcag

위의 글을 읽어 보라고 전해 주십시오.

현재 아름다운 가게 웹 사이트의 대표적 문제점은 다음과 같습니다. (다른 것도 많지만, 우선 생각나는 큰 문제점만 언급합니다.) 각론에 앞서 총론을
얘기하자면, '내용과 표현의 분리'라는 대단히 중요한 웹 사이트 개발 원칙에 대해 많은 생각을 하고 만들었다면 지금보다 훨씬 나은 곳이 되었을 것입니다.

1. 그림 파일에 대해 대체 텍스트 (alt와 title 사용)가 전혀 붙어 있지 않습니다. 따라서, 화면 낭독기로 그곳을 방문할 경우 "login.gif search.gif menu_left.gif ....."와 같은 말을 지겹게 **들어야** 합니다. 시각 장애인이라고 생각하고 이런 말을 계속 들어야 할 때 얼마나 답답할지 생각해 보십시오.

2. flash를 사방에 쓰고 있는데, flash를 쓸 수 없는 이들에 대한 등가 대체 정보가 전혀 없습니다. 특히, flash로 메뉴를 구성해 놓은 부분도 있어서 flash 없이는 사이트의 어떤 부분은 방문할 수 없습니다. (아마 TLD 별로 flash 사용 빈도 수 조사를 하면 kr이 단연 1등일 것입니다. cn도 그에 못지 않을 것 같기는 하지만요)

3. HTML table을 남용/오용해서 시각적인 내용물 자리 배치(layout)에 쓰고 있습니다. 특히, 세밀하게 layout하기 위해 중간에 1pixel 폭이나 높이의 'spacer.gif' 등을 넣어 놓은 곳이 많습니다. table은 2차원으로 나타냈을 때 의미가 있는 정보를 위해 있는 것이지 이런 시각적 내용물 자리 배치를 위해 있는 것이 아닙니다. 물론, CSS2의 몇 가지 부족한 점 등 때문에 어떤 경우에 불가피하게 table을 써야 하는 경우도 있을 수 있습니다. 하지만, 아름다운 가게 웹 사이트를 비롯한 한국 웹 사이트에서처럼 남용하면 안 됩니다. 주요 웹 사이트 가운데 ESPN 웹사이트에서 table을 거의 쓰지 않고 CSS만으로 layout을 했습니다.
왜 table을 이런 식으로 쓰면 안 되냐고요? 아무런 연관 관계도 없는 내용이 순전히 2차원 화면 상의 자리 배치만을 위해 몇 겹의 table안에 들어 있을 때, 순차적으로 읽어 주는 (즉 1차원인) 화면 낭독기를 통해 내용을 파악한다고 생각해 보세요. 무척 헛갈릴 것입니다.

우선, 1번부터 시작하면 좋겠습니다. 그것만으로도 많은 도움이 될 것입니다.

그럼, 자그마한 성과를 기대하면서 ....

[빛알갱이]

앞선 글에서 링크를 걸어 준 제가 작년에 appleforum에 쓴 글에서 longdesc이라고 한 것은 모두 title로 고쳐야 합니다. 그때 제가 longdesc과 title을 헛갈렸습니다.

[빛알갱이]

조금 돌아다녀 보았는데, 비교적 '깔끔하게' (즉, MS IE 전용 코드도 별로 많이 쓰지 않고) 잘 만들어 놓았네요.

동영상 보기에서도 ActiveX control을 쓰지 않고, 그냥 wmv 파일을 링크로 걸어 놓아서 Linux에서도 아무 문제 없이 볼 수 있고요. (별로 보는 사람이 없어서 특별히 streaming을 할 이유가 없기도 하겠지만. streaming을 위해 꼭 ActiveX를 써야 하는 것은 물론 아닙니다.) 괜히 MS IE 이외의 브라우저를 차단했다가 욕만 많이 먹은 것 같군요. 안에 가면 거의 다 잘 보이는데. 이제 고쳤으니 다행입니다.

[joseongman]

저도 대한 체육회 민원게시판에 대한체육회 홈페이지가 표준을 지켜줄 것을 부탁하는 민원을 넣고 왔습니다.
각 웹사이트의 관리자들에게 표준 준수를 인지시키기 위해서 많은 분들이 동참을 해주셨으면 합니다.

[softwant]

1. 그림 파일에 대해 대체 텍스트 (alt와 title 사용)가 전혀 붙어 있지 않습니다. 따라서, 화면 낭독기로 그곳을 방문할 경우 "login.gif search.gif menu_left.gif ....."와 같은 말을 지겹게 **들어야** 합니다. 시각 장애인이라고 생각하고 이런 말을 계속 들어야 할 때 얼마나 답답할지 생각해 보십시오.

이 문제는 [이지웍에디터:프론트페이지]를 사용할 경우가 문제죠. 기본적으로 alt 내용을 자동으로 이미지 파일명을 넣어주기 때문이죠.

텍스트 에디터를 사용하면 자신이 직접 입력할 수 있지만, 또는 Nuv나 모질라내장 HTML편집기를 사용하면, 이미지를 링크시킬 경우, 이것 적어주지않는다고 짜증부리죠.. 이건 좀 불편..

다른 이야기지만, Nuv나 모질라편집기는 작업구조가 탭으로 나뉘어져 있어, 이를 하나로 모아주면 좋겠더군요. 자주 쓰는 것은 아니지만.. 마우스 한번 더 클릭하기 싫기 때문에... ^^;;;

의미없는 이미지의 경우 alt=""처리를 하는 게 바람직합니다. 그러면 "화면 읽기 프로그램(Screen Reader)"에서 그냥 넘어가겠죠.

모질라에서는 alt=""보다는 title=""을 이용하라고 하던데.. "화면 읽기 프로그램"은 두가지가 있을 경우 어떤 것을 처리하나요?

[배우기]

반드시 넣어야 합니다. Validation Service로 체크해 보면

코드: 모두 선택

alt = ""

is not valid

코드: 모두 선택

alt = "text"

is valid

[tokigun]

반드시 넣어야 합니다. Validation Service로 체크해 보면

코드: 모두 선택

alt = ""

is not valid

코드: 모두 선택

alt = "text"

is valid

http://tokigun.net/test.php validate 해 보세요. 저는 이상이 없는 걸로 알고 있습니다만...? (XHTML 1.1을 사용하고 있습니다.)

- 토끼군

[배우기]

정말 이상하군요.^^ 저는 아닌데....

http://xpz.chinguya.net/test.php

코드: 모두 선택

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<img src="/EE/images/sample.jpg" width="230" height="153" />

</body>
</html>

저는 XHTML 1.0 transitional 입니다.

http://validator.w3.org/check?uri=http%3A%2F%2F xpz.chinguya.net%2Ftest.php&charset=%28detect+ automatically%29&doctype=%28detect+automatically %29&ss=1&outline=1&sp=1&noatt=1&No200=1&verbose=1

테스트후에 추가:::

오호라...
아예 없으면 안되는군요.
지난번에 엄청 고생했지요.

required attribute "alt" not specified
"text"로 잘못 알고 있었습니다.^^

아 또끼군님 감사해요. 덕분에 또하나 제대로 배웠네요.