멋쟁이 사자처럼 프론트엔드 스쿨 3일차
3일차에는 웹표준, 웹접근성 및 구조 설계를 위한 HTML, CSS디자인 및 본격적으로 시작할 실습을 위한 환경 세팅을 진행했다.
슬비쌤의 말씀처럼 난 그동안 html이라는 언어를 뭐라고 생각한건지 고민해보면 구조의 측면보다는 뷰의 측면으로 바라본것같다. 슬비쌤은 html을 구조의 측면, 컨텐츠로 바라보라는 말씀을해주셔서 그쪽에 초점을 맞추니 훨씬 이 html이 무엇을 나타내고 싶은지를 확인할 수 있었다.
오늘은 웹표준과 웹접근성에 대해 간단하게 정리하고 넘어가려고한다.
오늘 TIL 핵심 문구!
웹 접근성 수준을 향상시킬수있는 다양항 방법론의 중심에 웹표준이 있다!
🟩 웹접근성
모든 사용자가 신체적 환경적 조건에관계없이 웹에접근하여 이용할 수 있도록 보장하는 것. 정보격차를 줄여 모두 함께 공유하는 웹세상을 만드는 것이 웹 접근성의 궁극적인 목표!
신체적 조건: 일반 사용자와 장애인 및 고령자 등을 포함한 모든 사람
환경적 조건: 다양한 플랫폼 및 장치, 웹 브라우저등의 모든 환경
웹 접근성 향상의 기대 효과
1) 장애인, 고령자 등을 포함한 사용자층 확대
2) 규정과 법적 요구 사항에 대한 준수
3) 다양한 환경, 새로운 기기에서의 이용
4) 개발 및 운용의 효율성 제고
5) 사회 공헌 및 복지 기업으로서의 기업 이미지 향상
웹콘텐츠 접근성 가이드라인(WCAG)
WCAG는 각 지침을 4가지 원칙의 범주로 분류하여 제공
1) 웹콘텐츠는 인식가능해야한다.
2) 웹콘텐츠는 조작가능해야한다.
3) 이해 할 수 있어야 한다.
4) 견고해야 한다.
🟩 웹표준
웹에서 표준적으로 사용되는 기술이나 규칙을 의미함. 웹표준관련 기술은 세가지로 1)구조, 2)표현, 3)동작으로 구성
1)구조: 구조언어 (X)HTML & XML => 몸
2)표현: 표현 언어 CSS => 옷
3)동작: DOM & ECMA Script => 동작(두뇌의 역할)
웹표준의 장점
1) 웹접근성 수준의 향상
2) 검색 친화적인 웹 사이트 구현
3) 구조와 표현의 분리
4) 손쉬운 유지 보수 및 비용 절감 효과
5) 호환성 확보
참고자료
https://seulbinim.github.io/WSA/accessibility.html#%EC%9B%B9%EC%A0%91%EA%B7%BC%EC%84%B1%EC%9D%98-%EA%B0%9C%EC%9A%94
https://seulbinim.github.io/WSA/standards.html#%EC%9B%B9%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%99%80-%EC%9B%B9%ED%91%9C%EC%A4%80
