접근 가능한 웹 사이트를위한 10 가지 팁

우리는 모두 접근 가능한 디자인을 구축하는 것이 중요하다는 것을 알고 있지만 사이트를 만들 때 얼마나 많은 사람들이 실제로 디자인을 고려합니까? 다음은 모든 사람이 사이트에 액세스 할 수 있도록하는 간단하고 효과적인 단계입니다.

디자인 리소스 살펴보기

1. XHTML 및 CSS 확인

코드를 검증하면 종종 이전에는 눈치 채지 못한 문제를 발견 할 수 있습니다. 닫히지 않거나 잘못 입력 된 태그와 같은 것들은 브라우저에서 잘 보이지만 다른 사람들이 볼 때 문제를 일으킬 수 있습니다. 사용해야하는 두 가지 주요 도구는 XHTML Validator와 CSS Validator입니다.

2. 이미지에 대한 대체 텍스트를 추가하십시오

모든 사람이 브라우저에서 이미지를 사용하도록 설정 한 것은 아니며 많은 사람들이 시력 문제로 인해 텍스트 음성 변환 프로그램을 사용합니다. alt 속성을 통해 이미지에 대한 대체 텍스트를 제공하면 이미지에 설명이 있고 방문자가 이해할 수 있습니다. 또한 검색 엔진에서 색인을 생성 할 때 사이트를 도와줍니다.

3. JavaScript없이 사이트가 작동하는지 확인

이미지와 마찬가지로 많은 사람들이 JavaScript를 끈 상태에서 탐색합니다 (작성 당시 거의 6 %). 이것은 상당히 높은 숫자이며 웹 사이트가 JavaScript없이 올바르게 작동하는지 확인하는 것이 좋습니다. 그것에 너무 의존하면 청중의 특정 사람들을 소외시킬 수 있습니다.

4. CSS를 사용하여 내용과 서식을 분리하십시오.

Cascading Style Sheets 사용을 소개하고 홍보하는 웹 사이트로서 여기에 언급 된 것을 보는 것은 놀라운 일이 아닙니다. CSS를 사용하면 페이지의 서식을 깔끔하게 유지하고 브라우저가 자체 규칙을 추가하여 페이지의 대비를 높이고 쉽게 볼 수 있습니다.

5. 고 대비 스타일 시트 제공

웹 사이트를위한 두 번째 스타일 시트를 만들어 색상을 줄이거 나 제거하고 모든 것을 더 높은 대비로 만들어보십시오. 시력이 좋지 않은 사용자가 웹 사이트의 컨텐츠로부터 혜택을 볼 수 있도록이 스타일을 활성화하는 링크를 페이지 상단 근처에 배치하십시오.

6. 링크 텍스트가 설명 적인지 확인하십시오

단순히“여기를 클릭하십시오”또는“더 읽기”라고 쓰지 말고 링크를보다 설명 적으로 만드십시오. 우리 모두는 때때로이 함정에 빠지지만, 의미있는 연결을 훨씬 더 쉽게 이해하고 접근성을 향상시킬 수 있습니다.

7. 페이지에 "콘텐츠 건너 뛰기"링크 추가

사람들이 웹 사이트의 모든 페이지에서 반복적 인 헤더를지나 아래로 스크롤하도록하는 대신, 링크를 포함시켜 페이지 아래쪽의 기본 컨텐츠로 건너 뛸 수 있습니다. 이는 특히 페이지의 모든 정보를 읽는 텍스트 음성 변환 브라우저에서 시간을 절약합니다.

8. 모든 양식에 레이블 태그가 있는지 확인하십시오

양식의 입력에 올바르게 레이블을 지정하면 액세스 가능한 브라우저를 통해 입력을 훨씬 쉽게 해석하고 채울 수 있습니다.

9. 새 창에서 링크를 열지 마십시오

새 창에서 다른 웹 사이트로 연결하려는 유혹이 있지만 실제로는 나쁜 습관입니다. 누구나“뒤로”버튼을 사용하는 방법을 알고 있지만, 창을 닫고 한 번에 여러 개를 추적해야하는 경우 많은 웹 사용자가 혼란스럽고 성 가실 수 있습니다.

10. 접근성 진술서 작성

웹 사이트의 한 페이지에 진술을하면 사람들에게 귀하가 제공하는 접근성 기능을 보여주고 이들이 사이트를 쉽게 탐색 할 수있는 방법을 설명합니다. 고 대비 스타일 시트를 켜는 방법과 "내용으로 건너 뛰기"링크의 위치를 ​​설명하십시오. 사람들에게 명확하게 설명해 주셔서 감사합니다.

© Copyright 2024 | computer06.com