[웹접근성] 웹접근성 관련 레이어팝업 포커스 컨트롤 (jQuery)

웹 접근성 작업을 하다보니 레이어팝업이 사용된 페이지에서 레이어팝업을 호출한 이후 포커스를 레이어팝업으로 지정하고

레이어팝업이 닫힌 후에는 다시 레이어팝업을 호출하기 전 포커스로 돌려보내는 작업이 필요했습니다.

간단하게 요약하자면 레이어 팝업을 호출하는 함수안에서는

$(".current").removeClass('current');

$("a").click(function() {

$(this).addClass('current');

});

위 소스처럼 레이어 팝업을 호출한 a 태그에 current라는 class를 추가하여 태깅을 해두었습니다.

즉 레이어팝업이 닫힐때 저 이름으로 다시 포커스를 넘겨주면 되겠죠.

레이어팝업을 닫는 스크립트에서는 아래만 추가해주면 됩니다.

$(".current").focus();

레이어 팝업을 호출할때 current라는 태킹을 해두었기에 거기에 다시 포커스를 주면 되는것이죠.