사용자 삽입 이미지

우리나라에서는 아무도 고민하지 않는 것일텐데, 외국에서는 이런 고민도 하는군요.

Stack Overflow에서 자신들의 사이트에 참여하기 위해 Javascript를 필수로 하는 것이 괜찮을지에 대해 질문을 했습니다. 물론, 점진적 개선법을 쓰겠지만 몇몇 기능은 안될 수도 있기에 설문을 하는 것이라 하는군요.

저는 이런 고민을 한다는 것 자체가 더 신기하게 보이는 것을 보니, 우리나라 웹 환경에 심하게 적응해있나봅니다.

from Require Javascript for Contributions?
Posted by 행복한고니 트랙백 0 : 댓글 0
예전에 Ajaxian에서 HTML과 JavaScript을 이용해서 동영상 플레이어를 만들 수 있는 YouTube JavaScript API를 다룬 적이 있습니다. 특히 ext.js 로 만들어진 YouTube 인터페이스가 흥미로웠습니다.

올해초 런던에서 열린 Accessibility 2.0 컨퍼런스에서 United Response의 Antonia Hyde씨가 리치미디어와 장애 학습자들을 위한 웹 응용프로그램에 대해서 강연하고, 장애가 있는 웹 사용자들을 위한 완벽한 미디어 플레이어의 윤곽을 그렸습니다.
사용자 삽입 이미지

그 강연에 감명을 받은 것인지 Chris Heilmann씨가 쉬운 YouTube 플레이어를 작성했습니다. 물론, 위에서 말한 API를 사용해서입니다. 링크를 클릭하시면 확인해보실 수 있습니다.

Opera에서는 YouTube API가 버그가 있는지 작동을 안한다고 하네요.

from An easier and more accessible YouTube player on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0

Ajax 접근성과 ARIA

2008.05.07 00:30 from [IT] Web Tech

John Resig씨가 ARIA Live Regions 명세[각주:1]를 전체적으로 살펴보는 글을 예제와 함께 작성했습니다. 이 예제는 누군가 추가되거나 삭제되었을 때 스크린 리더가 이해하는 방식대로 인명목록의 변화를 추적하는 법에 대한 것입니다. 할 일(TODO) 목록 응용프로그램을 떠올려보세요.

[code:xml]
<ol aria-live="polite" aria-relevant="additions removals"
    aria-describedby="users-desc" id="users">
  <li>John</li>
  <li>Mary</li>
  <li>Ted</li>
  <li>Jane</li>
</ol>
  • aria-live="polite" 실시간 영역이 얼마나 겸손한지의 정도(사용자가 현재 주의하고 있는/상호작용하고 있는 것에 간섭하려는 경향에 있어서). 기본값은 'polite'입니다 -  사용자에게 업데이트를 설명하기 전에 모든 형태의 사용자 인터랙션이 완료될 때까지 대기합니다.
  • aria-relevant="additions removals" 새로운 노드가 추가되거나 삭제될 때만 사용자에게 알려줍니다.
    우리는 사용자에게 사용자 실시간 리스트를 제공하길 원하므로, 온라인 오프라인 양측으로의 변환을 기대합니다. 이렇게 되면 우리는 이것을 가능하게 하는 적정 수준의 업데이트를 받을 수 있습니다.
  • aria-describedby="users-desc" 실시간 영역의 컨텐트에 대해 상세히 설명하는 속성. 사용자가 필드의 컨텐트가 표현하는 것에 대해 더 자세히 알고 싶어하면 이 엘리먼트를 읽을 수 있습니다.
Firefox는 현재 이를 지원하고(2.0부터) Google Reader에서 사용된 이러한 기능을 구현하기 쉽게 도와주는 툴킷인 AxsJax에 대해 다룬적도 있습니다.

from Ajax Accessiibility and ARIA on Ajaxian
  1. RIA가 접근성에서 부족할 수 밖에 없었던 부분을 보완하기 위해 변경되는 부분을 명시하도록 한 규약입니다 [본문으로]
Posted by 행복한고니 트랙백 0 : 댓글 0
사용자 삽입 이미지

위의 사진은 여러분에게 청황(靑黃)색맹이 이미지를 보는 방법을 보여줍니다. Michael Deal씨가 다음을 포함한 가능한 가장 공통적인 색상 함수의 대부분을 지원하는 Color Matrix Library를 만들었습니다:

Hue, Saturation, Brightness, Contrast, Exposure, Temperature, Tint, Channels, Blindness, Colorize, Threshold, 그리고 Invert

Michael씨는 그 다음에 색맹에게 우리의 사이트가 어떻게 보이는지 시각적으로 보여주기 위해 Color Matrix를 사용해서 canvas 라이브러리를 만들었습니다.

의학적인 처리분야라 번역하기가 힘들어 생략했습니다. (__):

from Using canvas to test your site with colorblind folks on Ajaxian
Posted by 행복한고니 트랙백 1 : 댓글 0