웹 접근성 개선

[cys4585]

PR의 목적이 무엇인가요?

다락방 생성, 참여 플로우와 모임 생성 플로우에 대한 접근성을 개선했어요. 스크린 리더 사용자의 UX를 개선했어요.

이슈 ID는 무엇인가요?

• 웹 접근성 개선 #692

설명

1. index.html의 언어를 한국어로 수정했습니다.
2. 다락방 참여 플로우의 중첩 span를 끊어 읽는 문제를 aria-label로 해결했습니다.
3. 뒤로가기 버튼 포커싱 안되는 부분을 button 태그 사용하는 컴포넌트로 교체했습니다. 또한 aria-label로 뒤로가기 버튼임을 인지할 수 있도록 했어요.
4. 모임 생성 플로우의 Label, Input, Validation condition을 연결해서 읽을 수 있도록 했어요. aria-labelledby, aria-describedby를 사용했습니다.
5. 모임 생성 시 validation 에러를 발견해서 함께 해결했습니다. (날짜에 상관없이 현재 시간을 기준으로만 시간 validation 하는 문제 해결, 하단 버튼으로 인해 입력창 가려지는 문제 해결)

질문 혹은 공유 사항 (Optional)

[ss0526100]

고생하셨습니다~~

[ss0526100]

console.log 지워줘요잉~~~