[REFACTOR] 매칭 결과 페이지 스크린 리더 개선

[useon]

Description 💭

매칭 결과 페이지 스크린 리더 개선 및

TODO ✅

• 적절한 시맨틱 태그와 속성, 스크린 리더 컴포넌트를 이용해서 매칭 결과 개선
• 매칭 결과 좌우 스크롤 없애기

매칭 결과 페이지

모든 라운드가 종료되면 나와 가장 같은 선택을 많이 한 사람 순으로 매칭도를 나열합니다.

default.mov

📢
매칭 결과 머리말 레벨 1 배너
매칭도를 통해 당신과 가장 잘 맞는 사람을 알아보세요 눈웃음을 지으며 활짝 웃는 얼굴과 발그레한 볼 머리말 레벨2 앤드 배너
1
사용자 프로필 이미지
웃긴 참새
80
%
확인 버튼

• 목표 (수정될 가능성 있음)

📢
매칭 결과 페이지 머리말 레벨 1 배너
매칭도를 통해 당신과 가장 잘 맞는 사람을 알아보세요 눈웃음을 지으며 활짝 웃는 얼굴과 발그레한 볼 머리말 레벨2 앤드 배너
1위 웃긴 참새 80%
확인 버튼

Reference 🔎

https://github.com/useon/woowa-writing/blob/technical/technical.md