탭 메뉴 처리 방법에 관한 의견 중 공감되는 의견을 퍼옵니다.
안녕하세요? '널리'에 처음으로 글을 남기는 김형섭입니다.
먼저 널리 포럼을 만들어주신 모든 분들께 정말 감사드립니다. 이렇게 웹접근성에 대해 많은 관심을 가지시는 분들이 있기에 저희 사용자 입장에서도 더 홈페이지를 편하게 이용할 수 있는 것이 아닌가 싶습니다.
실질적인 스크린리더를 사용하고 있는 시각장애인 입장에서 선택된 탭 처리에 대해 말씀드리겠습니다. 사실 아시다시피 스크린리더에서 웹페이지를 탐색을 하게 되면 웹탐색모드(가상커서)에서 페이지의 정보를 갱신하여 시각장애인들이 그 정보를 읽게 되는데 마치 문서 편집기에 한 문서를 열어 놓은 것 같은 느낌을 받게 됩니다. 그래서 좌측메뉴, 우측메뉴, 탭메뉴와 같은 것들의 경계성을 처음부터 파악하기 어렵습니다. 물론 컴퓨터를 많이 해보신 분들이면 메뉴를 보니까 좀 큼직큼직한 주제면 대메뉴, 작은 주제면 소메뉴, 정렬방식이나 보기방식과 같은 것은 탭메뉴라고 이해를 할 뿐입니다. 그러므로 가장 좋은 것은 탭메뉴는 탭이라는 글자가 각각의 메뉴에 붙어 있는 것이고 선택된 탭은 선택됨이라고 그 링크에 들어 있는 것입니다. 가장 대표적으로 제가 제시한 대로 되어 있는 사이트는 http://www.hp.co.kr 입니다. 거기서 고객지원으로 들어가면 여러 탭들이 있고 열린 탭은 오픈이라고 표시되어 있습니다. 이렇게 만들면 스크린리더 사용자가 일반 사용자와 이야기를 나눌 때도 탭메뉴라는 명칭 자체의 공유가 가능하고 또 어떤 탭이 선택되어 있는지 알수 있지 않을까 싶습니다. 감사합니다.
출처 : http://html.nhncorp.com/forum/a11y/topic/3
댓글 4개
게시글 목록
| 번호 | 제목 |
|---|---|
| 32071 | |
| 32070 | |
| 18535 |
JavaScript
ajax 그리드 문의
1
|
| 5369 | |
| 27088 | |
| 5364 | |
| 32069 | |
| 32068 | |
| 18521 |
jQuery
jquery 속도 높이는 팁
13
|
| 5359 | |
| 18520 |
jQuery
Easing Functions Cheat Sheet
|
| 32067 | |
| 32066 | |
| 27081 | |
| 18514 | |
| 5355 | |
| 5354 | |
| 5350 | |
| 32065 | |
| 18510 | |
| 18503 |
jQuery
좌우 슬라이드메뉴와 상하 슬라이드 메뉴
6
|
| 32064 | |
| 32063 | |
| 18502 | |
| 18499 | |
| 18495 | |
| 5345 | |
| 27079 | |
| 30718 | |
| 18494 | |
| 18493 | |
| 5343 | |
| 18491 | |
| 18489 | |
| 18487 |
Mobile
모바일 웹 개발에 큰 도움이 되는 피모 브라우저
1
|
| 18486 |
PHP
간단한 쿠폰번호 생성
|
| 18484 |
PHP
xml 파싱 예제
1
|
| 18482 |
PHP
eval
1
|
| 32062 | |
| 26476 |
제안서
제안서 유용한 도형
13
|
| 18481 |
jQuery
롤오버+슬라이드 질문드립니다.
|
| 5339 | |
| 18480 |
jQuery
jQuery path plugin
|
| 18476 |
JavaScript
아이폰일때 상단 검색바 숨기기
3
|
| 27137 | |
| 30711 | |
| 18475 | |
| 18474 | |
| 18470 | |
| 32061 | |
| 18469 | |
| 32060 | |
| 5335 | |
| 32059 | |
| 5333 | |
| 32058 |
센스리더
센스리더의 메뉴 구성 - 7. 도움말
|
| 32057 |
센스리더
센스리더의 메뉴 구성 - 6. 보기
|
| 30705 | |
| 5326 | |
| 18466 | |
| 18462 |
JavaScript
모바일웹 이미지맵 사용 소스
3
|
| 18461 |
JavaScript
[복사하기] 버튼 자료~
|
| 31504 | |
| 30696 | |
| 32056 |
센스리더
센스리더의 메뉴 구성 - 5. 점자
|
| 5321 | |
| 18456 |
PHP
php 동영상 강좌
4
|
| 18455 |
jQuery
array toggle
|
| 32055 |
센스리더
센스리더의 메뉴 구성 - 4. 도구
|
| 5315 | |
| 5310 |
MySQL
필드순서 바꾸는 명령 있을까요?
4
|
| 27072 | |
| 32054 | |
| 27066 | |
| 18453 | |
| 30692 |
HTML
IE6 PNG 초 간단하게 적용
3
|
| 30690 | |
| 18451 | |
| 18450 | |
| 18449 | |
| 5307 | |
| 32051 | |
| 18448 | |
| 18447 | |
| 18441 |
jQuery
참고사이트 모음
5
|
| 18437 | |
| 18429 | |
| 32049 | |
| 30686 | |
| 5299 | |
| 5289 | |
| 30677 | |
| 32042 |
센스리더
센스리더에서 사용되는 개념들
6
|
| 18426 | |
| 18422 | |
| 18420 | |
| 18418 | |
| 5285 | |
| 5282 | |
| 26459 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기