나를 찾는 아이 - Simple is the best, Go to basic

민간부문의 장애인 웹 접근성 제고 세미나 개최

행정안전부와 한국정보문화진흥원에서는 민간부분의 장애인 웹 접근성 제고를 위한 전문가 토론회와 웹 접근성 관련 신기술 및 실무제작기법 발표 등을 통해 웹 접근성에 대한 사회적 공감대 형성 및 기술향상을 도모할 수 있도록 웹 접근성 제고 세미나를 개최합니다.

바쁘시더라도 부디 참석하셔서 장애인, 고령자 등이 정보통신(웹 등)을 보다 쉽게 이용할 수 있는 환경을 만들기 위한 행사에 격려와 동참을 부탁드립니다.

< 세미나 개요 >

일시/장소 : 2008. 11. 3(월) 09:30 ~ 18:10, 대한상공회의소 국제회의실(지하 2층)
- 서울 특별시 중구 남대문로 4가 45번지 (전화 : 02-6050-3114)
- 찾아오시는 길
지하철 2호선 시청역 9번 출구 삼성본관방향 5분 거리
지하철 1호선 서울역 3번 출구 YTN 방향 5분거리
- 약도 : http://www.korcham.net/Kcci/Location/CIN11101.asp

주최/주관 : 행정안전부/한국정보문화진흥원

참가비 : 무료
- 주차비는 지원하지 않습니다. 가급적 대중교통을 이용하여 주시기 바랍니다.

< 시간표 >

09:00~09:30 등록 및 접수


포털사이트 접근성 제고 동향

09:30~09:50 구글의 웹 접근성 추진전략 (구글코리아 이동휘 엔지니어)

09:50~10:10 네이버의 웹 접근성 추진전략 (네이버 박태준 팀장)


주제발표

10:10~10:30 국내 민간기업의 웹 접근성 준수현황 및 개선방안(성신여자대학교 노석준 교수)


개 회

10:35~10:40 개회사 (한국정보문화진흥원 손연기 원장)

10:40~10:45 인사말씀 (행정안전부 임우진 정보화전략실장)

10:45~11:00 휴식

11:00~12:10 민간부문 장애인 웹 접근성 제고를 위한 토론회
(김석일 교수(좌장), 김혜영 과장(행정안전부), 노석준 교수(성신여대), 서인환 사무총장(한국장애인단체총연합회), 이하영 팀장(DAUM), 이성현 사무국장(한국디지털에이전시산업협회), 김윤태 사무국장(한국온라인쇼핑협회), 임정환 과장(농협중앙회), 편대범 미디어기술부장(디지틀조선일보), 김종무 과장(국립특수교육원))

12:10~12:30 질의 및 응답

12:30~13:30 중식


웹 접근성 동향

13:30~13:50 장애인 차별 금지 및 권리구제에 관한 법률 소개 및 웹 접근성 차별 진정 사례(국가인권위원회 조형석 팀장)

13:50~14:20 웹 접근성 제고를 위한 조직문화 조성 사례 (넥슨 홍윤표 연구원)

14:20~14:50 웹 접근성 준수를 위한 가이드라인 (한국정보문화진흥원 현준호 부팀장)

14:50~15:00 휴 식


웹 접근성 & 신기술

15:00~15:30 Ajax 및 DOM Scripting에서의 웹 표준 및 접근성 (시도우 신현석 센터장)

15:30~16:00 Flash, Flex 접근성 제고 방안 (아이엔터 최재영 선임)

16:00~16:30 화면낭독 프로그램 & 웹 접근성 (한국시각장애인복지관 백남중 부장)

16:30~16:40 휴 식


웹 접근성 실무기법

16:40~17:10 웹 접근성을 고려한 게시판 제작 기법 (NHN 정찬명 과장)

17:10~17:40 웹 접근성을 고려한 디자인 기법 (케익소프트 조 훈 실장)

17:40~18:10 크로스브라우징을 넘어서 : 극단적인 환경의 웹 접근성 (LG전자 신승식 차장)


먼저 등록하시는 분 400분에 한해, 식사 및 기념품, 자료집을 제공할 예정이오니,
사전접수를 부탁드립니다.

문의사항은 한국정보문화진흥원 02-3660-2578으로 해 주시기 바랍니다.

감사합니다.



http://www.iabf.or.kr/Seminar/SeminarView.asp?pg=1&sSeq=80

신청하기

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

웹퍼블리싱을 하시는 분들이라면 자신이 만들어 놓은 reset stylesheet는 모두들 가지고 계실겁니다.

그것을 기본으로해서 프로젝트 마다 적절하게 커스터마이징해서 사용하고들계시죠?


reset stylesheet란?
브라우저마다 해당 브라우저가 특정 엘리먼트를 브라우저를 통해서 보여지는것에 차이가 조금씩 있습니다. padding이나 margin값이 틀리기도 하고, text-style이 다르기도 합니다. 그렇기 때문에 좀더 편하게 크로스브라우징을 고려하여 웹퍼블리싱을 하기위해서는 가급적 많은 브라우저에서 비교적 동일한 VIEW를 나타낼수 있게끔 reset stylesheet를 작성하여, 엘리먼트들의 기본 표현속성값을 일치시키는 것을 말합니다.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

자세한 내용보러가기


이 reset stylesheet는 web statandard를 위해 왕성히 활동하고 계시는 eric meyer가 제시하는 것입니다.

eric meyer의 이런 포스팅이 올라올때마다 이에 대해 갑론을박하는 많은 코멘트들이 따르는 것을 보아도 알수 있듯이

reset stylesheet에 정답은 당연히 없다고 생각합니다.

웹퍼블리셔마다 자신이 프로젝트를 수행하면서 몸에 베인 자신의 마크업스타일, CSS작성 스타일에 따라 얼마든지 달라 질 수 있는 부분입니다.(물론 사내 CSS가이드 라인이 있는 회사도 있죠.)



eric meyer의 reset style에 대해 제 개인적인 경험에 비추어 말씀드리자면

제가 프로젝트를 하면서 다른분들의 reset style을 볼때

* 선택자에 line-height에 절대값(18px, 16px 등등) 을 적용하고
img 엘리먼트에 vertical-align:middle을 적용하시는 분들을 많이 보았습니다.

하지만 이런경우에는 이미지의 세로크기가 line-height보다 큰경우에 이미지가 완전히 보이지 않습니다.

그렇기 때문에 vertical-align 값을 다시 조정하거나 line-height의 수치를 조절해야 정상적으로 보이게 됩니다.

또한 글자크기가 line-height크기를 초과했을때 글자 역시 하단부분이 잘리는 현상이 나타납니다.

그래서 저는 vertical-align:middle이라는 universal한 속성을 사용하지 않고 vertical-align:baseline을 이용하고,
line-height에는 상대크기값을 (대게 1또는 그 이상의 값 1.2, 1.4)을 디자인가이드라인에 맞춰서 사용하는 편입니다. 이렇게 하면 해당 엘리먼트에 수치를 곱한 값이 line-height가 되어 글자 하단 잘림현상이 나타나지 않습니다.



야후 reset 관련 자료 : http://developer.yahoo.com/yui/reset/

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

좀 오래된 자료인데 혹시나 이런 자료 필요하신분 있을까 해서 포스팅 합니다.

여러버전의 IE 설치하기 관련된 해외 포스팅입니다.

간단히 프로그램 다운받으셔서 설치만 하시면 됩니다.

IE6이하 여러버전의 IE 설치하기
IE7과 IE6 사용하기


여러브라우저를 켰을때 모습

간단한 설치 방법



설치 후 모습



제가 어딘가에서 듣기론 정상적으로 설치한 IE브라우저와 standalone 방식으로 설치한 브라우저와

약간의 렌더링의 차이가 있다고 한 것도 같은데 해당 포스팅의 리플에서도 그러한 내용이 중심적으로

언급된것 같지 않아서 정확히는 잘 모르겠네요.

혹시 확실히 검증된 렌더링 차이점 알고 계시면 트랙백 쏴주시면 감사하겠습니다.


참고로 저는 Windows가 설치된 메인컴퓨터로 IE6, FF, safari, opera를 테스트하고

서브컴퓨터로 IE7을 테스트 하고 있습니다.


적어도 이 프로그램을 다운받으시려고 하시는 분은 크로스브라우징을 고려하시는 분이라고

간주해도 될까요? 그렇다면 파이어폭스도 크로스브라우징 부탁드려도 될까요?


얼마전 한국모질라커뮤니티연말모임에서

윤석찬님께서 아직 국내 파이어폭스 사용자가 1%미만이고 내년목표가 2%로 사용자를 늘리는 것이라고 말씀하셨다고 하네요.


확실히 국내시장에서는 파이어폭스 사용자의 비율이 너무나도 저조하다는 사실은 잘 알고 있습니다.

아직 국내에서 일반사용자에게 자동업데이트로 제공하지 않는 IE7의 비율이 점점 IE6의 비율을 쫓아 가는 상황에서도 말이죠.

사실 크로스 브라우징을 고려한다는 것이 브라우저별 특성을 잘 알고 있지 않는한

멋지고 화려한 레이아웃으로 웹페이지를 만든다는 것이 골치아프다는 것은 저 역시 잘 알고 있습니다.

하지만 자신의 홈페이지를 정말 명품으로 만들고 싶다면

자신의 웹사이트의 정보를 100년, 1000년을 넘게 가면서 여러사람에게 두루두루 유용하게 쓰이는

그런 명품정보로 만들고 싶다면 꼭 크로스브라우징을 고려해주세요.(물론 크로스브라우징을 포함하는 더 넓은 개념의 웹표준을 준수하는 웹사이트 제작이 중요합니다.)


저는 웹퍼블리싱 작업시에 IE6, IE7, FF, safari3(WIN), opera9 을 모두 테스트 합니다.

정상적인방법으로 CSS 작성을 했다고 가정했을때

FF로 먼저 레이아웃을 맞추고 IE6에 맞게 수정을 해주시면 IE7에도 별다른 이상이 없는한 잘 나오고

사파리와 오페라 역시 큰 수정없이 정상적으로 보입니다.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.