6.4

https://www.wah.or.kr:444/index.asp

위 사이트 카피 및 포커싱 이슈 해결하기

 

아래 유튜브도 참고

https://youtu.be/ulvZD13uD5Q

 

마우스외에 키보드도 초점 부여를 받기위해선
hover 사용 X

전체카테고리 열기
focusin
mouseenter

전체카테고리 닫기
focusout
mouseleave

 

아래 사이트 참고 (상단 메뉴 접근시 키보드 Enter 사용하면 초점이 잡힘)

https://adobe-accessibility.github.io/Accessible-Mega-Menu/

 

background에

transform: rotateY(630deg);

사용시 처음 로딩(진입)시 자동으로 돌아가는 이벤트 확인 해보기

 

확인해보니 얘 떄문이었음.

 

.conBx.on .svcInfoBx:before{animation:svcInfoBx 1s ease-out forwards}

@keyframes svcInfoBx{ 100%{opacity:1;transform:rotateY(0)} }