색깔 접근성 문제 해결 및 스토리북 접근성 테스트 비활성화 해제

[SamTheKorean]

체크리스트

• 이슈가 연결되어 있나요?
• 배포 후 브라우저 콘솔에 경고나 오류가 있나요?

요약

더 이상 접근성 테스트를 비활성화 할 일이 없으므로 disabled를 false로 바꾸는 대신 관련 매개변수 코드를 삭제.

[SamTheKorean]

해당 pr에서 접근성 테스트 비활성화를 해제하고 보니 아직 실패하고 있는 접근성 테스트가 있습니다. 해당 pr에서 실패하는 테스트 해결하고 비활성화도 해제하겠습니다.

[SamTheKorean]

@yolophg 접근성 테스트 확인해보니 푼 문제 수 색깔과 사이드바 배경과의 대조도 선명하지 못해 테스트가 실패하고 있습니다! 디자인 변경이 필요할 것 같습니다!

[SamTheKorean]

@yolophg 접근성 테스트 확인해보니 푼 문제 수 색깔과 사이드바 배경과의 대조도 선명하지 못해 테스트가 실패하고 있습니다! 디자인 변경이 필요할 것 같습니다!

정정하겠습니다. 해당 이슈는 테스트 실패의 원인은 아니고 다른 걸 보고 있었네요..

[SamTheKorean]

@yolophg

이 부분은 디자인 변경이 필요한 것 같아 공유드립니다. 현재 테이블에 보시면 hard의 색깔과 연보라색 색깔의 대조가 불분명해서 접근성 테스트가 실패하고 있습니다! 이 이슈 제외하고는 다른 접근성 테스트는 통과하고 있습니다.

[yolophg]

@yolophg 이 부분은 디자인 변경이 필요한 것 같아 공유드립니다. 현재 테이블에 보시면 hard의 색깔과 연보라색 색깔의 대조가 불분명해서 접근성 테스트가 실패하고 있습니다! 이 이슈 제외하고는 다른 접근성 테스트는 통과하고 있습니다.

확인 감사합니다. 관련 티켓 따로 파두었습니다, 이번 스프린트에 같이 작업하여 업데이트 될 예정입니다.

[SamTheKorean]

감사합니다! 남은 이슈까지 해결되면 현재 pr마무리하겠습니다!

[yolophg]

@yolophg 이 부분은 디자인 변경이 필요한 것 같아 공유드립니다. 현재 테이블에 보시면 hard의 색깔과 연보라색 색깔의 대조가 불분명해서 접근성 테스트가 실패하고 있습니다! 이 이슈 제외하고는 다른 접근성 테스트는 통과하고 있습니다.

해당 이슈 컬러 업데이트 완료되었으니 코드에서 업데이트 후 pr 닫아주시면 될 듯 합니다 :). 감사합니다!
=> 관련 디자인 이슈

[SamTheKorean]

@DaleSeo 도움 감사드립니다! 말씀하신대로 aria-label에 관련한 문제들은 불필요한 label을 삭제해주면서 큰 코드 변경없이 해결하였는데
나머지 한 개 오류에서는 주변 html과 css 코드 수정이 불가피할 것 같습니다..! 이 부분도 sementic 구조에 대한 이해가 부족한 상태에서 코딩해서 발생한 것 같습니다.

[SamTheKorean]

생각해보니 이 부분도 큰 변경사항 없이 해결할 수 있을 것 같습니다!

@DaleSeo 도움 감사드립니다! 말씀하신대로 aria-label에 관련한 문제들은 불필요한 label을 삭제해주면서 큰 코드 변경없이 해결하였는데 나머지 한 개 오류에서는 주변 html과 css 코드 수정이 불가피할 것 같습니다..! 이 부분도 sementic 구조에 대한 이해가 부족한 상태에서 코딩해서 발생한 것 같습니다.

[SamTheKorean]

ui 변경 없이 접근성 이슈 모두 해결하여서 pr 다시 열었습니다! 덕분에 sementic tag의 올바른 사용에 대해서 공부할 수 있었습니다. @DaleSeo 님 말씀대로 남용하고 있던 접근성 관련 요소들을 지움으로써 해결하였습니다.

[DaleSeo]

와, 드디어 접근성 위반에서 해방되었네요! 💯