React Project 접근성 해결

title 속성주면 마우스오버하면 툴팁이 나타남 title은 global 속성이라 아무데나 쓸 수 있음 title은 대체 텍스트라기 보다는 보충 텍스트 배포 됐을 때 보임

아래 두 이미지는 페이지네이션에 쓰이는 leftPage.svg, rightPage.svg임

각각 svg 파일에 title, desc 속성을 넣어서 대체 텍스트, 설명을 추가함

title은 일반 사용자한테 알려주는 속성, aria-label은 스크린 리더 사용자한테 알려주는 속성임

Debug your original code instead of deployed with source maps - Chrome Developers

소스맵은 말 그대로 원본소스와 변환된 소스를 맵핑해 주는 방법을 제안한 것이다.

자바스크립트를 한 파일로 합치거나 사이즈를 줄이기 위해서 압축하거나 난독화해서 배포하는 방식을 많이 취하는데 이 방법은 성능에는 좋지만 사실 디버깅이 어려워지는 문제가 있는데 소스맵은 이 원본 소스와 최종소스를 매핑해서 추적할 수 있는 방법이다.