방명록

당신의 말을 남겨주세요.

[로그인][오픈아이디란?]
  1. 윤석호 2012/04/26 04:34  편집/삭제  댓글 작성  댓글 주소

    안녕하세요^^ 해빠님

    웹접근성에 대하여 공부하며 열심히 웹표준과 웹접근성을 준수하는 웹을 만드는 일을 하는 사람입니다.

    센스리더기를 사용하면서 궁금한 점이 있어 이렇게 찾아오게 되었어요.
    오늘 처음 알게 되었는데, 너무나 유익하고 좋은 글들이 많이 있네요 ^^

    북마크 꾸욱 해놓았으니 이제 자주 들릴께요

    그럼 비가 오락 가락하는 환절기 감기 조심하시고요

    잘 지내세요 ^^

    1. 해빠 2012/05/22 17:06  편집/삭제  댓글 주소

      안녕하세요~
      개발하면서 접근성을 고려하고 계신다니 정말 감사합니다.
      인터넷 사용하다가 석호님께서 만드신 페이지를 만나면 도움이 될 것 같습니다.
      앞으로도 기대하겠습니다. ^^

  2. 비밀방문자 2012/04/06 10:18  편집/삭제  댓글 작성  댓글 주소

    관리자만 볼 수 있는 방명록입니다.

    1. 해빠 2012/05/22 17:05  편집/삭제  댓글 주소

      광주에서 뵜던 분이시군요! ㅎㅎ
      제가 성함을 잘 몰라서.. ^^;
      우찌됐든 반갑습니다.
      앞으로도 많은 활동 부탁드립니다 ^^

  3. 베르베르써니 2012/03/04 23:28  편집/삭제  댓글 작성  댓글 주소

    안녕하세요^^
    웹접근성에 대해서 궁금해 이것저것 검색해보다 님의 블로그까지 왔네요.
    좋은 내용보고 갑니다.
    자주 들리겠습니다.

    1. 해빠 2012/05/22 17:07  편집/삭제  댓글 주소

      ㅎㅎㅎ 이거 답글이 너무 늦었네요 ;;;
      뵙게 되어 반갑습니다
      웹접근성 관련해서 많은 활동 기대하겠씁니다. ^^

  4. 비밀방문자 2011/10/21 17:06  편집/삭제  댓글 작성  댓글 주소

    관리자만 볼 수 있는 방명록입니다.

    1. 해빠 2011/10/21 17:23  편집/삭제  댓글 주소

      허이쿠 이게 비밀댓글이라 보실수 잇을지 모르겠네요 ^^;;;
      저도 낯선 곳에서 익숙한 대화를 나눌 수 있어서 정말 반가웠습니다.
      저도 많이 사용하던 국민은행이라 테스트 하면서 더 애착이 갑니다 ^^
      그냥 통과의례나 생색내기가 아니라 시각장애인에게 실질적으로 도움이 되는 그런 테스트가 됐으면 좋겠어요.
      수고하세요 ^^

  5. 최수정 2011/09/26 09:37  편집/삭제  댓글 작성  댓글 주소

    시각장애인에게 아이폰 기초사용법등 IT지식 나눔 활동을 하고 있습니다.
    센스리더기와 컴퓨터에서 활용하는 단축키가 궁금해서 검색했더니 해빠님의 블로그가 나오더군요
    좋은 정보와 자료 감사합니다. 블로그 내용 보고 깜짝 놀랐어요~

    독학의 한계가 있기는 하지만...
    틈틈히 공부해서 IT나눔활동이 시각장애인에게 실질적인 도움이 되도록 더 노력할께요!

    해빠님 칭찬 해드리고 싶어서 글 남깁니다.

    1. 해빠 2011/09/27 17:39  편집/삭제  댓글 주소

      안녕하세요
      좋은 일을 하고 계시네요.
      제 블로그가 도움이 됐다니 저도 기쁩니다.
      앞으로도 좋은 활동 부탁드립니다.
      좋은 행사나 기븐 소식 있을 때 정보 공유해주시면 저한테도 도움이 될거 같아요.
      장애인쪽이 인터넷에서 정보교류가 잘 없다보니 정보 습득이 늦을 때가 많더라구요. ㅎㅎ
      수고하세요 ^^

  6. 송원근 2010/07/27 15:56  편집/삭제  댓글 작성  댓글 주소

    그리고 헤딩정리를 하는데 있어서

    스킵네비게이션을 작성하는 부분에서 궁금한점이 있는데요

    메인메뉴 바로가기
    서브메뉴 바로가기
    본문 바로가기

    만들어 놓고 본문 바로가기 를 클릭하면 센스리더도 본문을 바로가서 읽어 주나요?

    메뉴 바로가서 작동은 되는거 같은데 본문은 안되는거 같기도 하고..

    영덕군청 같은 경우는 본문이 스킵네비게이션 바로 밑쪽에 위치하고 있는데

    그렇게 구조를 바꿔서 설계해야 하나.. 고민이 많이 되네요

    자꾸 질문드려서 죄송해여 ㅠㅠ 물어볼 곳이 여기밖에 없네요 ㅠ

    1. 해빠 2010/07/30 15:29  편집/삭제  댓글 주소

      스킵네비게이션에서 링크지정에는 별다른 고민을 안하셔도 될거 같아요.

      일반적으로 <div id=content> 이런식으로 구분된 곳을 링크로 지정하는 방식을 사용하시던데... 이 외에 다른 방법도 있나요?

      링크를 통해 타겟 부분으로 바로 이동을 해서 그 부분을 바로 읽어주느냐의 여부는 그리 중요하지 않은 것 같아요. 바로 읽어주게 하려면 div 안에 콘텐츠 내용을 모두 집어넣어야할거에요. 하지만 그건 바른 마크업이 아니잖아요... 아닌가 ^^; 당초 스킵네비게이션의 목적도 그것과는 관련이 없거든요.

      스킵네비게이션의 목적이 반복되는 부분을 skip하고 원하는 곳에 바로가기 위한 것이기 때문에 컨텐츠 부분의 바로 위에 포커스가 이동되도록만 한다면 전혀 문제가 없을 것 같습니다.

      아 그리구 저한테 계속 질문하셔도 되요~
      대신 제가 아는 것만 물어보셔야 돼요~!! ^^

      참고로 좀 더 전문적인 마크업 방법에 대한 내용이 궁금하시면
      http://www.wah.or.kr/Consulting/consultList.asp
      요 사이트 참고해보세요. ^^

  7. 송원근 2010/07/27 14:58  편집/삭제  댓글 작성  댓글 주소

    안녕하세요 너무나도 상세한 답변 감사 드립니다. ㅎㅎ
    많은 도움이 되었습니다.
    또하나 질문을 들고 왔습니다 ㅎㅎ
    table 정보 제공에서 caption과 summary의 차이점을 알고 싶습니다.ㅠ
    caption 은 제목요소, summary는 요약요소라 하는데
    제가 고민하고 있는 부분은 게시판 같은경우 많은 표가 중첩되어 사용하는 부분인데요
    모든 테이블에 caption과 summary에 정보를 제공해야 하는지요

    제 생각엔 전체 큰 테이블에는 caption 정보를 제공하고 나머지 페이지수, 페이지이동, 검색 등에 사용된 테이블엔 summary만 제공하면 될꺼 같은데 잘못된 생각인가요?

    ㅠㅠ 센스리더기로 잠깐 사용해 봤는데 데모 시간이 짧아서..ㅋㅋ
    완전 세심하게 테스트 하려면 여러번 반복이 필요하네요 ㅠ
    전문가님 의견이 필요합니다 조언 부탁 드려요

    1. 해빠 2010/07/30 15:14  편집/삭제  댓글 주소

      ㅎㅎㅎ 전 전문가님은 아니구요 ^^

      일단 의미를 갖는 테이블에서 caption은 필수 사항입니다.
      하지만 레이아웃 용도로만 사용된경우
      caption / summary 는 생략해도 문제가 없을 것으로 보입니다.
      다만 많은 테이블이 중첩되어 사용되는 경우
      말씀하신대로 "이해를 돕기 위해" summary를 사용하는 방법도 좋을 것으로 생각됩니다.
      caption은 화면상에 나타나니 레이아웃을 해쳐서 사용하기 어렵겠죠?
      (제가 caption이 표시안되도록 숨기는 법을 모릅니다 ㅎㅎ;;)
      궁극적으로는 레이아웃을 잡는데 테이블을 사용하지 말아야겠죠.
      스크린리더를 쓴다면 사용성/이해의용이성이 떨어지거든요.

      센스리더로 테스트 오래할거라면 회사에 하나 질러달라고 하세요~ ^^ㅋ

  8. 송원근 2010/07/22 00:51  편집/삭제  댓글 작성  댓글 주소

    안녕하세요 생산성본부에서 수업 들었던 학생? 이에요 ㅎㅎ
    다시 왔는데 질문을 가져왔네요 ㅠ
    form을 구성하다 보니.. title 속성이라는것이 있는데
    없으면 안되는 것인가 해서 센스리더기로 테스트를 해보니 따로 읽어주거나 하지는 않더라구요
    그래서 찾아봤더니

    title 속성은 툴팁이나 스크린리더에서 읽혀질 내용을 제공할 때 사용된다?
    title 속성은 추가적인 정보를 제공하기 위해서 사용된다. 대부분의 브라우저는 이를 툴팁으로 보여주고 있지만 브라우저에 따라서는 이를 이렇게 처리하지 않을 수도 있다. 스크린리더 역시 이 정보를 활용하지만 스크린리더를 위해서 이 정보를 제공하는 것은 아니다.

    HTML 태그와 속성의 의미를 잘 이해하고 사용하는 것이 중요하다. 브라우저나 특정 사용자 기기에서 구현된 모습을 보고 원래의 의미를 혼동해서는 안된다.

    라고 나왔네요
    근데 위 자료를 읽어 보아도 명확하게 어떤역할을 하는지 안나와 있어서 질문을 드려요 ㅠ
    title 속성이 추가적인 정보를 준다고 써있는데 추가적인 정보가 무엇인지..
    접근성 유지를 위해서 필요한것인지요..
    그리고 센스리더기에서도 필요한 정보인지요

    1. 해빠 2010/07/25 23:10  편집/삭제  댓글 주소

      글쎄요... 웹표준과 접근성의 차이를 설명해야할거 같은데...
      그건 다른 전문가분들에게 맡기고 ^^;
      사용성 측면에서는 title 정보가 상당히 중요합니다.
      일단 title 정보가 들어가는 곳의 예를 들어가면서 말씀드릴께요

      구글 메인페이지의 검색어 입력창의 경우
      "Google 검색"이라는 title이 들어가 있습니다.
      편집창에 대한 추가 정보를 주고 있죠.
      여기는 별도의 검색어 입력에 대한 정보가 없기 때문에 title이 없는 경우 사용성이 급격히 떨어집니다.

      한메일넷 익스프레스의 메일 작성페이지의 경우
      만약 받는이, 보낸이, 제목 등의 편집창에 title 정보가 없는 경우 위/아래 방향키를 이용해서 편집창에 대한 정보를 찾아봐야 합니다.
      하지만 받는이, 보낸이, 제목 등의 편집창에 title 정보가 들어가 있어서 편집창에 포커스가 이동했을 때 title을 자동으로 읽어주고 있는데요
      위/아래 방향키를 이용해서 확인하지 않더라도 쉽게 편집창에 대한 정보를 얻어서 사용이 상당히 편리합니다.

      일반적인 회원가입 폼의 주민등록번호 편집칭 부분에서
      "주민번호앞자리" "주민번호뒷자리" 등의 추가 정보를 제공할 수도 있습니다.

      라디오나 체크 상자 같은경우 label이 있으면 label 정보를 읽을 수 있기 때문에 title을 굳이 넣지 않아도 문제가 되지 않을 것 같습니다.
      label 정보는 폼컨트롤에 포커스가 이동하더라도 자동으로 읽어주진 않고, 위/아래 방향키로 이동해서 정보를 찾아보거나 단축키를 눌러서 정보를 읽어낼 수 있습니다.
      label을 지정하실 때는 명시적인 방법으로 하셔야 됩니다 ^^

      이런 부분이 궁금해하시던게 맞나요?

      참고로 스크린리더가 title/label 정보를 읽는데는 방법의 차이가 있습니다.
      위/아래 방향키로 이동할 때 대다수의 경우 폼컨트롤의 이전/다음 부분에 해당 부분에 대한 라벨/텍스트/이미지 정보가 있습니다.
      해서 위/아래 방향키 이동시에는 해당 폼의 title/label 정보를 자동으로 음성출력하지 하지는 않습니다.
      title/label을 자동으로 읽어주는 경우는 탭이나 이동단축키를 이용해서 해당 폼컨트롤에 포커스가 바로 이동했을 때만 해당합니다.
      해당 폼컨트롤의 title/label 정보를 읽고 싶을 경우 센스리더는 Ctrl-Alt-Shift-T를 누르면 됩니다.

      제 설명이 도움이 됐는지 모르겠네요 ^^;

      더 궁금하신 점이나 이해가 안되는 부분이 있으면 다시 글 남겨주세요 ^^

  9. 송원근 2010/07/14 14:43  편집/삭제  댓글 작성  댓글 주소

    안녕하세여
    센스 리더로 글쓰다가 놀러왔어요~
    좋은 자료가 많아요~

    1. 해빠 2010/07/19 17:08  편집/삭제  댓글 주소

      안녕하세요~
      앞으로도 쭈~욱 관심 부탁드려요 ^^

  10. 치프 2010/03/19 10:42  편집/삭제  댓글 작성  댓글 주소

    안녕하세요 haeppa 님.

    사이트 맵 제작시 예를 들어서,

    <ul>
      <li>새소식
        <ul>
          <li>이벤트</li>
          <li>공지</li>
        </ul>
      </li>
      <li>자료실
        <ul>
          <li>다운로드</li>
          <li>공지</li>
        </ul>
      </li>
    </ul>

    위와같이 중첩 ul li 를 사용할때 스크린리더기를 통해 사이트를 이용하시는 분이,
    좀 헷갈리지않으실가 질문드려봅니다, 눈으로보는 사람이야 css 표현대로 보니 이해가 잘되겠지만
    스크린리더를 이용하는 분은, 웬지 리스트안에 또 리스트가 있어 혼란스럽지않을가 생각되서
    질문해봅니다, 제 개인적인 생각엔 헤딩태그와 ul li 로 하는 것이 좀더 이해하기 쉽지않을가 생각되서염~
    이거 꼭 궁금한거 있을때마다 찾아뵈서 죄송해여,,,ㅠ 잘지내시져?! ㅎㅎ 봄이네여~

    그럼 답변 부탁드리겠습니다, 수고하세요!!

    1. 해빠 2010/03/22 16:42  편집/삭제  댓글 주소

      안녕하세요~
      네 전 잘 지내고 있습니다.
      포스팅할거는 밀려있는데 요즘 바빠서 통 글도 못올리고 있네요 ^^;

      아 그 목록은요...
      사실 시각장애인 중에 목록의 의미를 정확히 파악하고 내용을 이해하는 분들은 많지 않을 거에요.
      그리고 말씀하신대로 목록이 연달아 있으면 <ul>이 나올때마다 <목록시작개수1-1/2> 이런식으로 계속 읽어주거든요. 오히려 너무 읽어줘서 불편할 수도 있어요.
      물론 코딩에 대해 저보다 많이 아시니 더 좋은 방법을 찾아주실수도 있겠지만 제 개인적인 생각으로는 헤딩과 목록을 같이 혼용해주면 좋을 것 같아요.

      <h4>새소식</h4>
      <ul>
            <li>이벤트</li>
            <li>공지</li>
      </ul>
      <h4>자료실</h4>
      <ul>
            <li>다운로드</li>
            <li>공지</li>
      </ul>

      전 개인적으로 ol ul dl 사용을 별로 좋아하는 성격이 아니라 다 빼고 li만 넣고싶지만... css 문제도 있으니.. 그냥 이렇게 제안 드려봅니다.
      건강하세요~~

    2. 치프 2010/03/22 22:33  편집/삭제  댓글 주소

      안녕하세요, 답변 감사드립니다~

      음, 역시 예상대로 스크린리더로는 이해하기 쉽지않군요...
      되도록 중첩코딩을 피해서 하도록 하겠습니다.
      사실 ul li 중첩코딩은 css 개발하기도 불편합니다.
      자식 ul li 가 부모 ul li 의 스타일을 따르기때문에
      자식 ul li 를 제대로 쓰려면 부모에서 준 스타일을
      다 해제시켜야하거든요..

      헤딩태그와 ul li 를 통해 이미 사이트맵을 작업하고
      혹시나해서 haeppa 님에게 질문드린건데 다행히도
      헤딩태그와 ul li 를 권장하셔서 기분이 좋습니다.

      몇 주 고생한 작업물이 내일 오픈이네여..
      게임사이트 웹표준을 한다는 거 정말 어렵습니다 ㅠ.ㅠ

      아무튼 답변 감사드립니다, 환절기 감기조심하세요^^

: 1 : 2 : 3 :