웹표준2 웹 접근성(WCAG)색상 대비율·포커스 표시로 SEO 점수 올리는 방법 대비율·포커스 표시로 SEO 점수까지 올리는 방법웹 접근성이라는 단어를 처음 들었을 때 솔직히 코웃음을 쳤다. 그게 무슨 대수냐 싶었다. 화면 잘 보이고 클릭 잘 되면 끝 아니냐는 생각이었다. 그런데 현장에서 10년 넘게 굴러다니다 보니 그 생각이 얼마나 좁은 우물 안 개구리였는지 뼈저리게 느끼게 됐다. 접근성은 장애인을 위한 시혜가 아니었다. 구조가 단단해야 건물이 지진에도 버티듯, 접근성이 갖춰진 웹은 검색 엔진도 제대로 읽어낸다는 걸 알게 됐다.WCAG가 뭔지부터 제대로 짚고 가자WCAG는 Web Content Accessibility Guidelines의 줄임말이다. 국제 웹 표준 기구 W3C에서 만든 웹 콘텐츠 접근성 지침이다. 현재 기준으로 2.1 버전이 가장 널리 쓰이며 2.2 버전도 공식 .. 2026. 5. 5. 사파리 브라우저 호환성 (렌더링 엔진, 크로스브라우저, 테스트 도구) 사파리 브라우저 호환성 (렌더링 엔진, 크로스브라우저, 테스트 도구)크롬에서 멀쩡하던 레이아웃이 사파리에서 완전히 무너진 경험, 혹시 있으신가요? 저도 블로그를 몇 달째 크롬으로만 테스트하다가 아이폰을 쓰는 친구한테 "네 블로그 레이아웃 다 깨졌어"라는 말을 들었습니다. 그때 처음으로 브라우저 호환성이 이론이 아닌 현실 문제라는 걸 제대로 실감했습니다.렌더링 엔진이 다르면 CSS가 다르게 보인다브라우저 호환성 문제가 왜 생기는지 한 번이라도 궁금하셨던 분이라면, 렌더링 엔진 차이부터 이해하면 훨씬 빠릅니다. 렌더링 엔진이란 HTML, CSS, JavaScript 코드를 읽어 실제 화면으로 그려내는 핵심 소프트웨어를 말합니다. 크롬과 엣지는 Blink 엔진을, 사파리는 WebKit 엔진을, 파이어폭스는 G.. 2026. 4. 14. 이전 1 다음
