어떻게 해야할지 난감합니다.
보나
그림을 보듯이 위에 이미지가 있구 그 아래로 텍스로 된 리스트가 있습니다..
아래 텍스트를 오버했을때 그 나라에 그림처럼 레이어가 나타나는 구조인데요
물론 다른곳을 오버하면 기존에 있는건 없어집니다.
이걸 어떻게 해야할지 전혀 감이 없네요...ㅡ.ㅡ
혹시 이런 작업을 해보셨던 분이나 알고있으신분께서는 원리 좀 알려주세요..ㅜ.ㅜ
구조는
div
p맵이미지p
div각 나라이미지/div
/div
div
ul
li1대한민국/li
li2인도/li
li3프랑스/li
.
.
li30 튀니지/li
/ul
/div
대충 이런식으로 작업을 하고는 있는데..없는 지식에 쥐어짜도 나오지가 않습니다.
부탁 좀 드리겠습니다..( _ _ )
-
도도한
감사합니다...^ ^..어느정도 방향을 잡을 수 있을것같습니다...안되면 다시 여쭈어보겠습니다...^ ^;;
-
꽃짱구
어머나! 저랑 90%비슷한 작업하고 계시네요..흐흐흐...
-
슬아s
동네 이장님의 마크업이 전혀 문제 될게 없다고 답변을 쓰셔서 적은 글입니다..
동네이장님의 마크업으로 볼때 위에서 이미지맵으로 모든 내용을 보여준뒤 다음 포커스가 제목에 가지 않습니까....
기능상을 예기하는게 아닌 마크업을 말씀드리는겁니다만은... -
물티슈
이미 내용을 전부 읽어준다음 다시 리스트로 읽어주게되면 시각장애인의 경우 자신이 어디를 읽고있는지에 대한 위치및 방향을 잃어버리게 되는 경향이 생깁니다.
\어? 좀전에 읽었는데...? 이건머지? 제목만있고 내용은 없네? 포커스가 되돌아간건가? 내가 잘못눌렀나?\
이런경우가 생기게 되죠... -
난길
위에 구조상으로는 아마 스크린리더기로 읽을을때 문제가 좀 생길거같네요..
맵에대한 내용을 읽고나서.. 1.대한민국2.인도3.프랑스....
좀 그렇겠죠^^?
저라면..
레이어 하나에 지도를 bg로 깔고
dl
dt1.대한민국/dt
dd대한민국 설명/dd
dt2.인도/dt
dd인도 설명/dd
/dl
이런식으로 마크업하고 position을 이용해 위치를 잡아줄것같습니다.
이러면 보는사람도 스크린리더 사용자도 만족하는 값을 얻을수 있을거 같습니다. -
비
코딩 상에서는 일반적인 문단으로 뿌려주고 해당 영역 로딩 완료 시 스크립트를 동작 시켜
클래스 네임을 적용해 좌표 및 숨김 처리를 하는건 어떨까요.
단순 주관적인 제 생각일 뿐이니..