티스토리 뷰
웹과 관련된 직업을 선택했다면 웹접근성과 웹표준에 대한 개념은 기본으로 알고 있어야 한다. 웹사이트를 제작하면서 웹접근성과 웹표준을 고려하지 않았다면 잘 만든 웹사이트라고 할 수 없다. 웹을 사용하는 데 있어서 차별이나 소외가 없어야 하므로 두 가지 기술을 꼭 인지하여 작업해야 하겠다.
웹표준
웹표준(Web standards)이란 여러 종류, 버전이 있는 브라우저 간에 상호 호환성을 위해 W3C가 권고한 표준적인 기술이나 규칙을 의미한다. 웹표준을 준수해야하는 궁긍적인 목적은 사용자가 어떤 브라우저를 사용하든지 간에 똑같은 결과를 전달받을 수 있게 하기 위해서이다. 장애인, 노약자 등을 포함한 모든 사용자를 지칭하며 이들이 동일한 결과의 웹사이트를 이용할 수 있도록 웹표준 기술 작업이 필요하다. 또한 웹표준은 웹접근성을 준수하기 위한 핵심 기술이다.
웹표준 기술
- DOM (Document Object Model)
- XHTML (eXtensible HypereText Markup Language)
- XML (eXtensible Markup Language)
- CSS (Cascading Style Sheets)
- ECMAScript
웹접근성이란?
웹접근성(Web accessibility)이란 장애인이나 고령자들이 비장애인들과 마찬가지로 웹사이트의 정보를 동등하게 접근할 수 있도록 보장하는 법적 의무사항이다. 시각, 이동성, 청각, 인지 능력이 부족한 사용자들을 고려해 웹사이트를 제작해야한다. 웹접근성의 궁극적인 목적은 누구에게나 동등한 기회를 제공하는 것이다. 아직은 웹접근성을 고려한 웹사이트가 많지 않아 장애인과 고령자의 인터넷 이용률이 비장애인보다 현저히 낮은 실정이다. 웹접근성에 대한 법적인 사항은 국가정보화기본법, 장애인차별금지법에 명시되어 있다.
웹접근성 가이드
1. 대체 텍스트
텍스트가 아닌 콘텐츠의 경우 대체 텍스트를 제공해야 한다.
<img src="./img/apple.jpg" alt="사과" />
2. 멀티미디어 콘텐츠 대체 수단
멀티미디어 콘텐츠에는 자막, 수화 등을 제공해야 한다.
3. 자동 재생 금지
영상 콘텐츠는 자동으로 소리가 나지 않아야 한다.
4. 색과 무관한 콘텐츠 제공
콘텐츠는 색과 무관하게 명확히 인식되어야 한다.
5. 주사용 언어 명시
<!DOCTYPE html> <!-- html 버전 선언 -->
<html lang="ko"> <!-- 기본언어 명시 -->
...
</html>
6. 사용자가 기능의 예측이 가능해야 한다.
사용자가 예측하지 않은 기능이 실행되지 않도록 작업되어야 한다.
7. 콘텐츠의 순서
콘텐츠가 논리적으로 이해 가능한 순서로 전달되어야 한다.
8. 입력 서식에 레이블 제공
<lable for="fruit">과일종류</lable>
<select id="fruit">
<option value="포도">포도</option>
<option value="수박">수박</option>
<option value="딸기">딸기</option>
</select>
9. 입력 오류 수정 방법 제공
'HTML' 카테고리의 다른 글
| <!DOCTYPE> 선언 이유와 예시 코드 (0) | 2023.07.03 |
|---|---|
| 검색 엔진 최적화 SEO란? SEO 진단 / 가이드 / 중요성 (0) | 2021.07.06 |
| HTML의 정의 / HTML5란 / HTML5 원칙 / HTML5와 HTML4 차이점 (0) | 2021.06.26 |
| html DOCTYPE 선언 이유 필요성 (0) | 2021.06.25 |
| [코딩기초] 이미지 형식 jpg, gif, png 차이점, 장단점 (0) | 2021.06.25 |