수다닷컴

1번이나 2번 모두 접근성에서 문제없습니다.

네~ 위배되는건 아니예요 방식의 차이일뿐입니다. 오히려 자동롤링이라면 멈춤버튼이 없는게 더 문제가 되지요

아하 정지버튼을 이용해서 하니 배너에도 포커스가 가네요... 답변 너무너무 감사합니다♥.♥ 이제 궁금한게 싹 풀렸어요!

배너이미지에 focus가 잘 들어가고 있습니다. 먼저 정지버튼을 클릭래서 롤링을 멈춘 다음에 테스트해 보세요~ 접근성이 잘지켜진 롤링배너입니다. 다만 조금 아쉬운게 있다면 마우스 컨트롤이 익숙치 않은
노약자들을 위해 버튼 영역을 좀더 넓게 가져 갔으면 하는 바램이 있네요 ㅎ

접근성에 위배되네요. 처리방식이 display:none, block 이 아닌 position 위치 값으로 배너이미지를 on off 하고 있습니다. 해당 롤링 배너의 경우 1번째 배너이미지 링크에는 접근할 수 없는 형태입니다.
..마크를 다는 것도 중요하겠지만 접근성을 잘 지켜 유지 보수하는 것이 무엇보다 중요합니다.

1번이 가장 바람직한 마크업이지만 2번도 위배는 아니에요.
만약 버튼에 click이 아닌 mouseover 이벤트가 걸려 있어 focus 되었을 때 배너 이미지가 변경 된다면 위배가 되지요. 왜냐면 키보드 이용시 마지막 배너이미지에만 접근할 수 있기 때문입니다.

넹 감사합니다 ㅠ_ㅠ 제가 봤던 사이트에서는 2번과 같은 경우로 마크업했을 때는 배너이미지에 모두 포커스가 되지 않더라구요.. 2번과 같이 하더라도 배너에 포커스가 가면 위배되지 않는거겠죠? 어렵네요 ㅠㅠ

ㅋㅋ제가 너무 위배라고 딱 정의내려서 답글을 달았나봐요;; 마크업만 보고 접근성에 위배다 아니다는 판단할게 아니고 배너영역에 포커스되지 않아서 위배라고 말씀드린거에요 ㅋ

우왓 빠른답변 감사합니다! :) 접근성 인증된 사이트에서도 2번처럼 되어있는 곳이 있더라구요...이상하네요 ~_~

2번은 위배 맞아요~ 저도 예전에 그런식으로 코딩했는데 탭 포커스 이동 때문에 1번이나 비슷한 방식으로 묶어주네요^^