When you tab through a web page with your keyboard, a visual focus will move through all the links and form controls in the page. Modern browsers such as Opera, Safari, and Google Chrome and most of mobile browsers provide a visually distinctive focus. This clear focus dramatically enhances usability and accessibility of keyboard users (eg. people of visually impaired or low vision) as well as general convenience for majority of users. However two widely used browsers, Internet Explorer and Firefox stick to the traditional, not very conspicuous visual focus of gray dotted outline. This faint outline focus often makes me get lost when I use my keyboard for the within-page navigation. Compare the following default visual focus of each browser (for Windows):

Prominent visual focus of three modern browsers

Apple Safari	Google Chrome	Opera

Marginally distinguishable visual focus of two major browsers

Firefox	Internet Explorer 8

To get a clearer visual cue of where I am in a web page, I set the following user style sheet for Firefox and Internet Explorer.

:active, :focus {
	outline-width: 2px !important;
	/* outline (unlike border) property does not take the space */
	outline-style: solid !important;
	-moz-outline-radius: 4px;
	/* this affects Firefox only, it makes the outline rounded  */
}

Refer to the articles below to get information about how to set your user style sheet in the two browsers:

• How to write a user style sheet for Firefox (Modify userContent.css.)
• Where is my Mozilla profile located? (Find where the userContent.css is located.)
• Write a user style sheet for Internet Explorer for Windows

Once you configured your user style sheet successfully, all the objects (including text links, image links, radio buttons, text input fields, image type buttons, etc) will be clearly outlined and stand out! Now enjoy your keyboard navigation and never get lost within a page!

Improved visual focus of two major browsers

Firefox	Internet Explorer 8

Be careful that the Internet Explorer version 6 and 7 do not support CSS outline property.

대통령에 당선되기 전에 불의와 타협하지 않고, 정치인으로서 실패가 빤히 보이는 길을 당당하게 선택하신 당신의 모습에 반해 정치적으로 당신과 조금 다른 견해를 가지고 있었지만 당신에게 저의 한 표를 던졌습니다. 재직 기간동안 대통령으로서 스스로 근엄함과 엄숙함을 포기하고, 반대하는 사람들의 동네북이 되고, 수구 언론들에게 잘근잘근 씹히는 껌이 되셨으나 소통과 참여의 문을 열어놓은 당신의 모습이 좋아보였습니다. 퇴임 후 다른 전직 대통령들과 다르게 고향으로 돌아가 편안한 동네 이장으로, 옆집 아저씨가 되셔서, 농사를 짓는 당신의 웃는 모습이 참말로 감동이었습니다. 그런데 그런 당신이 이렇게 갑작스럽게 가시다니요. 아직도 믿기지 않습니다, 당신의 살아있는 그 모습을 다시 볼 수 없다는 것이. 그러다 당신이 가셨을 마지막 순간까지 얼마나 외롭고, 고통스러웠을까를 생각하니 가슴이 저며옵니다.

당신의 영전에 가보고 명복을 비는 국화꽃 한 송이라도 바치고 싶지만 여전히 생업에 바쁜 저의 현실의 벽에 막혀있습니다. 당신이 말씀하신 것처럼 삶과 죽음이 모두 자연의 한 조각일지 몰라도 남은 자들에게 당신은 이제 너무나 먼 곳에 계십니다. 당신을 추모하며, 저의 어설픈 연주를 당신의 영전에 바치고, 저 세상에서나마 편안히 잠드시기를 빕니다.

노무현 전 대통령님께 바치는 추모곡 버전 0.8 (김동진님의 가곡 진달래꽃을 약간 편곡하여 연주했습니다.)

PDF (Portable Document Format)

Many people misunderstand that PDF is Adobe System’s proprietary format while the truth is it was released as an open standard. Therefore we have dozens of and hundreds of PDF solutions from simple desktop readers to huge and complicated enterprise systems. Everybody agrees that Adobe Reader is definitely one of the most popular PDF readers on various platforms? Actually we have dozens of other simple PDF readers (such as Foxit Reader), of course.

PDF creation

However, it is another common misconception that Adobe Acrobat is the only commercial software which can produce PDF files. I have used several different applications to create PDF in my workplace and home: CutePDF, doPDF, PDFCreator, OpenOffice.org, and our company’s own EDMS. Most of the free software apps have some limitations in accessibility (most of them do not support tagged PDF) but still they are good enough to make a quick PDF file.

PDF editing

It is a bit difficult to find an easy-to-use free PDF editing software app. But we do have. PDFescape, PDFfiller and PDFVue are wonderful but free web based PDF editing, form-filling, and commenting platforms. You don’t need to install any software to edit your PDF files.

Annotation on PDF

Here is my issue as a trainer: I wanted to distribute my presentation materials or trainees’ workbook with an electronic format such as PDF. I fully agree that it is not a good idea to use only electronic format in a typical classroom, for I am not sure if learners are focusing on the training materials and not distracted. People will suffer from pain in their eyes while gazing into the screen for a long time. The biggest problem, however is they cannot enjoy adding their personal notes and writings on the electronic file in a convenient way. I googled and found two free apps: PDF-Xchange viewer and Jarnal. My choice was PDF-Xchagne viewer since Jarnal is too big and requires a tablet PC for easy use. Free version of PDF-Xchange supports most of commenting options: highlighting, typewriting, underlining, sticky note, line drawing, polygon drawing and so much. Moreover, this personalized file can be securely saved, shared, referred, searched and re-distributed thanks to the EDMS in my company.

PDF workbook in the classroom

I have not tested this (PDF annotating) in a real classroom. I expect lots of obstacles, stiff resistance, repeated trials and errors from my coworkers and trainees. This is not a problem of technology but a problem of people’s habit, behavior, and tradition. I never saw any successful case in e-book business except Amazon’s Kindle. I’ll have to be very careful to practice this in the real classroom. At best, it might work in some very limited conditions. Korean government (Ministry of Education and Science) is also testing e-textbook (or digital textbook) for K12 education. We might need smarter hardware and software supporting natural viewing and writing based on intensive human behavior research.

오랜만에 블로그에 글을 써본다. 그동안은 결혼하고 새로운 생활을 꾸려나가느라고 온라인 세상에서 멀어지기도 했었고, 회사 안에서 블로그, 게시판, 위키, 파일 공유, 회의실 예약 시스템 등을 작은 조직에 맞게 만들고, 다듬고, 전파하는 재미에 빠지기도 했었고, 보수적인 대기업의 벽을 실감하기도 했었다. 그러는 동안 개인적인 블로그 활동에 잠시 흥미를 잃었기도 하고, 블로그에 올릴만한 가치있는 아이디어들을 만들어내지도 못했다. RSS 리더에 들어가니 글이 엄청나게 많이 쌓여 있어서, 즐거움 반, 한숨 반이 나온다. 게다가 TV나 신문도 잘 접하지 않아서 오랜만에 들어가본 뉴스에는 분노를 자아내는 것들이 많다. 그러니 뉴스를 보지 않고 살아온 최근 얼마 동안이 참 행복했던 시절이었음이 분명하다. 개인적으로 결혼을 하면서 새로운 빛의 삶이 시작되었지만, 여전히 우리는 화려한 전과 기록을 자랑하는 2MB가 한 나라의 대통령인 어두운 현실에 놓여 있다는 것을 자각하게 되었다. 그리고 그 사람이 주인장 노릇하는 청와대에서는 상상할 수 없는 짓을 하고 있다는 것도…

오랫동안 혼자 살았던 인생의 긴 전반기를 마치고 이제 둘이서 나머지 삶을 살기로 하였습니다. 짧은 연애 기간 탓에 추억을 만들기도 전에, 한 달 앞으로 다가온 결혼 준비를 하려니 참 갈팡질팡 정신이 없습니다. 그럼에도 불구하고, 언제나 저의 부족함을 잘 이해해주고 따뜻한 사랑의 마음으로 감싸주는 1월의 신부가 있어서 즐겁게 준비하고 있습니다. 2009년 기축년 새해의 첫 달, 행복한 예식에 소중한 여러분을 초대합니다.

지난 몇 달동안 나를 최대한 괴롭혔던 것이라면, 단연코, 웹 접근성 품질 마크 심사였다. 웹 접근성 품질 마크는 이번이 4회째인데 대상 웹 사이트가 갈수록 늘어나 열 댓 명의 심사위원 한 사람에게 배정된 양이 만만치 않았다. 한 사이트에 대해 세 사람이 심사하고, 세 사람의 의견을 모아서 마지막으로 다시 한 사람이 보고서를 정리한다. 주말이나 저녁에 쉬는 시간이면 품질 마크 귀신이 나를 따라다니며 “네가 지금 이러고 있을 시간이 있어?”라며 괴롭혔다. 평가 기간동안 개선이 일어나면 다시 심사를 반복해야 했는데, 접근성이 개선된 것은 참 반가운 일이지만, 평가하는 사람들에겐 노동이 더 늘어나므로 반가운 소식만은 아니었다. 스물 여섯 개의 지표를 수십 개의 페이지에서 확인하는 일은 상당한 중노동이다. 그런 수십 아니 수백 수천 개의 페이지를 만든 사람의 노고에 비하면 별 것 아니겠지만.

웹 접근성은 모로 가거나 홀로 가도 대충, 빨리 앞으로만 가면 된다는 기술 지상주의나 성장 제일주의에 대해, “올바른 방향으로, 합의된 규칙을 지키며, 다같이 함께 가지 않으면 진보하지 않는 것”이라고 딴지를 거는 제동 장치이며, 기술과 디자인의 바른 길을 제시해주는 항법 장치이다. 다행히 이런 제도 때문인지 거의 바닥에서 출발한 한국 공공 기관의 웹 접근성은 눈에 띄게 좋아지고 있다. 대부분의 일반 기업들의 웹 사이트는 아직도 세계 최하위 수준이지만.

나중에 시간이 나면, 여러 사이트에서 공통적으로 자주 나오는 문제점들을 모아서 사례집으로 만들어도 좋을 것 같다. 키보드 보안 프로그램을 강제로 설치하도록 우기는 사이트들(개인적으로 키보드 보안 프로그램이야말로 과장된 보안 위협에 기반한 사기성 프로그램의 극치라고 생각한다.), 아직도 기본 중의 기본인 URI를 감추거나 페이지 제목을 제대로 안 쓰는 사이트, 뻔한 HTML을 놔두고 정말로 희한한 자바스크립트를 개발하여 적용한 사례 등등… 아무튼 오늘로 나에게 주어진 모든 사이트에 대한 보고서까지 다 마쳤다. 제발 다시 재심이 들어오지 않았으면 좋겠다. 연말을 편하게 보낼 수 있게…

유머가 인생을 바꾼다 – 김진배 지음/다산북스

요즘 여러 권의 책을 아주 조금씩 조금씩 보고 있다. 그 중에 하나가 바로 “유머가 인생을 바꾼다”는 책인데, 권해준 분은 바로 우리 어머니! 강의를 종종 하니까, 유머를 많이 익혀놓으면 좋지 않겠냐면서 읽어보라고 주셨다. 사실 이런 종류의 책을 그닥~ 좋아하진 않지만, 그냥 가볍게 보기로 했다. (웃찾사 같은 코미디 프로그램도 내가 가장 싫어하는 텔레비전 프로그램 중에 하나이다. 코미디 영화나 드라마는 무척 좋아하지만…) 목적이 좀 애매했었다. 유머를 발휘하는 기법을 소개한 책인지, 아니면, 써먹을 수 있는 유머의 모음집인지, 유머 예찬론인지, 아니면, 긍정적인 삶의 자세가 중요하다는 것인지… 모두 조금씩 들어가 있었다.

웃음과 긍정적인 기대, 자세가 자신은 물론이고 주위 사람들에게도 훨씬 좋은 결과를 가져온다는 실제 심리학의 연구 결과는 꽤 있다. 잘 알려진 피그말리온 효과부터 코미디 프로를 보고 난 후에 수학 문제를 더 잘 푼다든지 하는 그런 연구 결과들. 그러니 긍정적이고 밝은 삶의 자세를 어떠한 상황에서도 유지하려고 노력하는 것이 결코 손해볼 일은 없는 것 같다.

책에 나온 많은 내용중에 가장 공감이 갔던 부분은, 우리 나라 사람들에게는 “무표정 = 정상적 표정”이라는 등식이 있다는 것이다. 내가 처음 외국(호주)에 갔을 때 호주 사람들은 눈만 살짝 마주쳐도 미소를 지어 보이거나, 윙크를 하던 것을 잊을 수 없다. 그래 기왕 마주칠 거면, 살짝 웃어주고, 또는 가볍게 인사도 나눠주는 게 얼마나 기분 좋은 일인데. 엘리베이터에 같이 타는 사람과 시선을 마주치지 않으려고 층번호만 쳐다보거나, 땅바닥만 보거나, 괜히 신호도 못 받는 휴대 전화 꺼내서 문자 체크하는 척 하거나, 심지어 그냥 눈을 감을 필요 있을까? 다른 사람들과 마주칠 때 무표정은 때로는 정상적인 것이 아니고, 화나거나 못마땅하다는 뜻을 전달하는 것일 때도 있다. 먼저 웃고, 먼저 인사하면 기분도 훨씬 좋을텐데…

몇 주 전에 중동, 아프리카에서 온 사람들과 수업을 했던 적이 있다. 그들이 그렇게 낙천적이고, 긍정적이고, 배움에 대해 열정적이고, 다양성과 다른 문화에 대해 이해하려고 노력하는 사람들인지 몰랐다. 여유있고 유머가 넘치는 사람들과 함께 있는 시간이 그렇게 즐겁고 유쾌할 수가 없었다. 이런 것을 긍정적인 전염(positive epidemic)이라고 해야 할까? 나도 다른 사람들에게 행복과 유쾌함을 전염시키는 사람이 되려고 노력해봐야겠다.