[FE] 페어룸 만들기, 페어룸 유형 선택하기 접근성 개선

[greetings1012]

연관된 이슈

• closes: #811

구현한 기능

• [x] 헤더, 랜딩, 메인 페이지 접근성 개선

상세 설명

파란

• alt 및 aria-label 추가
• 이외 내용은 코드에 달아 놓겠습니다!

파슬리

Header 컴포넌트

• 버튼을 클릭하면 페이지를 이동한다는 것이 더 명확하게 드러나도록 변경했습니다.

Landing 페이지

• 스크린 리더 사용자는 메인 로고가 무엇인지 인지할 수 없으므로 alt="메인 로고" 를 alt="코딩해듀오 로고" 로 변경했습니다.
• 스크린 리더가 의미 없는 <main> 태그를 읽고 있어서 role="presentation" 으로 읽지 않도록 변경했습니다.

Main 페이지

• 스크린 리더가 부제목, 제목, 설명을 제대로 읽을 수 있도록 적절한 aria-label 과 role="presentation" 설정했습니다.
• 스크린 리더로 모달을 여는 버튼을 클릭했을 때 포커스가 첫 버튼에 고정되어 이동하지 않는 문제가 있어서 useFocusTrap 커스텀 훅의 변경 사항을 제거했습니다.
• 스크린 리더로 모달을 열었을 때 배경에 존재하는 요소도 함께 읽는 문제가 있어서 useAriaTrap 커스텀 훅을 추가로 구현했습니다.