반응형
Lighthouse : Accessibility
Lighthouse는 웹사이트의 성능,접근성, SEO 등을 평가하는 오픈 소스 도구이다. Accessibility(접근성)은 웹 사이트가 모든 사용자, 특히 장애를 가진 사람들에게 편리한지 평가한다. Lighthouse의 Accessibility 점수를 향상시키는 것은 사용자 경험을 향상시키고 웹 사이트를 더 포괄적으로 만드는데 중요하다.
주로 적절한 html태그 사용, 대체 텍스트(alt text), 키보드 접근성 확보, label과 aria의 적절한 사용 등과 관려되어 있다.
lighthouse로 검사를 했을때, button 의 접근성이 떨어진다고 나왔다. 인터넷이 검색해보니 aria-label 을 추가하라고 한다.
추가하니 점수가 83점에서 92점으로 올라갔다.
aria-label은 문자열을 간단히 설명하는 목적을 갖고 있다. 장황한 description이 아닌 간단한 설명을 적는것이 바람직하다.
해당 엘리먼트를 설명할 것이 없을 때 사용한다.
https://bcp0109.tistory.com/348
반응형
'개발 > 브라우저와 네트워크' 카테고리의 다른 글
캐시 ㅎㅎ (0) | 2023.11.30 |
---|---|
컴포넌트 사전로딩을 통한 렌더링 최적화 (0) | 2023.09.12 |
사파리에서 navigator.clipboard.writeText 안되는 경우 (0) | 2023.03.20 |
document.referrer를 통한 유입매체 확인 (0) | 2022.11.15 |
Next/image로 회사 홈페이지 최적화 시도 (0) | 2022.09.27 |