댓글 : Flash Navigation & Accessibility. http://naradesign.net/wp/2008/12/27/426/ 웹표준, 웹접근성, 유니버설디자인, HTML, CSS, UI, UX, UD Sun, 14 Mar 2010 10:07:36 +0000 http://wordpress.org/?v=2.9.2 hourly 1 정찬명가 만듬 http://naradesign.net/wp/2008/12/27/426/comment-page-1/#comment-49268 정찬명 Mon, 23 Nov 2009 17:50:36 +0000 http://naradesign.net/wp/?p=426#comment-49268 신오수님 안녕하세요? 플래시에서 static text에 관한 자료를 찾아보니 웹 접근성에 대한 연구 자료가 많은 WebAIM 이라는 사이트에 이런게 있네요. 플래시에서 static text를 사용한다면 아무런 별도의 수정 없이도 화면낭독기가 읽어준다는 설명 입니다. http://www.webaim.org/techniques/flash/text.php#how <blockquote>If your Flash movie is nothing more than static text, then it will probably be accessible to screen readers without any other modifications. Of course, Flash is rarely used to display static text. While text elements do not require modification by the designer/developer, other elements do.</blockquote> tabindex="0" 속성에 키보드가 접근하게 되는 것은 다소 변칙적인 방법이긴 하지만 다른 브라우저에서 키보드 순서에 영향을 미치지 않으면서 FF 브라우저에서도 키보드로 플래시 객체에 접근이 가능하도록 하는 방법인것 같습니다. 향후 등장하는 브라우저들이 tabindex="0" 을 해석할 때 문제가 되지 않는다면 사용해도 좋다고 생각합니다. 신오수님 안녕하세요?
플래시에서 static text에 관한 자료를 찾아보니 웹 접근성에 대한 연구 자료가 많은 WebAIM 이라는 사이트에 이런게 있네요. 플래시에서 static text를 사용한다면 아무런 별도의 수정 없이도 화면낭독기가 읽어준다는 설명 입니다.

http://www.webaim.org/techniques/flash/text.php#how

If your Flash movie is nothing more than static text, then it will probably be accessible to screen readers without any other modifications. Of course, Flash is rarely used to display static text. While text elements do not require modification by the designer/developer, other elements do.

tabindex=”0″ 속성에 키보드가 접근하게 되는 것은 다소 변칙적인 방법이긴 하지만 다른 브라우저에서 키보드 순서에 영향을 미치지 않으면서 FF 브라우저에서도 키보드로 플래시 객체에 접근이 가능하도록 하는 방법인것 같습니다.

향후 등장하는 브라우저들이 tabindex=”0″ 을 해석할 때 문제가 되지 않는다면 사용해도 좋다고 생각합니다.

]]> 신오수가 만듬 http://naradesign.net/wp/2008/12/27/426/comment-page-1/#comment-49262 신오수 Fri, 20 Nov 2009 06:54:22 +0000 http://naradesign.net/wp/?p=426#comment-49262 (수정합니다.) 그리고 메인 플래쉬이미지에 제가 swit와 함게 발전하는 e-사회는 Accessibility에 네임값을 준 형태입니다. (수정합니다.)
그리고 메인 플래쉬이미지에 제가 swit와 함게 발전하는 e-사회는 Accessibility에 네임값을 준 형태입니다.

]]> 신오수가 만듬 http://naradesign.net/wp/2008/12/27/426/comment-page-1/#comment-49261 신오수 Fri, 20 Nov 2009 06:51:53 +0000 http://naradesign.net/wp/?p=426#comment-49261 웹접근성 연구소에서 정찬명위원님 글을 읽고 블로그을 찾아 들어와서 글들을 읽어보고 개인적인으로 많은 도움을 받았는데요... 감사드리구요... 지금 제가 플래쉬 메뉴에서 가장 중요한 메뉴 하나하나을 스크린리더기가 읽어 내는 부분이 가장 중요한 생각이 되는데요.. Accessibility을 이용해서 제가 작업을 해본 결과. 센스리더에서 마우스을 올린경우 한메뉴을 2번씩 읽어 버리는 경우가 발생을 하더라구요.. 제가 개인적으로 센스리더개발자랑도 대화을 해봤는데..특별한 답변을 못들었구요. 그래서 제가 시험을 해본 결과 Accessibility에 네임 부분을 한번 읽고 메뉴 자체가 플래쉬에서 텍스트 버전(static text상태)로으로 남아 있는경우 센스리더의 경우 읽어주는 것을 알 수 있었습니다. 결과적으로 따지면 텍스트 버전(static text상태)로 메뉴가 되어 있다면 구지 Accessibility에 네임값을 주지 않지 않아도 된다는 결론을 얻었는데요.. 드림보이스도 텍스트 버전(static text상태)는 메뉴을 하나하나 읽어줌 제 생각이 맞는지 궁급합니다. http://203.240.248.11/IS/web/index.jsp 이사이트에서 보면 상단메인메뉴는 텍스트 버전(static text상태)로 Accessibility에 네임값을 따로 주지 않았습니다. 드림보이스나 센스리더에서 그냥 메뉴을 하나씩 읽어주는 확인 가능 하실겁니다. 그리고 메인 메뉴에 제가 swit와 함게 발전하는 e-사회는 Accessibility에 네임값을 준 형태입니다. 그리고 플래쉬는 ie을 을 제외하고 tab 값이 안 먹힌다고 위에서 설명 했던거 같은데요.. 다른것들은 안 먹는게 맞는데 파이어폭스는 이런식으로 object 안에 tabindex값을 주니깐 tab이 플래쉬도 먹히는 것을 확인할수가 있었는데요. 이부분 의견도 좀 듣고 싶습니다. 웹접근성 연구소에서 정찬명위원님 글을 읽고 블로그을 찾아 들어와서 글들을 읽어보고 개인적인으로 많은 도움을 받았는데요… 감사드리구요…

지금 제가 플래쉬 메뉴에서 가장 중요한 메뉴 하나하나을 스크린리더기가 읽어 내는 부분이 가장 중요한 생각이 되는데요..
Accessibility을 이용해서 제가 작업을 해본 결과.
센스리더에서 마우스을 올린경우 한메뉴을 2번씩 읽어 버리는 경우가 발생을 하더라구요..
제가 개인적으로 센스리더개발자랑도 대화을 해봤는데..특별한 답변을 못들었구요.
그래서 제가 시험을 해본 결과 Accessibility에 네임 부분을 한번 읽고 메뉴 자체가 플래쉬에서 텍스트 버전(static text상태)로으로 남아 있는경우 센스리더의 경우 읽어주는 것을 알 수 있었습니다.
결과적으로 따지면 텍스트 버전(static text상태)로 메뉴가 되어 있다면 구지 Accessibility에 네임값을 주지 않지 않아도 된다는 결론을 얻었는데요..
드림보이스도 텍스트 버전(static text상태)는 메뉴을 하나하나 읽어줌
제 생각이 맞는지 궁급합니다.
http://203.240.248.11/IS/web/index.jsp
이사이트에서 보면 상단메인메뉴는 텍스트 버전(static text상태)로 Accessibility에 네임값을 따로 주지 않았습니다. 드림보이스나 센스리더에서 그냥 메뉴을 하나씩 읽어주는 확인 가능 하실겁니다.
그리고 메인 메뉴에 제가 swit와 함게 발전하는 e-사회는 Accessibility에 네임값을 준 형태입니다.
그리고 플래쉬는 ie을 을 제외하고 tab 값이 안 먹힌다고 위에서 설명 했던거 같은데요..
다른것들은 안 먹는게 맞는데 파이어폭스는
이런식으로 object 안에 tabindex값을 주니깐 tab이 플래쉬도 먹히는 것을 확인할수가 있었는데요. 이부분 의견도 좀 듣고 싶습니다.

]]> 정지영가 만듬 http://naradesign.net/wp/2008/12/27/426/comment-page-1/#comment-48658 정지영 Wed, 09 Sep 2009 02:25:16 +0000 http://naradesign.net/wp/?p=426#comment-48658 제가 웹 접근성 쪽은 아직 입문단계라 웹 접근성 연구소에 자문을 구하는 방법을 생각하지 못했네요. ㅎㅎ 답변 너무 감사드립니다! 제가 웹 접근성 쪽은 아직 입문단계라 웹 접근성 연구소에 자문을 구하는 방법을
생각하지 못했네요. ㅎㅎ 답변 너무 감사드립니다!

]]> 정찬명가 만듬 http://naradesign.net/wp/2008/12/27/426/comment-page-1/#comment-48634 정찬명 Mon, 07 Sep 2009 09:57:56 +0000 http://naradesign.net/wp/?p=426#comment-48634 제가 잘 모르는 부분이라서 참조 문서 하나만 걸어 드립니다. http://help.adobe.com/ko_KR/Flash/10.0_UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6-7c4aa.html 혹시 웹 접근성 연구소쪽에도 동일한 자문을 올려 보셨는지요? http://www.wah.or.kr/Consulting/consultList.asp 제가 잘 모르는 부분이라서 참조 문서 하나만 걸어 드립니다.
http://help.adobe.com/ko_KR/Flash/10.0_UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6-7c4aa.html

혹시 웹 접근성 연구소쪽에도 동일한 자문을 올려 보셨는지요?
http://www.wah.or.kr/Consulting/consultList.asp

]]> 정지영가 만듬 http://naradesign.net/wp/2008/12/27/426/comment-page-1/#comment-48627 정지영 Mon, 07 Sep 2009 05:01:08 +0000 http://naradesign.net/wp/?p=426#comment-48627 플래시 네비게이션이 xml방식이라면 어떻게 tabindex를 적용시킬 수 있을까요? 플래시에서 적용시켰더니 아무 반응이 없네요. xml소스에서 tabindex를 적용시켜 줘야 할 것 같은데 아무리 검색해 봐도 답이 안나옵니다. 혹시 이부분에 대해 알고 계신다면 도움 부탁드립니다.^^ 플래시 네비게이션이 xml방식이라면 어떻게 tabindex를 적용시킬 수 있을까요?
플래시에서 적용시켰더니 아무 반응이 없네요. xml소스에서 tabindex를 적용시켜 줘야 할 것 같은데 아무리 검색해 봐도 답이 안나옵니다. 혹시 이부분에 대해 알고 계신다면 도움 부탁드립니다.^^

]]> 누리가 만듬 http://naradesign.net/wp/2008/12/27/426/comment-page-1/#comment-45983 누리 Fri, 06 Mar 2009 03:29:09 +0000 http://naradesign.net/wp/?p=426#comment-45983 역시나 그 방법밖엔 없나봐요. 화면크기 관련은 wmode를 window로 바꿔서 하면 되구요. 이것 역시 영향을 받나보네요. 접근성의 길이 멀게만 느껴졌었는데..답변 감사합니다~^^ 역시나 그 방법밖엔 없나봐요.
화면크기 관련은 wmode를 window로 바꿔서 하면 되구요. 이것 역시 영향을 받나보네요.
접근성의 길이 멀게만 느껴졌었는데..답변 감사합니다~^^

]]> 정찬명가 만듬 http://naradesign.net/wp/2008/12/27/426/comment-page-1/#comment-45980 정찬명 Fri, 06 Mar 2009 01:05:15 +0000 http://naradesign.net/wp/?p=426#comment-45980 만약 저라면 일단 플래시를 사용하지 않는 방법을 고려하고 플래시를 사용할 수 밖에 없다면 배경 이미지를 플래시 안에 포함시킨 후 wmode를 window로 처리하겠습니다. 그리고 화면크기 조정과 관련하여 배치가 깨지는 부분은 저도 잘 모르겠습니다. 간단하게 wmode를 window로 바꿔서 테스트 해보시면 그것의 영향을 받는지 여부를 알 수 있지 않을까요? ^^ 만약 저라면 일단 플래시를 사용하지 않는 방법을 고려하고 플래시를 사용할 수 밖에 없다면 배경 이미지를 플래시 안에 포함시킨 후 wmode를 window로 처리하겠습니다.

그리고 화면크기 조정과 관련하여 배치가 깨지는 부분은 저도 잘 모르겠습니다. 간단하게 wmode를 window로 바꿔서 테스트 해보시면 그것의 영향을 받는지 여부를 알 수 있지 않을까요? ^^

]]> 누리가 만듬 http://naradesign.net/wp/2008/12/27/426/comment-page-1/#comment-45973 누리 Thu, 05 Mar 2009 05:41:43 +0000 http://naradesign.net/wp/?p=426#comment-45973 안녕하세요. 웹접근성 공부하고 있는데 궁금한 점이 있어서 글 남깁니다.. flash navigation을 만들었는데 wmode가 window로 넣을 수 없는 구조라면 어떻게 해야하는지요? 가령 navigation 아래 visual 또는 content가 겹쳐서 보여야 할 경우 말이죠.. visual 부분과 navigation과 함께 합쳐서 하나의 movie로 만들어야 할까요? 아님 navigation을 이미지로 만들어야 할까요.. 잘 모르겠어요..T_T 그리고 공공기관 사이트를 보면 화면크기조정(+ - 초기화)이 있는데 flash 삽입시 wmode를 window가 아닌 opaque, transparent로 넣고 화면크기에 변화를 주면 원래 있던 위치에서 벗어나 버리는데 이것 또한 wmode가 window가 아니라 영향을 받는걸까요? 안녕하세요. 웹접근성 공부하고 있는데 궁금한 점이 있어서 글 남깁니다..
flash navigation을 만들었는데 wmode가 window로 넣을 수 없는 구조라면 어떻게 해야하는지요? 가령 navigation 아래 visual 또는 content가 겹쳐서 보여야 할 경우 말이죠..
visual 부분과 navigation과 함께 합쳐서 하나의 movie로 만들어야 할까요? 아님 navigation을 이미지로 만들어야 할까요.. 잘 모르겠어요..T_T

그리고 공공기관 사이트를 보면 화면크기조정(+ – 초기화)이 있는데 flash 삽입시 wmode를 window가 아닌 opaque, transparent로 넣고 화면크기에 변화를 주면 원래 있던 위치에서 벗어나 버리는데 이것 또한 wmode가 window가 아니라 영향을 받는걸까요?

]]> ‘플래시’ 댄스! | Open Web가 만듬 http://naradesign.net/wp/2008/12/27/426/comment-page-1/#comment-45959 ‘플래시’ 댄스! | Open Web Tue, 03 Mar 2009 14:05:15 +0000 http://naradesign.net/wp/?p=426#comment-45959 [...] 물론, 2002년부터 배포되기 시작한 플래시MX는 시각장애인의 접근성을 고려한 일정한 장치가 있긴 하다. 그러나, 그러한 장치가 실제로는 시각장애인에게 별 도움이 되지 못한다는 점은 실증적 연구를 통해서 이미 밝혀진 바 있다. 여기. 국내의 정상급 개발자 분들도 이 문제를 소상히 논의하고, 설사 플래시MX를 사용하고, 그것이 제공하는 접근성 기능을 모두 활성화 하더라도, 플래시는 시각장애인에게 여전히 장애물이라는 점을 안내하고 있다. 여기. [...] [...] 물론, 2002년부터 배포되기 시작한 플래시MX는 시각장애인의 접근성을 고려한 일정한 장치가 있긴 하다. 그러나, 그러한 장치가 실제로는 시각장애인에게 별 도움이 되지 못한다는 점은 실증적 연구를 통해서 이미 밝혀진 바 있다. 여기. 국내의 정상급 개발자 분들도 이 문제를 소상히 논의하고, 설사 플래시MX를 사용하고, 그것이 제공하는 접근성 기능을 모두 활성화 하더라도, 플래시는 시각장애인에게 여전히 장애물이라는 점을 안내하고 있다. 여기. [...]

]]>