[핀더펜] 성능 최적화 - 접근성 검사

1. 헤더헤 배치했던 토글 버튼은 aria-label 속성을 가져야 함
2. 바탕색과 글자 색의 조도/명도 차이가 작으면 유저 경험이 떨어짐
3. 헤더 버튼의 id가 겹치는 문제가 있었음
4. 글자 크기 순서는 내림 차순으로 순서대로 나와야 함. 하지만 규칙을 지키지 않고 순서를 건너뛰어서 경고함.
5. role의 철자가 틀리거나 추상적이거나, role이 누락되면 사용자에게 의미가 전달되지 않는다.

1, 3은 스스로 잘못한 것이기 때문에 바로 수정을 진행했습니다.

 

그러나 2, 4번은 기획 단계에서 기획자와 디자이너의 의견을 종합해 정한 내용이기 때문에 수정하지 않았습니다.

또한, 5번의 경우 mui의 calendar 라이브러리에서 생긴 문제이기 때문에 수정할 수 없었습니다.

 

그 결과

드디어 초록색을 보았다.....