-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[FE] 페어룸 만들기, 페어룸 유형 선택하기 접근성 개선 #814
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
중복된 button 태그를 제거하고 tabIndex 추가
if (focusableElements.current[0].getAttribute('aria-label') === '모달 닫기') { | ||
focusableElements.current[1]?.focus(); | ||
} else { | ||
focusableElements.current[0].focus(); | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
모달의 첫 번째 요소가 닫기 버튼이면 두 번째 요소, 아니면 첫 번째 요소에 자동으로 포커스
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이 코드가 추가되면서 모달이 열리면 포커스가 첫 버튼에 고정되는 현상이 있더라고요 😭 그래서 제가 작업할 때 해당 코드를 제거하게 되었습니다...
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍 고칠게 없네용
연관된 이슈
구현한 기능
상세 설명
파란
alt
및aria-label
추가파슬리
alt="메인 로고"
를alt="코딩해듀오 로고"
로 변경했습니다.<main>
태그를 읽고 있어서role="presentation"
으로 읽지 않도록 변경했습니다.aria-label
과role="presentation"
설정했습니다.useFocusTrap
커스텀 훅의 변경 사항을 제거했습니다.useAriaTrap
커스텀 훅을 추가로 구현했습니다.