2022-thankoo icon indicating copy to clipboard operation
2022-thankoo copied to clipboard

[FE] 땡쿠에 웹 접근성 적용이 필요한 핵심기능을 정의하고 테스트한다.

Open kwannee opened this issue 2 years ago • 2 comments

기능 상세

  • [ ] 땡쿠에 웹 접근성 적용이 필요한 핵심기능을 정의하고 테스트한다.

kwannee avatar Oct 11 '22 01:10 kwannee

공통

  1. 헤더 태그가 없어서 어떤 페이지인지 알려주지 않는다.

  1. 쿠폰함 페이지에서 쿠폰이 어떤게 있는지 혹은 적어도 몇개 있는지 알려주지 않는다.
  2. 쿠폰 보내기를 selectReceiver로 읽는다.

쿠폰 보내기

  1. 쿠폰 보내기 로직에서 어떤 안내도 없어서 보낼 수가 없다.
  2. 동작에 대한 피드백이 없어서 내가 뭘 하고 있는지 알 수 없다.

쿠폰 and 예약 확인 모달

  1. 입력 정보를 마지막으로 확인 시키는 모달인데 안에 내용을 안 읽어서 역할을 하지 않는다.

kwannee avatar Oct 11 '22 01:10 kwannee

  • 프로필 img alt를 이상하게 읽어요. (~svg)
  • 전체적으로 img alt가 이상합니다.
  • 오른쪽 하단 쿠폰 보내는 버튼이 "selectReceiver 방문함 링크" 라고 읽어서 어색합니다.
  • 대문자 X 버튼을 "닫기 버튼"이라고 읽으며 좋을 것 같습니다.
  • < 뒤로가기 버튼을 정상적으로 읽지 않습니다.
  • 쿠폰의 정보가 메시지, 이름, 쿠폰 종류를 개별적으로 읽습니다. 쿠폰간의 구분이 어렵습니다.
  • 보낸, 사람 구분해서 읽습니다.
  • 예약 날짜를 정할때, 모든 시간을 거쳐가야 약속을 신청할 수 있어서 불편합니다.
  • 19:00 을 시간으로 읽어주면 좋을 것 같습니다.
  • modal 처리가 잘 되어있어서 좋았습니다.
  • 예약 취소 후 snack bar 메시지를 읽어주면 좋을 것 같습니다.

euijinkk avatar Oct 11 '22 02:10 euijinkk