keyboard로 모달 팝업 내 포커스 loop
팝업이 열리면 팝업 내 첫 번째 요소에 포커스 이동 팝업 내에서만 키보드 사용 esc 팝업 닫기 처음 작업할땐 팝업 오픈 시 팝업 전체에 포커스가 가도록 작업했었다. 이후 여러 블로그를 참고하다 보니 전체가 아닌 팝업 내 첫 번째 요소에 포커스가 가는 것이 팝업에 진입했다는 것을 좀 더 시각적으로 보여줄 수 있고 콘텐츠를 수월하게 조작할 수 있을 것 같아 코드를 수정했다. See the Pen WA - 모달 레이어 포커스 loop by devjiin (@devjiin) on CodePen. nodelist를 array로 변환하는 이유? focusableElements = Array.prototype.slice.call(focusableElements); 위 코드를 작성하지 않아도 포커스 기능이 잘 작동되..
프론트엔드/웹 접근성
2021. 3. 3. 15:32
공지사항