HTML 3

웹 접근성(A11Y) & WAI-ARIA

🤓 웹 접근성(A11Y) 이란?모든 사용자가 장애 유무와 관계없이 웹사이트를 쉽게 이용할 수 있도록 보장하는 것을 의미합니다.정상인뿐만 아니라, 장애를 가지고 있는 사용자들도 웹콘텐츠를 문제없이 이용할 수 있도록 웹사이트를 설계하는 것이 중요합니다.웹 접근성을 개발하면, SEO, 사용자 경험(UX) 브랜드 이미지 개선에도 큰 도움이 된다고 합니다.!!😎 웹 접근성 핵심 개념 웹 접근성의 원칙은 4가지(POUR)로 정리할 수 있습니다.1. 인식가능(Perceivable) : 시각적, 청각적으로 콘텐츠를 인식할 수 있어야 합니다.2. 운용 가능(Operable) : 키보드 음성 스크린리더 등 다양한 방식으로 웹을 조작할 수 있어야 합니다.3. 이해 가능(Understandable) : 사용자 인터페이스와..

HTML 2025.02.17

HTML 시멘틱 태그

안녕하세요 오늘은 html 시멘틱 태그에 대해서포스팅하겠습니다. 우선 포스팅을 하게 된 계기는웹 개발 공부를 하면서 문서를 구조화하는 HTML 태그의 중요성을 느끼게 되었습니다. 특히 취업 준비를 위해 UI/UX 최적화와 접근성(Accessibility)에 대해 알아보던 중 **시맨틱 태그(Semantic Tag)**라는 개념이 눈에 들어왔습니다. HTML5에서 추가된 시맨틱 태그는 단순히 웹페이지의 구조를 정의하는 것뿐만 아니라, 검색 엔진 최적화(SEO), 접근성 향상, 유지 보수성에 있어서도 중요한 역할을 한다는 것을 알게 되었습니다. 그래서 시맨틱 태그의 필요성과 이를 활용하는 방법에 대해 깊이 알아보기로 했습니다. 우선 시멘틱 태그란?태그 이름만으로 해당 태그가 담당하는 역할이나 의미를 명확히 ..

HTML 2025.01.25

HTML의 기본 구조

오늘은 html의 기본 구조에 대해서포스팅 해보겠습니다. HTML의 기본 구조는 웹페이지를 구성하는 골격입니다.구성은 형식선언(Doctype) 루트 요소(html), 헤드(Head), 본문(Body)으로 구성됩니다.이 구조는 웹페이지를 만듦에 있어서 필수이며,웹 브라우저가 올바르게 해석하여 사용자에게 메타데이터, 실제 콘텐츠를 구분하여 표시합니다. ㅎㅎ HTML의 기본 구조  차례대로 설명을 해보겠습니다 문서 형식 선언(DOCTYPE)문서 형식 선언은 HTML 문서가 어떤 버전의 HTML로 작성되었는지 웹 브라우저에게 알려주는 역할을 합니다.Doctype은 웹 브라우저에게 문서를 올바르게 해석하고 렌더링하는 데 필요한 정보를 제공합니다.Doctype 선언은 HTML 문서의 맨 위에 위치합니다. 루트 요..

HTML 2025.01.22