본문으로 바로가기

웹 접근성을 위한 자바스크립트 적용 방법 (Graceful Degradation vs. Progressive Enhancement)

By 양군, 2010-01-19
CSS 까지 적용된 화면

이글은 웹 페이지에서 javascript 를 사용함에 있어 “Graceful Degradation” 과 “Progressive Enhancement” 에 대해서 설명하고 있습니다. 두가지 구현 방법에 대해 설명하고 각각의 구현 예를 제시합니다. 웹 접근성을 위해서는 어떤 구현 방법이 좋은지 (뻔하지만…) 설명합니다.

KWCAG 2.0 의 Skip Navigation(건너뛰기 링크) – 본문으로 가면 그만?

By 양군, 2010-01-15
"양군팩토리"에 사용된 건너뛰기 링크. 포커스를 받으면 표시됩니다.

Skip Navigation (이하, 건너뛰기 링크) 는 시각 장애인들이 스크린 리더를 사용해 네비게이션 시에 매 페이지 마다 반복되는 페이지 상단의 메뉴 혹은 잡다 반복 링크들을 건너 뛰어 페이지 내용에 바로 접근할 수 있도록 페이지 최 상단에서 제공하는 페이지 내 링크들을 말합니다.
Skip Navigation 에 대한 자세한 내용에 대해서는 성민장군님의 “Skip Navigation(건너뛰기 링크, 스킵 네비게이션)은 Quick Link가 아닙니다.” [...]

웹 접근성 고려한 “관련사이트 바로가기” 구현 방법

By 양군, 2010-01-13

웹 사이트의 메인화면이나 하단 영역에 흔히 쓰이는 관련 사이트 바로가기 UI요소가 있습니다. 보통, 콤보상자에 관련사이트 목록을 나열하고 사이트를 선택하면 새창으로 선택한 사이트가 열리도록 구성 합니다. 하지만 이런 방법은 웹 접근성에 문제가 있습니다. 이 글에서는 이런 UI요소를 웹 접근성을 준수하도록 단계별로 개선하는 방법을 설명합니다.

웹 표준, 웹 접근성 고려한 플래시 사용

By 양군, 2010-01-11
유트브영상 삽입 하나로 9개의 HTML Validator 오류가 ...

바로 이전 포스트(원숭이 엉덩이는…)에서 유트브 동영상을 삽입했는데.
HTML Validator 를 통과하지 못했습니다. (본 블로그는 xhtml, css 2.1 을 준수하고 있습니다. -_-a)

유트브에서 제공한 코드는 다음과 같습니다.

<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/39a1jzuqGGQ&amp;amp;hl=ko_KR&amp;amp;fs=1&amp;amp;rel=0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/39a1jzuqGGQ&amp;amp;hl=ko_KR&amp;amp;fs=1&amp;amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>

웹 표준
위의 코드는 HTML4에서 폐기된 EMBED 태그를 사용하기 때문에 오류로 인식되며, 더불어 태그에 포함된 type, width, height 등의 [...]

원숭이 엉덩이는 …

By 양군, 2010-01-10
원숭이 엉덩이는 (Youtube)

건이가 3살이 되면서 하기 시작한 재롱 중 하나 …
“원숭이 엉덩이는 … 빨~~~게~, 빨간건 사과, 사과는 맛있어, 맛있는건 바나나 …”
신기했드랬죠. 늦었지만 4살 되자마자 영상에 담아봤습니다.
(사운드 온 !! 볼륨 업 !!)
건이아빠가 건이를 촬영하고 있습니다. 아빠 왈, “원숭이~ 엉덩이는~” 이에 건이 수줍게, “맛있어~” 와하하하하
“원숭이 엉덩이는 …. ”
“맛있어~” -_-;;
어이.어이.
덧)

아이폰으로 찍어서 Youtube 로 바로 올린 영상인데 어떤건 재생이 안되는 경우 [...]

RE:HTML 어떻게 읽는것이 좋을까?

By 양군, 2010-01-08

미투데이에서 naradesign님의  div 를 ‘디브’ 말고 ‘디비전’이라고 읽어야 한다 라는 내용의 글이 이슈더니.
NARADESIGN:BLOG 에 같은분이  HTML 어떻게 읽는것이 좋을까? 라는 포스트를 발행하셨네요.
이에 대해 “내 맘대로 보는 세상” 을 운영하시는 정태영님 께서는 RE: HTML 어떻게 읽는것이 좋을까? 라는 포스트로 다른 생각을 전하고 있습니다.
저역시, HTML 어떻게 읽는것이 좋을까? 라는 포스트에 트래백을 걸 요량으로 이글을 작성합니다.
일단, naradesign [...]

워드프레스 2.9 Post Thumbnail 사용하기

By 양군, 2010-01-07
아이폰에서 사파리로 접속 시 화면 (wptouch + post thumbnail)

Post Thumbnail
워드프레스가 2.9로 업데이트 되면서 크게 다음과 같은 특징들이 추가되었습니다.

Post Thumbnail
포스트에 썸네일 이미지를 추가할 수 있습니다.
추가된 썸네일은 테마나 플러그인에서 활용할 수 있습니다.
Trash Status
포스트, 페이지, 댓글 등을 바로 삭제하는게 아닌 “휴지통”으로 보낼 수 있으며 이를 관리할 수 있습니다.
Basic Image Editing
워드프레스 관리 모드에서 첨부된 이미지에 대한 간단한 편집(크기 조정, 회전, 자르기 등)이 가능합니다.
Media Embedd
포스트, 페이지에 미디어(그림, 동영상,파일 [...]

웹 접근성 품질 인증 마크 획득이 장차법 준수의 의미는 아님?

By 양군, 2010-01-06

전자신문에 2010년 01월 06일자로 “[갈 길 먼 웹 접근성] (하)두 마리 토끼를 잡아라” 라는 기사가 실렸습니다.
제목만 봐서는 “웹 표준, 웹 접근성 모두를 만족하는 사이트 개선 작업이 필요하다.” 라는 내용으로 예상할 수 있습니다. 하지만 내용에서는 그 내용을 잠깐 언급할 뿐 “갈 길 먼 웹 접근성” 관련 이슈 몇 가지를 다루고 있습니다.
명확하고 효과적인 처벌 필요
위반 사실이 밝혀진 [...]

OfficeFolders theme by Themocracy. Modified by Yangkun (It's me). Valid XHTML 1.0 Transitional 올바른 CSS입니다!