웹 표준
- HTML5는 W3C에서 2014년 공식 표준화
- 2019년 WHATWG(애플, 모질라, 구글, MS)에 의해 HTML Living Standard가 표준화 됨
- 웹 표준을 준수하여 작성한다면 운영체제, 브라우저마다 의도된 대로 보여지는 웹 페이지를 만들 수 있음
웹 접근성
- 장애를 가진 사람과 장애를 가지지 않은 사람 모두 웹 사이트의 정보와 기능에 동등하게 접근 할 수 있다.
- 스크린리더, 화면 돋보기, 음성 인식, 키보드 오버레이 등
웹 호환성
- 웹 표준 준수를 통한 브라우저 호환성 확보
시맨틱 웹(Semantic Web)
- 요소의 의미를 고려하여, 구조를 설계하고 코드를 작성한다.
- header, footer, nav, aside, main, article, section
role
웹 콘텐츠의 접근성에는 보조 기술이 장애인에게 적절한 정보를 전달할 수 있도록 위젯, 구조 및 동작에 대한 의미론적 정보가 필요하다.
<div role="button" aria-disabled="true" tabindex="-1">Edit</div>
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles
WAI-ARIA Roles - Accessibility | MDN
ARIA roles provide semantic meaning to content, allowing screen readers and other tools to present and support interaction with object in a way that is consistent with user expectations of that type of object. ARIA roles can be used to describe elements th
developer.mozilla.org
https://www.w3.org/TR/wai-aria-1.1/#roles_categorization
Accessible Rich Internet Applications (WAI-ARIA) 1.1
A section of a page that consists of a composition that forms an independent part of a document, page, or site. An article is not a navigational landmark, but may be nested to form a discussion where assistive technologies could pay attention to article ne
www.w3.org
area-disabled
aria-disabled속성이 설정되면 속성 이 설정된 true요소와 모든 포커스 가능한 하위 항목이 비활성화 상태임을 나타낸다.
이 선언은 화면 판독기와 같은 보조 기술을 사용하는 사람들에게 이러한 요소가 편집 가능하거나 작동 가능하지 않음을 알려준다.
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled
aria-disabled - Accessibility | MDN
The aria-disabled state indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
developer.mozilla.org
