수다닷컴

안녕하세요.
웹표준 div 모두 초보입니다..ㅋ;
웹접근성으로 제작중인데요.
독타입은 꼭 어느걸 사용해야한다 그런건 없는것인가요?

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml xml:lang=ko lang=ko
head
title타이틀title
meta http-equiv=Content-Type content=text/html; charset=euc-kr /

이렇게 적어도 큰문제는 없나요?..
strict으로 변환하니 오류가 너무 많이나오더라구요 ㅋㅋㅋ ㅠㅠ;

------------------------------------------------------------------------------------

그리고 여기저기 주어들은바로 h를 써줘야할것같은데 또 어디마다 써줘야하는건지 잘모르겠네요..
사이트들 보아도 어딘 있고 어딘 없고.. 필수는 아닌가요?

div id=top_menu
h2 class=hidden메인메뉴/h2
ul
lia href=sub1_1.php class=mmenu0111/a/li
lia href=/ class=menu0222/a/li
lia href=/ class=menu0333/a/li
lia href=/ class=menu0444/a/li
lia href=/ class=menu0555/a/li
/ul
/div

이런식으로 제목을 달아줬는데
콘텐츠?들 마다 달아주는게 좋은지..
그냥 탑메뉴, 서브메뉴, 하단메뉴, 퀵메뉴 정도만 적어주면 되는지..
그리고 h를 사용시 라인브레이크가 걸려서 사이가벌어져요 ㅋ; 마진 패딩을 0으로 했는데
그래서a로 몇개 해두었는데 이것은 어떤가요?
장애인분들께서 사용시 어떤게 좋은지..ㅠ; 어떤식으로 하시는지 본적도없고..

------------------------------------------------------------------------------------

마지막으로 탑메뉴에서 마우스를 오버했을때 색 바뀌는등의 효과까지는 성공했는데..
서브메뉴를 불러오는부분은 어떻게 해야할지 막막해서요..
자바스크립트?를 사용하는것인가요?
플래쉬사용을 최소화하려구 일단 이미지로해서 제작중인데
자바스크립트도 사용하기 껄끄러워서요.. 사용해도 상관없나요?
아니면 어떤식으로 사용을해야하는지.. 좋은 소스나 참고할만한 사이트 아시는곳 있으면 부탁드릴게요..

현재 메뉴를 위에 적은 소스와 아래 소스로 만들었는데 서브를 어떻게해야할지..
그리고 이렇게 사용하는것에 문제가 없느지좀 봐주세요..ㅎ
부탁드립니다..

-----css-----
#top_menu a{display:block;}
#top_menu .menu01 {width: 84px; height: 24px; background-image:url(/new/img/menu1.gif);}
#top_menu .menu01:hover {width: 84px; height: 24px; background-image:url(/new/img/menu1_ov.gif);}
#top_menu .menu02 {width: 68px; height: 24px; background-image:url(/new/img/menu2.gif);}
#top_menu .menu02:hover {width: 68px; height: 24px; background-image:url(/new/img/menu2_ov.gif);}
#top_menu .menu03 {width: 102px; height: 24px; background-image:url(/new/img/menu3.gif);}
#top_menu .menu03:hover {width: 102px; height: 24px; background-image:url(/new/img/menu3_ov.gif);}
#top_menu .menu04 {width: 54px; height: 24px; background-image:url(/new/img/menu4.gif);}
#top_menu .menu04:hover {width: 54px; height: 24px; background-image:url(/new/img/menu4_ov.gif);}
#top_menu .menu05 {width: 68px; height: 24px; background-image:url(/new/img/menu5.gif);}
#top_menu .menu05:hover {width: 68px; height: 24px; background-image:url(/new/img/menu5_ov.gif);}
------------------------------------------------------------------------------------

참.. 질문이 많아서 죄송해요..ㅋ
접근성 연구소에서 배포하는 자동평가도구로 체크하면서 하는중인데 ㅎ;
오류가 하나도 없어야만 되는것인가요? 아님 어느정도는 봐주는지..ㅋ;

신청하기