마크다운 문법 제대로 쓰기 — 자주 밟는 함정과 접근성까지
"표로 정리해줘"라고 부탁했더니 AI가 세로줄(|)과 붙임표(-)가 잔뜩 섞인 텍스트를 내놓은 적 있으신가요? 채팅 화면에서는 말끔한 표였는데, 복사해서 메신저에 붙였더니 기호 범벅이 되는 경험이요. ...
시맨틱-HTML 시맨틱-HTML RSS 피드 구독
구글이 만든 IDE 홈페이지, 접근성은 몇 점일까? — Google Antigravity 분석
Google Antigravity 홈페이지 접근성 분석 — 화려한 텍스트 애니메이션 뒤에 숨겨진 접근성 문제를 살펴봅니다 제작: 나노 바나나 Google은 접근성에 진심인 회사입니다. ...
시맨틱 HTML 완벽 가이드: div 지옥에서 벗어나는 방법
div만 쓰던 마크업을 시맨틱 HTML로 바꾸는 방법을 정리했습니다. header·nav·main·article·section을 언제 쓰는지, article과 section은 뭐가 다른지, 제목 계층과 ARIA 랜드마크까지 Before/After 예제로 살펴봅니다.
AI 시대의 웹접근성: 기술 발전과 함께 가야 할 보편적 가치
들어가며 ChatGPT, Claude, Gemini… 생성형 AI가 우리 일상 깊숙이 들어온 시대입니다. 웹사이트마다 AI 챗봇이 자리를 잡았고, 콘텐츠 자동 생성도 이제 낯설지 않죠. 이렇게 빠르게 변화하는 기술 환경 속에서, 한 가지 중요한 질문을 던져보고 싶습니다. ...