기존 최종프로젝트로 진행했던 우동집을 리팩토링하고자 멘토링을 신청했었다. 순번이 밀려 그 동안 타입스크립트를 공부하여 우동집에 적용시키려 공부 중에 있었다.
바로 어제 우리 조 멘토링 차례로 접근성에 대한 멘토링은 받았고 또,우동집을 타입스크립트로 바꾸는 과정에 대해 자문을 구했다.
- 자바스크립트 => 타입스크립트로 바꾸기
- 타입스크립트로 바꿔보는 것도 좋긴하지만 기술 스택을 바꾸어 새로 사이드 프로젝트를 진행해 볼 것을 권유해주셨다.
- 팀원들에게 내용 전달 후 5명중 4명이 동의하였고 이번주까지 주제를 정하고 다음주에 기획과 마크업 데드라인을 정하고 진행하기로 하였다.
- 오늘 운이 좋게도 한 팀원분의 지인이 백엔드로써 프로젝트를 같이 진행할 것을 권유 받았고 이번주 금요일에 모여 앞으로의 계획에 대해 논의해보기로 하였다.
- 접근성의 멘토링은 다음과 같았다. (OpenWax, headingsmap 확장프로그램을 적극활용할 것을 추천 받았다.)
- 이번주에 고쳐야할 접근성 + 마트업 부분을 각자 맡은 페이지 리팩토링을 진행하기로 하였다.
메인 페이지
- 비디오는 ESC키를 누르면 정지하도록 하는 기능을 추가하면 좋을 것 같음
- 아이들나라 로고(alt)
- 이미지 요소에 alt 속성이 없는 경우 있음 (라이트 하우스 결과)
- 애기사진7 보다 어떤 상황에 찍은 사진인지 대체텍스트로 제공해야 함
회원가입 및 로그인 페이지
- 입력서식에 레이블 미제공
- 비밀번호 표시 버튼은 버튼의 적절한 식별가능한 이름으로 보기 어려움
어린이집 정보 페이지
- 모달창 닫기 버튼에 키보드 접근 불가능
커뮤니티 페이지
- 초록색 글자 색상이 명도대비가 불충분 (1.7 : 1)
About Us 페이지
- 링크의 목적지를 aria-label을 사용해 이해할 수 있도록 제공했더라면 하는 아쉬움 (스크린리더기로 들어봤으면…)
<a href=”[https://github.com/leejh4197](https://github.com/leejh4197)” aria-label=”이주형의 Github으로 이동”> <span aria-hidden=”true”> … </span></a>
INFP🖐