Accessibility
사람들의 능력이 제한되어 있음에도 불구하고 많은사람들이 웹 사이트 접근을 할 수 있도록 만드는 것이 웹 접근성이다.
사실 아래에 semantic 태그를 잘 활용해서 HTML의 구성을 짜는 것의 연장선 같은 의미라 생각 되었다. 태그 안에서 활용할 수 있는 옵션들을 활용해 좀 더 자유롭고, 편안하게 사용할 수 있도록 하는 뜻 같다.
그래서 웹 접근에 있어서 복잡한 콘텐츠도 최대한 접근할 수 있도록 고려하며 구성해야 한다.
2023.09.16 - [Frontend] - What is semantic HTML?
What is semantic HTML?
HTML을 한 마디로 HyperText Markup Language의 약자다. semantic이란 뜻이 붙으면, 의미를 명확하게 설명하는 HTML이 된다.(의역을 하자면..) 예를 들면, , , , 등이 있고, 웹페이지에서 다양한 부분들을 정의
gaaaabal.tistory.com
- 시력이 안좋은 사람이 있다면 화면을 일부 확대할 수 있는 화면 돋보기를 사용하게 한다던지, 글씨색깔과 배경색깔이 대비되게 해서 뚜렷하게 보이게 한다던지 등이 있을 수 있다.
- 색감에 이상이 있는 사용자도 이용 가능하게 색깔에 있어서 구분을 확실히 한다.
- 청각장애가 있는 사람에게는 비디오를 제공할 때, 비디오 캡션이나 자막 등을 제공할 수 있도록 대안을 제공한다.
이런식을 웹 접근성에 있어서 다양한 방법으로 사용자들이 접근하기 쉽게 구성을 짜야한다.
참조사이트
Accessibility Tutorial
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
'Frontend' 카테고리의 다른 글
| CSS 정리 (0) | 2023.09.24 |
|---|---|
| What is semantic HTML? (0) | 2023.09.16 |
| What is DNS? (0) | 2023.09.08 |
| What is DomainName? (0) | 2023.09.08 |
| What is HTTP? (0) | 2023.09.04 |