이렇게 삽니다

1. 웹접근성 웹사이트에서 제공하는 정보를 차별 및 제한없이 다양한 사람이 동등하게 이용할 수 있도록 보장하는 것 다양한 사람 : 장애인 및 고령자를 포함한 모든 사람 + 다양한 platform 및 Device와 웹브라우저 등 모든 환경 2. 웹접근성을 향상시키기 위한 방법 1) 웹접근성 지침 = WCAG를 준수 WCAG = W3C 웹 콘텐츠 접근성 가이드라인 표준 권고안 : 웹 사이트/애플리케이션에서 충족해야 하는 기준을 정의하여 장애가 있는 사용자가 보다 쉽게 이용할 수 있또록 준수해야 하는 지침. (1). WCAG 2.1 - https://www.w3.org/TR/WCAG21/​ (2). 한글 웹콘텐츠 접근성 가이드라인 - https://yamoo9.gitbook.io/wcag/intern...​ ..

header - 위치: 페이지 맨 윗쪽, 왼쪽 - form 태그를 사용해 header안에 검색창을 넣는다. - nav 태그를 사용해 header안에 사이트 메뉴를 넣는다. - haeder태그를 본문의 머리말로 사용한다. nav - 위치: 어디에서나 사용된다. - 동일한 사이트 안의 문서나 다른 사이트의 문서로 연결하는 링크 모음을 나타낸다. - 푸터에 있는 사이트 모음 부분에 사용된다. *section과 article 대체로 section 요소는 HTML 문서의 전체적인 내용에 포함되며, article 요소는 문서의 전체적인 내용과는 별도의 독립적인 내용이 들어갈 때 사용하면 됩니다. section article - HTML문서의 전체적인 내용과 관련이 있는 콘텐츠를 주제별로 묶을 때 사용한다. - h1..

1. 웹접근성의 의미 - 접근성을 준수한다 : 장애상황에서 좀더 쉽게 문제 해결이 가능하도록 설계하는 것. - 접근성을 높인다 : 일시적, 지속적으로 발생하는 장애상황에서도 쉽게 접근할 수 있도록 설계하는 것. - 웹접근성은 장애인만을 위한 규정인가? : 고령자가 이용하는 상황, 시끄러운 영상을 보는 상황, 작은 스마트폰 화면으로 접속하는 상황 따라서 비 장애인에 대한 환경도 고려해야 하며 다양한 기술환경도 고려해야 한다. (어떻게 보면 웹표준과도 겹치는 부분이 있는 것 같다) - 하지만 보통 장애인 이용 접근성이라는 좁은 의미로 쓰는 경우가 많다고 한다. ex). 한국형 웹콘텐츠 접근성 지침 : 장애인과 보조기술에 관계된 지침, 비장애인은 혜택받는 정도로.. - 국내에서 가장 높은 점유율의 센스리더 화..

참고 - https://www.w3.org/TR/2011/WD-html-markup-20110405/syntax.html 1. void element 어떤 상황에도 contents를 가지지 않는 요소. start tag는 써주지만 /로 닫아주는 end tag를 따로 쓰지 않는다. 대신 start tag의 맨 끝에 /를 쓰고 >로 닫아준다 (이것을 self-closing이라고 한다. slash를 이용하여 start tag를 닫아주는 것). 1). void element에 속하는 태그 더보기 area base br col command embed hr img input keygen link meta param source track wbr

사람이 코드=소스를 작성하면 웹페이지가 만들어진다.웹페이지 여러 개가 모이면 그것을 웹사이트라고 하고기능이 많으면 웹애플리케이션이라고 한다. 1. HTML 1). 정의HyperText하이퍼 텍스트(하이퍼링크를 주로 텍스트에 걸기 때문에 hyper text라고 함)를 가장 중요한 특징으로 하는Markup마크업(태그를 이용하여 데이터를 구조화하는 것)이라는 문법형식을 가진Language언어 다른 사람들과 약속을 하였기 때문에 언어로 소통이 가능하다. *HTML5W3C에서 만들고 있는 웹 표준으로서 마이크로소프트, 모질라, 애플, 구글, 오페라 등모든 웹브라우저 벤더가 참여하고 있는 산업 표준 2). 웹표준 HTML 5 + CSS 3.0을 지켜야 하는 이유웹접근성, 상호호환성이 좋아지기 때문이다. 웹접근성 (..