[REFACTOR] 프론트엔드 접근성 개선

[Hain-tain]

📌 어떤 기능을 리팩터링 하나요?

• 스크린 리더기 접근성 개선

AS-IS

TO-BE

로그인 페이지

• 로그인 페이지에서 모든 입력 필드에 적절한 레이블이 연결�하기
• 비밀번호 보기 버튼에 적절한 aria-label 달아주기

템플릿 상세 페이지

• 상세페이지 > 쉐브론 이미지 대신 소스코드 접기 버튼으로 읽기

템플릿 업로드 페이지

• 카테고리 가이드 안보일땐 aria-hidden 처리해주기

• 태그 등록 후 태그가 등록되었습니다. 알려주기

• 햄버거 메뉴 버튼으로 태그 변경 및 적절한 aria-label 달아주기

• 새 템플릿 버튼 클릭시 ‘템플릿 작성 페이지로 이동됩니다’ 안내해주기

• 비밀번호 요구 사항을 명확히 설명하도록 변경

⏳ 마감일

• 10.08일

🔍 참고할만한 자료(선택)