[ 콘텐츠 최적화 작업 ] 글 작성시 글자 색상 최적화및 주의 사항 #666
흐린 글자 색상에서 발생할 수 있는 접근성 문제 해결법
글자 색상 최적화
블로그를 운영하다 보면 기본적으로 제공하는 스킨을 사용시 글자 색상에서 주의 해야할 사항이 발생하게 됩니다. [ 글자 색상 최적화 ] 에서 문제가 발생합니다. 기본 스킨을 그대로 사용하게 검색엔진 최적화 및 접근성에서 지적사항이 발생합니다. 그 이유는 글자의 색상이 너무 흐리다고 지적합니다. 더욱이 이상한것은 기본적으로 글자의 색상을 #666 이상으로 흐리게 지정하고 !important를 지정해 놓은 경우입니다.
왜 이렇게 지정할가요? 접근성에서도 문제가 있고 시력이 좋지 않은 사용자가 글을 읽을 때도 불편한 #666 이상의 흐린 색상을 고집하는 이유?
!important가 붙은 스타일은 다른 모든 스타일 규칙보다 우선 적용됩니다.
왜 굳이 흐린 글자 색상을 다른 색상을 지정하더라도 원래 흐린 색상으로 지정되게 꼭 !IMPORTANT 까지 사용하면서 사용하게 할 합리적인 이유가 있나요?
다만 이런 글자 색상은 항상 접근성에서 문제가 발생하고 시력이 좋지 않은 사용자가 상당히 글을 읽기 힘들다는 사실입니다.
글자 색상은 최소 #666 이상으로 흐리게 지정하지 마세요.
✔ 예시 #909090 글자
방법은 간단 합니다.
CSS 하단에 문제가 되는 폰트의 색상을 원하는 색상으로 지정하시고 기본적으로 지정한 우선 순위를 그대로 적용하면 됩니다. " !important가 붙은 스타일은 다른 모든 스타일 규칙보다 우선 적용됩니다. " 이방법으로 적용하세요 .
그러면 CSS 하단의 마지막이 최종 적용됩니다.
!IMPORTANT로 기본 색상을 우선 지정해서 적용하면 됩니다.
'티스토리 검색엔진 최적화' 카테고리의 다른 글
[ 폰트 최적화 ] 로딩 속도와 폰트로 발생하는 레이이웃 변경 방지 방법 (0) | 2024.10.22 |
---|---|
블로그 글 작성시 블로그 내부.외부 링크 설정하는 방법 (1) | 2024.10.22 |
티스토리 인용,리스트를 사용해서 블로그 글 꾸미기 [인용,리스트 CSS 코드] (0) | 2024.10.22 |
자동 내부 외부 링크 설정으로 블로그 품질 향상하기 [ 백링크도 자동설정 ] (0) | 2024.10.20 |
블로그 글 페이지 주소 문자 숫자 설정시 장단점 비교 (2) | 2024.10.20 |
[ LCP 속도 최적화 ]콘텐츠 표시 시간 LCP 속도 향상을 위한 이미지 최적화 (0) | 2024.10.20 |
이미지 사용시 블로그 저품질 방지방법 이미지 최적화 방법 (9) | 2024.10.19 |