AI 요약관련 정보

• 웹 랜드마크는 브라우저가 웹 페이지의 구조(검색창, 본문 등)를 이해하도록 돕는 중요한 요소입니다. 🗺️
• header, main, footer와 같은 HTML 태그는 자동으로 랜드마크 역할을 획득합니다 (예: header는 'banner', footer는 'contentinfo'). 🏷️
• 랜드마크는 스크린 리더 사용자가 페이지 내에서 특정 영역(예: 메인, 배너, 바닥글)으로 빠르게 이동할 수 있게 하여 접근성을 크게 향상시킵니다. 🚀
• 탭 이동이 요소별 포커스 이동이라면, 스크린 리더는 랜드마크 단위로 '슝슝' 이동하여 훨씬 효율적입니다. 💨
• 검색 기능에는 role="search"를 부여하여 'search' 랜드마크를, 내비게이션에는 <nav> 태그를 사용하여 'navigation' 랜드마크를 획득할 수 있습니다. 🔍
• 사이드바는 <aside> 태그를 사용하여 'complementary' 랜드마크를 획득할 수 있습니다. 🧩
• 랜드마크 사용은 접근성 향상뿐만 아니라, 무분별한 div 사용보다 코드 가독성을 훨씬 좋게 만듭니다. 🧑‍💻
• 현업에서 header, main, footer만 사용해도 좋지만, 더 나아가 다른 랜드마크를 활용하면 더욱 신경 쓴 코드가 됩니다. ✨