링크에 식별 가능한 이름이 없습니다.

[sunwoo0706]

LightHouse 측정중 접근성 부분에서 다음과 같이 개선요구가 발생했다.

외부 사이트 프로필로 이동하는 버튼인데 link에는 식별 가능한 ( discernible ) 텍스트가 있어야 한다.

생각해본 해결방법은 3가지인데

1. 디자인을 바꾸어 텍스트를 삽입한다.
2. aria-label 속성을 사용한다.
3. 이미지를 svg에서 비트맵 형식으로 바꾸어 alt 속성을 사용한다

2번을 선택하기로 했다.

이유는 일단 디자인을 변경하는건 리소스가 많이 필요하다(창작의 고뇌...). 그리고 이미지를 svg에서 래스터 이미지로 바꾼후 alt 속성을 사용하는 방법은 지금 현재 icon에서 svg fill이나 size를 사용하는 부분이 있으므로 대체하기 힘들기 때문이다.

참고 자료

오늘의 영단어 ㅎㅎ
discernible : 인식 가능한, 알아볼 수 있는

[sunwoo0706]

오예 ~