[ 블로그 글자 색상 최적화 ] 흐린 색상으로 인한 접근성 문제 해결하기

흐린 글자 색상에서 발생할 수 있는 접근성 문제 해결법

검색엔진 최적화(SEO) 및 접근성 개선을 위한 글자 색상 조정 방법

블로그를 운영하다 보면 기본적으로 제공하는 스킨을 사용시 글자 색상에서 주의 해야할 사항이 발생하게 됩니다. [ 글자 색상 최적화 ] 에서 문제가 발생합니다. 기본 스킨을 그대로 사용하게 검색엔진 최적화 및 접근성에서 지적사항이 발생합니다. 그 이유는 글자의 색상이 너무 흐리다고 지적합니다. 더욱이 이상한것은 기본적으로 글자의 색상을 #666 이상으로 흐리게 지정하고 !important를 지정해 놓은 경우입니다.

왜 이렇게 지정할가요? 접근성에서도 문제가 있고 시력이 좋지 않은 사용자가 글을 읽을 때도 불편한 #666 이상의 흐린 색상을 고집하는 이유?

!important가 붙은 스타일은 다른 모든 스타일 규칙보다 우선 적용됩니다.

왜 굳이 흐린 글자 색상을 다른 색상을 지정하더라도 원래 흐린 색상으로 지정되게 꼭 !IMPORTANT 까지 사용하면서 사용하게 할 합리적인 이유가 있나요?

다만 이런 글자 색상은 항상 접근성에서 문제가 발생하고 시력이 좋지 않은 사용자가 상당히 글을 읽기 힘들다는 사실입니다.

글자 색상 최적화

글자 색상은 최소 #666 이상으로 흐리게 지정하지 마세요.

✔ 예시 #909090 글자

글자 색상 주의 사항 경고 문구

방법은 간단 합니다.

수정방법

CSS 하단에 문제가 되는 폰트의 색상을 원하는 색상으로 지정하시고 기본적으로 지정한 우선 순위를 그대로 적용하면 됩니다. " !important가 붙은 스타일은 다른 모든 스타일 규칙보다 우선 적용됩니다. " 이방법으로 적용하세요 .

그러면 CSS 하단의 마지막이 최종 적용됩니다.

글자색상 최적화 작업

!IMPORTANT로 기본 색상을 우선 지정해서 적용하면 됩니다.