본문 바로가기
개발/브라우저와 네트워크

Lighthouse : Accessibility

by 안뇽! 2023. 9. 3.
반응형

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

 

웹 접근성과 WAI-ARIA

Overview HTML 페이지를 만들 때 고려해야 하는 것 중 하나가 웹 접근성입니다. 웹 접근성이란 시각장애인들이 웹 페이지를 원활하게 이용할 수 있도록 알려주는 가이드라인이라고 생각하면 됩니다

bcp0109.tistory.com

 

반응형