더 접근하기 쉬운 웹 사이트를위한 12 가지 팁
귀하의 웹 사이트를 모든 사람이 이용할 수있게하는 것은 도덕적 의무 일뿐만 아니라 법적 의무입니다. 국제 올림픽위원회를 포함한 많은 단체들은 웹 사이트에 충분히 접근 할 수 없게 만드는 이유로 고소당했습니다. 5 천만 명의 미국인이 장애 또는 기타 장애로 고통 받고 있으므로 사이트의 접근성을 개선하면 상업적으로도 의미가 있습니다.
'장애인'이라고 표시된 사람 만이 아닙니다. 연구에 따르면 성인 컴퓨터 사용자의 57 %가 향상된 접근성 혜택을 누릴 수 있다고합니다. 현재 웹 사이트의 19 %만이 가장 기본적인 접근성 요구 사항을 충족하므로 사이트를 약간 변경하여 경쟁에서 우위를 점할 수 있습니다.
이 기사에서는 사이트의 접근성을 높이는 12 가지 방법을 살펴 봅니다. 일부 방법은 매우 저렴하고 신속하게 구현할 수 있으며, 다른 방법은 시간과 재정 투자가 조금 더 필요하지만 비즈니스 기회로 생각해야합니다. 요즘 인터넷이 우리 삶의 중심에 있기 때문에 일부 사람들이 남겨진 것은 불공평합니다.
1. 와이 아리아
사이트의 접근성을 개선 할 때 첫 번째 호출 포트는 WAI-ARIA라는 Worldwide Web Consortium에서 게시 한 일련의 문서 여야합니다. 이 문서는 기본적으로 개발자가 접근성을 향상시키기 위해 메타 데이터를 HTML에 추가하는 방법을 설명합니다.
2. 진보적 인 향상
점진적 향상은 모든 사람이 가장 기본적인 기능에 액세스하고 더 나은 대역폭으로 사용자가 고급 버전을 볼 수 있도록 계층화 된 방식으로 웹 사이트를 디자인하는 것을 의미합니다. 점진적 향상 전략을 사용하여 구축 된 사이트는 다양한 장애를 가진 사람들이 사용하는 화면 판독 소프트웨어를 통해 훨씬 쉽게 읽을 수 있습니다.
3. 대체 컨텐츠
사이트에서 텍스트가 아닌 내용에 해당하는 텍스트를 제공하는 것이 절대적으로 중요합니다. 화면 판독 소프트웨어를 사용하는 사람들이 페이지의 내용을 정확하게 찾을 수 있도록 이미지와 비디오에 태그가 필요합니다. 링크에는 관련 제목 태그가 필요합니다.
4. 캡션
태그, 이미지, 오디오 및 비디오 클립은 시각 장애인이보고있는 내용을 정확하게 알 수 있도록 캡션이 필요합니다. 비디오 또는 팟 캐스트를 업로드하는 경우 내용을 요약하는 텍스트 단락을 제공하거나 더 나은 경우 전체 대화 내용을 제공하십시오. 캡션은 SEO에도 도움이됩니다.
5. 화면 판독 소프트웨어
대부분의 시각 장애인은 웹 사이트를 탐색 할 때 화면 판독 소프트웨어를 사용합니다. 웹 사이트에 액세스 할 수 있도록하는 가장 좋은 방법 중 하나는 동일한 소프트웨어를 직접 사용하는 것입니다. 모니터를 끄고 소프트웨어를 실행하여 귀중한 독자와 잠재 고객에게 귀하의 사이트가 무슨 말을하는지 정확히 알아보십시오. 소프트웨어가 횡설수설을 시작하면 약간의 변경이 필요하다는 것을 알게됩니다!
6. 감사
실제 전문가가 사이트를 통해 전문가의 시선을 돌리는 것과 비교할 수있는 접근성 테스트는 없습니다. 내게 필요한 옵션 감사를 수행하여 변경해야 할 사항을 정확하게 알려주는 많은 회사와 개인이 있습니다.
7. 유용성 테스트
유용성 테스트는 사이트의 잠재적 인 접근성 문제를 식별하는 또 다른 유용한 방법입니다. 다양한 요구 사항을 가진 사람들 그룹이 실제 탐색, 작업 수행을 위해 사이트를 시험해 보도록 유도하십시오. 그들은 그들이 겪고있는 모든 문제에 대해 자세히 알려줄 수 있으며, 그 중 많은 부분이 WAI-ARIA 지침에 포함되지 않을 것입니다.
8. 스타일 시트
사이트를 만들거나 다시 디자인 할 때 스타일 시트에서 다양한 글꼴 크기를 허용하고 고정 글꼴을 사용하지 않아야합니다. 노인부터 시력이 약간 약한 사용자에 이르기까지 정기적으로 글꼴 크기를 조정하는 사용자 수에 놀랄 것입니다.
9. 폰트 컨트롤
Firefox 및 Internet Explorer 사용자는 글꼴을 확대 할 수 있지만 많은 사람들이이를 인식하지 못하고 다른 사람들은 여전히이 기능이없는 구형 브라우저를 사용하고 있습니다. 이를 위해 글꼴 크기 조정 컨트롤을 사이트에 포함시키는 것이 좋습니다.
10. 일관성
전체 페이지를 한눈에 볼 수없는 사람들과 화면 판독기를 사용하는 사람들에게는 페이지마다 디자인의 일관성이 중요합니다. 각 페이지에서 동일한 위치에 동일한 항목이있는 사이트가 일관된 경우 훨씬 더 쉽게 탐색 할 수 있습니다. 시력이 좋은 사용자는 종종 일관성도 도움이됩니다.
11. 항해를위한 텍스트
모든 비용으로 사이트 탐색에 이미지를 사용하지 마십시오. 대신 텍스트를 사용하십시오. 화면 판독기는이를 이해할 수 있으며 크기 조정이 훨씬 쉽습니다. 탐색 컨트롤을 확대 할 수없는 경우 16 포인트 이상의 명확한 글꼴로 작성해야합니다.
12. 색상
웹 사이트에서 다른 색상을 사용하는 것은 좋지만 선명한 이미지를 만들기 위해 서로 협력하는 방법을 고려해야합니다. 전경색과 배경색은 충분히 대비되어야하며 밝은 회색 텍스트를 사용하는 것을 잊어 버릴 수 있습니다. 20-20 비전을 가진 사람들이 읽기가 어렵습니다. 링크는 사이트의 나머지 텍스트와 다른 색이어야합니다 (파란색이며 항상 밑줄이있는 것이 좋습니다).
결론
내게 필요한 옵션은 웹 디자인에서 간과되는 부분이지만 레이아웃을 와이어 프레임 할 때 처음부터 디자인 프로세스의 핵심에 있어야합니다. 셀프 서비스를 지나치게하지 않으면 서 웹 사이트가 접근성 표준을 충족한다는 것은 더 행복한 고객이라는 것을 의미합니다. 그리고 당신은 그것이 무엇을 의미하는지 안다!
위의 도움말에 동의하고 사이트의 접근성을 높이는 방법을 알려면 아래 의견을 사용하십시오.
