webdev2 [HTML] 웹 UI의 혁신: HTML-in-Canvas API의 등장과 활용법 웹 개발 기술은 언제나 눈부시게 발전해 왔지만, 화려한 3D 그래픽이나 고성능 애니메이션을 구현할 때 늘 마주치는 거대한 장벽이 하나 있었습니다. 바로 ‘캔버스(Canvas)의 시각적 화려함’과 ‘웹 접근성(Accessibility) 및 SEO(검색 엔진 최적화)’ 사이의 타협이었습니다.Three.js나 WebGL, WebGPU를 사용해 태그 안에 멋진 가상 세계를 그려내도, 스크린 리더(화면 낭독기)는 그 안에 어떤 텍스트가 있는지 읽을 수 없었습니다. 검색 엔진 크롤러 역시 마찬가지였죠. 개발자들은 이를 해결하기 위해 캔버스 뒤에 눈에 보이지 않는 ‘스크린 리더용 DOM 구조’를 수동으로 따로 만들어 매칭하는 번거로운 작업을 해야만 했습니다.하지만 최근 Google I/O에서 마침내 이 문제를 근본.. 2026. 6. 15. [웹 접근성] 쉽게 배워서 전문가 처럼 사용하기 지난 글에서 왜 웹 접근성을 배워야 하는지 간단하게 알아봤다. 그럼 이젠 웹 접근성을 어디서 어떻게 시작해야 쉽게 배울 수 있는지를 알아볼 차례다. 당연한 말 같겠지만, 웹 접근성을 쉽게 배우려면 쉬운 것부터 배우면 된다. 그런데 그 쉬운 게 배울게 좀 많다는 게 함정이다. 그래도 쉬워서 금방 배울 수 있다. 본격 적으로 배우기 전에, 어떻게 배울 지도 살펴보자. 개인적으로 무언가를 배울 때 뭘 먼저 배우고, 어떻게 배울지 생각해 본다. 배우는 방법이 어렵거나 복잡하면 쉬운 것도 어려워지기 때문이다. 지난 3년 동안 웹 접근성을 공부하고 사용해보니 제일 쉽게 배우는 방법은 직접 보고 테스트해보는 거다. 직접 하나하나 테스트해보면 왜 접근성이 좋은 방식과 그렇지 않은 방식의 차이를 경험해 볼 수 있어 빨리.. 2022. 12. 6. 이전 1 다음 반응형
