홈페이지 표준 & 접근성 위반사례를 알려주세요

삐돌이 · Post by **삐돌이** » 2005 05 30 09:43 08

우리나라의 웹 접근성 관련 자료들을 함께 공유하기 위해 2002년 정보통신 접근성 향상 표준화 포럼(http://www.iabf.or.kr)을 만들었습니다.

하지만, 아직 웹 표준 & 접근성을 모두 만족하지 못하고 있습니다.

이를 개선하기 위해 여러분들의 의견을 수렴하고자 합니다.

문제점들을 알려 주시면 신속히 고치도록 노력하겠습니다.

사소한 문제들이라도 알려 주시면 대단히 고맙겠습니다.

여러분들의 많은 의견 부탁드립니다.

여러분들의 의견을 바탕으로 표준과 접근성을 준수하는 홈페이지로 거듭나고자 하는 노력이오니, 많은 참여 부탁드립니다.

감사합니다.

문의처 : 한국정보문화진흥원 현 준호 (02-3660-2577, jhyun22@kado.or.kr)

박민권 · Post by **박민권** » 2005 05 30 12:00 47

Code: Select all

<a href="news/view.asp?seq=1172" title="2005년 5월 27일 : "정부혁신 통해 저개발국 삶의 질 향상>"정부혁신 통해 저개발국 삶의 질 향상"</a>

title이 제대로 닫히지 않았고 "가 그대로 쓰였습니다.

title="덜닫힘 => title="닫힘"
" => &quto;

아래와 같이 수정을 해주세요.

Code: Select all

<a href="news/view.asp?seq=1172" title="2005년 5월 27일 : "정부혁신 통해 저개발국 삶의 질 향상">"정부혁신 통해 저개발국 삶의 질 향상"</a>

이런 부분이 몇군데 있습니다.

<script> => <script type="text/javascript"> 로 해주세요.
<script language="JavaScript"> => <script type="text/javascript"> 로 해주세요.

Code: Select all

<title>IAB 정보 통신 접근성 향상 표준화 포럼</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">

제목이 나오기 전에 euc-kr이라는 것을 알려주세요.

Code: Select all

<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>IAB 정보 통신 접근성 향상 표준화 포럼</title>

Code: Select all

<tr> <a href="javascript:void(0)" title="정보 통신 접근성 향상 표준화 포럼의 첨부자료는 한글파일과 PDF파일로 제공합니다.

한글프로그램과 아크로뱃리더 프로그램이 없으신 분은 아래의 프로그램을 다운받아 설치하십시요. "></a>

<tr>안에 바로 내용이 들어갔습니다.
<tr><td>내용</td></tr> 이렇게 지켜주세요.

각종 태그의 background="images/space.gif" 는
style="background-image:url(images/space.gif)" 이런식으로 CSS로 작성해주세요.

색상코드 DB634C => #DB634C

이상 불여우 확장기능 Html Validator을 사용하여 문제점을 파악해 보았습니다.

소프트원트 · Post by **소프트원트** » 2005 05 30 13:16 07

문서 Doctype부터 선언해주어야 하겠죠.

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html401/loose.dtd">

문서 타입 선언은 아래 링크를 참고하세요.

http://softwant.com/cgi-bin/kimsboard/m ... ctypes.php

그리고 웹표준과 관계없지만 게시판도 다시한번 확인하시기 바랍니다.

게시판에 보니, 소스만 덩그러니 있는 것들이 보이더군요.

http://www.iabf.or.kr/qna/View.asp?seq= ... d1=&find2=

그런데 이런 접근방식은 좀 문제가 있는 것같습니다. 일단 웹표준에 어느 정도 맞추어서 제작을 한 뒤에 사용자 의견을 묻는 게 좋지않을까 하내요.

이번에 올라온 차니님 강연내용에도 나오지만, 내용과 표현의 분리가 나오고 table을 이용한 레이아웃 문제를 지적했는 데 이런 것부터 수정하는 게 좋을 것같습니다.

자잘한 의견을 듣는 것은 큰 의미가 없다고 봅니다. 즉 포럼 측에서 90%의 문제를 해결하고 10%의 조언을 반영하는 게 현실적이란 생각입니다.

ZEN · Post by **ZEN** » 2005 05 30 15:54 36

안녕하세요..정보통신 접근성 향상 표준화 포럼(http://www.iabf.or.kr) 홈페이지 담당자 전미영입니다.

먼저 background="images/space.gif 의 CSS 사용을 제외하고는 지적하신 부분은 수정되었으며, 첫페이지 뿐만아니라 모든페이지를 검사하여 수정진행중에 있습니다.

작년 사이버모의 테러 대응시점에서 개인정보 및 웹사이트 취약점 보안을 위해 진흥원에서는 SQL Injection(", / , & 등) 코드사용을 금지했습니다.
따라서 모든 게시판의 입력폼에는 특수문자 코드가 입력이 불가한데 iabf 게시판 제목입력폼에는 미적용 된 상태라, 제목에 "oooo"라고 등록하면 asp가 닫히지 않는 문제가 발생되었습니다. 이부분은 지적하신대로 즉시 수정완료 하였으며, html문서경우 코드가 그래로 보이는것 또한 보안을 위해 처리한 것이나, 이는 보는이로 하여 불편함을 주어 현재 게시판을 새로 코딩할 예정입니다.

그리고 한가지 더 여쭤보겠습니다.
Html Validator 검사결과 바디부분에서 topmargin="0" leftmargin="0"
오류가 나왔습니다. 이부분은 CSS에서 POSITION으로 정의해야 되는건가여?
그렇게 되면 레이아웃으로 잡은 테이블을 모두 걷어내고 CSS로 수정해야 되는건지 궁금합니다.

여러분의 좋은 지적 감사드리고, 앞으로도 많은 관심 부탁드립니다.

좋은 하루 되세요

Post by **hyeonseok** » 2005 05 30 17:44 20

ZEN wrote: 그리고 한가지 더 여쭤보겠습니다.
Html Validator 검사결과 바디부분에서 topmargin="0" leftmargin="0"
오류가 나왔습니다. 이부분은 CSS에서 POSITION으로 정의해야 되는건가여?
그렇게 되면 레이아웃으로 잡은 테이블을 모두 걷어내고 CSS로 수정해야 되는건지 궁금합니다.

수고 하십니다!

말씀하신 것과 같은 기능을 하는 CSS 코드는...

Code: Select all

body {
margin: 0;
padding: 0;
}

입니다.

빛알갱이 · Post by **빛알갱이** » 2005 05 30 22:02 37

<script language="javascript" type="text/css" src="js/fontsize.js"></script>

<script language="JavaScript" type="text/css">

JS의 type을 'text/javascript'로 고치라고 말씀드렸는데, 'text/css'로 고치시는 바람에 JS를 쓴 기능이 아무 것도 안 됩니다. 빨리 고치세요.

빛알갱이 · Post by **빛알갱이** » 2005 05 30 22:36 50

이미 두어 번 지적했지만, 띄어쓰기에 좀더 신경을 써 주세요.

정보통신접근성향상표준화포럼

위처럼 써 놓으면 읽기 쉽습니까? 전역 (모든 파일에서) 치환으로 '정보 통신 접근성 향상 표준화 포럼'으로 바꾸시는 게 어떨까요? 고유 명사니 어쩌니 하면서 붙여 써야 한다고 주장하시는 분(KADO에서 그렇게 말씀하신다는 얘기가 아니고, 비슷하게 20자, 30자, 40자 짜리 단어를 쓰는 온갖 종류의 단체, 국회, 법제처 등 관계자 가운데 그런 변명을 하는 사람들이 있다는 뜻입니다)도 있는데, 고유 명사는 모든 단어를 모두 다 붙여 써도 된다고 맞춤법 규정 어디에 있는지 좀 보고 싶습니다.
('후천성 면역 결핍증'과 같은 전문 용어를 '후천성면역결핍증'이라고 써도 된다는 예외 규정은 있습니다. 물론, 저는 그런 예외 규정을 둔 것에 대해 불만이 아주 많습니다.

)

저런 식으로 무조건 붙여 쓰는 국회, 법제처 관계자, 각종 단체 관계자들은 다음 중 하나에 해당됩니다. (이것은 웃자고 하는 억지 얘기입니다)

1) 국가 보안법 위반 (이적 단체 고무 찬양 혹은 이적 단체 동조 혐의) : 김일성 교시 가운데 되도록 단어를 붙여 쓰자는 게 있어서 북한 어문 규정에 반영되어 있습니다.
2) 친일파 : 일본어에 띄어쓰기가 없으니 한국어도 하지 말자
3) 수구 혹은 복고주의자 : 20세기 전 한국어 문헌에서는 띄어쓰기를 하지 않았으니, 21세기에도 하지 말자
4) 친중파 : 미국 싫으니까, 중국에 붙자. 중국어도 띄어쓰기 안 하는데, 우리도 하지 말자
5) 친독파 : 독일어도 명사 여러 개를 붙여서 긴 하나의 명사 단어를 잘 만들어 내니까, 우리도 그렇게 하자

반면에 띄어쓰기를 현 어문 규정대로 하자고 하는 저같은 사람은 '친영 혹은 친미파'의 혐의를 받을 수 있습니다.

후니미닉 · Post by **후니미닉** » 2005 05 31 16:15 18

빛알갱이 wrote:이미 두어 번 지적했지만, 띄어쓰기에 좀더 신경을 써 주세요.

정보통신접근성향상표준화포럼
위처럼 써 놓으면 읽기 쉽습니까? 전역 (모든 파일에서) 치환으로 '정보 통신 접근성 향상 표준화 포럼'으로 바꾸시는 게 어떨까요? 고유 명사니 어쩌니 하면서 붙여 써야 한다고 주장하시는 분(KADO에서 그렇게 말씀하신다는 얘기가 아니고, 비슷하게 20자, 30자, 40자 짜리 단어를 쓰는 온갖 종류의 단체, 국회, 법제처 등 관계자 가운데 그런 변명을 하는 사람들이 있다는 뜻입니다)도 있는데, 고유 명사는 모든 단어를 모두 다 붙여 써도 된다고 맞춤법 규정 어디에 있는지 좀 보고 싶습니다.
('후천성 면역 결핍증'과 같은 전문 용어를 '후천성면역결핍증'이라고 써도 된다는 예외 규정은 있습니다. 물론, 저는 그런 예외 규정을 둔 것에 대해 불만이 아주 많습니다. )

저런 식으로 무조건 붙여 쓰는 국회, 법제처 관계자, 각종 단체 관계자들은 다음 중 하나에 해당됩니다. (이것은 웃자고 하는 억지 얘기입니다)

1) 국가 보안법 위반 (이적 단체 고무 찬양 혹은 이적 단체 동조 혐의) : 김일성 교시 가운데 되도록 단어를 붙여 쓰자는 게 있어서 북한 어문 규정에 반영되어 있습니다.
2) 친일파 : 일본어에 띄어쓰기가 없으니 한국어도 하지 말자
3) 수구 혹은 복고주의자 : 20세기 전 한국어 문헌에서는 띄어쓰기를 하지 않았으니, 21세기에도 하지 말자
4) 친중파 : 미국 싫으니까, 중국에 붙자. 중국어도 띄어쓰기 안 하는데, 우리도 하지 말자
5) 친독파 : 독일어도 명사 여러 개를 붙여서 긴 하나의 명사 단어를 잘 만들어 내니까, 우리도 그렇게 하자

반면에 띄어쓰기를 현 어문 규정대로 하자고 하는 저같은 사람은 '친영 혹은 친미파'의 혐의를 받을 수 있습니다.

국립국어원에 가보니

제49항 성명 이외의 고유 명사는 단어별로 띄어 씀을 원칙으로 하되, 단위별로 띄어 쓸 수 있다.
(ㄱ을 원칙으로 하고, ㄴ을 허용함.)
ㄱ----------------------------ㄴ
대한 중학교----------------대한중학교
한국 대학교 사범 대학----한국대학교 사범대학

라는군요.
ㄱ이 원칙이라는데 왜다들 원칙은 안지키려하는지...
ㄱ쪽이 훨씬 읽기 좋고, 보기도 좋은 것 같습니다.
무슨 제일긴 명사로 기네스북에 올라가려는 건지...왜이렇게 다들 붙여쓸까요?

신승식 · Post by **신승식** » 2005 06 03 02:04 33

프랙탈 wrote:ㄱ쪽이 훨씬 읽기 좋고, 보기도 좋은 것 같습니다.
무슨 제일긴 명사로 기네스북에 올라가려는 건지...왜이렇게 다들 붙여쓸까요?

저의 경험으로는 외국인들이 띄어쓰기가 안 된 명사들을 읽을 때에 아주 난감해하더군요. 어디서부터 어디까지 사전을 찾아봐야 할 지... 도대체 한국어에는 사전에 없는 낱말이 왜 이렇게 많냐고...

띄어쓰기가 안 된 긴 명사의 경우 아마 음성으로 단어를 읽어주는 스크린 리더를 사용할 경우에도 비슷하게 이해를 어렵게 만드는 이유가 될 것 같습니다. (시각적으로 보면 사람들은 단어 전체를 한 눈에 보고 나름대로 무의식적으로 분절을 하지만, 음성으로 기계가 죽 읽어주는 것을 듣고나서 그것을 나누기는 더 어렵겠죠.)

마찬가지로 명사들을 다 붙여버리면 기계 처리(뭐, 예를 들면, 인덱싱이나 기계 번역 등)에도 좋지 않을 것 같습니다.

빛알갱이 · Post by **빛알갱이** » 2005 06 03 17:14 49

프랙탈 wrote:
빛알갱이 wrote:변명을 하는 사람들이 있다는 뜻입니다)도 있는데, 고유 명사는 모든 단어를 모두 다 붙여 써도 된다고 맞춤법 규정 어디에 있는지 좀 보고 싶습니다.
/quote]
국립국어원에 가보니
제49항 성명 이외의 고유 명사는 단어별로 띄어 씀을 원칙으로 하되, 단위별로 띄어 쓸 수 있다.
(ㄱ을 원칙으로 하고, ㄴ을 허용함.)
ㄱ----------------------------ㄴ
대한 중학교----------------대한중학교
한국 대학교 사범 대학----한국대학교 사범대학
라는군요.
ㄱ이 원칙이라는데 왜다들 원칙은 안지키려하는지...
ㄱ쪽이 훨씬 읽기 좋고, 보기도 좋은 것 같습니다.
무슨 제일긴 명사로 기네스북에 올라가려는 건지...왜이렇게 다들 붙여쓸까요?

그 규정을 염두에 두고 제가 "모든 단어를 모두 다"라고 강조해서 썼답니다

그런데, 일부 사람들은 저 규정을 '핑계 삼아' '한국 대학교 자연 과학 대학 물리학과'를 '한국대학교 자연과학대학 물리학과'로 쓰지 않고, '한국대학교자연과학대학물리학과'라고 쓰지요. 말씀하신 것처럼 기네스북에 가장 긴 단어로 올리고 싶다는 듯이....

빛알갱이 · Post by **빛알갱이** » 2005 06 03 17:25 30

신승식 wrote: 저의 경험으로는 외국인들이 띄어쓰기가 안 된 명사들을 읽을 때에 아주 난감해하더군요. 어디서부터 어디까지 사전을 찾아봐야 할 지... 도대체 한국어에는 사전에 없는 낱말이 왜 이렇게 많냐고...

명사만 붙여 쓴 것은 그래도 '양반'이지요. '정보격차해소를위한국회의원모임'과 같은 경우는 정말 해도 너무 한 경우입니다.

WCAG 2.0에 대한 커멘트 가운데, '단어의 길이'와 '문장의 길이'가 얼마나 읽기 쉬운가를 측정하는 척도 가운데 하나라는 글이 있더군요. 그 글을 쓴 사람은 그런 기준을 기계적으로 적용하는 것에 대해 반감이 많았는데, 이번에 WCAG 2.0 초안을 검토하다 보니까 기계적으로 절대적으로 적용하는 것은 문제가 있지만, 하나의 척도로 그 값을 구해 보고 지나치게 긴 단어와 문장이 줄이도록 초안을 수정해 보았더니 훨씬 읽기 좋아졌다고 썼더군요. 띄어쓰기를 잘 하는 것은 (실험적 증거가 있는 것은 아닙니다만) '난독증'이나 다른 인지 장애가 있는 이들에게도 도움을 주리라고 봅니다.

여러분에게 말씀 드리고 싶은 것은 딱 2가지만 염두에 두시라는 것입니다.

1. 모든 단어는 띄어 쓰는 것을 원칙으로 한다.
2. 단, 조사는 앞 단어에 붙여 쓴다.

신승식 wrote: 마찬가지로 명사들을 다 붙여버리면 기계 처리(뭐, 예를 들면, 인덱싱이나 기계 번역 등)에도 좋지 않을 것 같습니다.

일본어나 중국어를 적을 때에 띄어쓰기를 하지 않기 때문에 그런 경우 단어 구별을 위한 기술이 많이 개발되었습니다. 현대 한국어는 맞춤법 규정의 원칙대로 띄어쓰기를 할 경우 그런 기술을 적용할 여지가 별로 없는데 (물론, 교착어/첨가어/부착어의 특성 상 어간, 선어말 어미, 어미, 각종 접사 등을 구별해 낼 필요는 많습니다.), 현실적으로 많은 이들이 명사를 붙여 쓰기 때문에 그런 기술을 한국어 검색과 인덱싱에도 사용하고 있다고 들었습니다. (구글 등에서)

Mozilla 한국 커뮤니티

홈페이지 표준 & 접근성 위반사례를 알려주세요

홈페이지 표준 & 접근성 위반사례를 알려주세요

첫페이지에서

IABF입니다

Re: IABF입니다

Who is online