웹사이트의 접근성을 향상시키는 방법 - 8가지 쉬운 방법.

너무 자주 디자이너와 개발자는 아름다운 웹사이트를 만드는 데 너무 많은 시간을 할애하여 장애가 있는 사용자를 포함하여 모든 사람이 액세스할 수 있는 기능적인 웹사이트를 만드는 것을 잊어버립니다. 웹사이트를 모든 법적 요구 사항에 액세스할 수 있도록 하는 것뿐만 아니라 도덕적으로 수행해야 하는 일이며 비즈니스에 큰 재정적 이익이 될 수 있습니다. 따라서 이 기사에서는 웹사이트의 접근성을 향상시키는 가장 쉬운 방법을 알려 드리겠습니다.

웹사이트의 97%가 글로벌 웹 규정을 준수하지 않습니다 . 이는 추가 요구 사항이 있는 사용자를 수용하기 위해 기업에서 더 많은 작업을 수행해야 함을 보여줍니다.

웹사이트의 접근성을 개선해야 하는 이유는 무엇입니까?

웹사이트의 접근성을 개선하면 우선 더 큰 소비자 기반에 비즈니스를 개방하여 더 높은 수익을 얻을 수 있습니다. 웹사이트의 접근성을 개선하면 웹사이트가 검색 엔진의 관점에서 이해하기 더 쉽기 때문에 웹사이트의 검색 엔진 최적화도 향상될 수 있습니다.

더 많은 트래픽이 웹사이트로 유입되고 더 많은 방문자가 콘텐츠를 읽을 수 있게 되면 판매 가능성이 높아집니다. Tesco와 같은 회사는 접근성 솔루션을 구현할 때 매출이 증가했습니다.

마지막으로, 장애인 사용자가 사용할 수 있도록 웹사이트를 개선하는 것은 도덕적으로 옳고 법적 요구사항 이기도 합니다 . 장애인이 웹사이트에 액세스할 수 없도록 하지 않으면 비즈니스가 소송을 당할 수 있습니다. Netflix, Domino's Pizza 및 Target과 같은 회사에 문의하십시오. 장애가 있는 사용자가 액세스할 수 없는 웹사이트가 있다는 이유로 모두 소송을 당했습니다.

웹사이트의 접근성을 어떻게 개선합니까?

웹사이트의 접근성을 향상시키는 두 가지 옵션이 있습니다. 첫 번째 옵션은 접근성을 염두에 두고 웹사이트를 구축하거나 장애가 있는 사용자가 웹사이트에 액세스하는 데 도움이 되는 타사 도구를 설치하는 것입니다.

접근성을 염두에 두고 웹사이트를 구축하는 경우 도움이 될 수 있는 몇 가지 팁이 있습니다.

1) 접근 가능한 콘텐츠 관리 시스템 선택.

이름에서 알 수 있듯이 콘텐츠 관리 시스템은 데이터베이스와 사이트 프런트 엔드에 표시되는 콘텐츠를 처리하는 웹사이트의 백엔드 도구입니다.

가장 일반적인 콘텐츠 관리 시스템 중 하나는 WordPress이고 즉시 사용 가능한 CMS로 액세스할 수 있지만 사용자가 레이아웃과 디자인을 만들기 시작할 때 문제가 발생할 수 있습니다.

WordPress에서는 타사 소프트웨어를 설치할 수 있는 플러그인 시스템을 사용하며 종종 이것이 유용합니다. 그러나 이 타사 소프트웨어는 귀하가 개발한 것이 아니므로 코드에서 무슨 일이 일어나는지 이해하지 못할 수 있으므로 코드가 웹사이트의 접근성에 도움이 되지 않는 경우가 많습니다.

즉, 접근성 문제를 돕기 위해 사이트에 추가할 수 있는 타사 접근성 플러그인도 있습니다.

2) 올바른 의미 마크업을 사용합니다.

시맨틱 마크업은 브라우저와 개발자에게 객체가 무엇인지 설명합니다. 올바른 마크업을 사용하면 화면 판독기와 같은 소프트웨어에 도움이 될 수 있습니다.

시맨틱 마크업의 예로는 <form>, <table> 및 <article>이 포함됩니다. 이는 데이터를 채울 데이터를 명확하게 설명하기 때문입니다.

HTML5에는 화면 읽기 기술을 지원하는 데 사용할 수 있는 시맨틱 마크업의 많은 인스턴스가 있습니다 . W3Schools 웹사이트 에서 더 많은 예제를 볼 수 있습니다 .

3) 이미지에 적절하게 태그를 지정합니다.

화면 읽기 소프트웨어는 시각 장애가 있는 사람들에게 인터넷 검색 방법을 제공합니다. 이 기술은 사용자에게 페이지가 무엇인지 알려주는 데 매우 효과적이지만 여전히 한계가 있습니다.

화면 판독 소프트웨어는 이미지가 무엇인지 설명하거나 이미지 내의 텍스트를 읽을 수 없습니다. 이러한 이유로 개발자는 웹사이트의 이미지에 올바른 방식으로 태그를 지정해야 합니다. 스크린 리더는 이미지의 ALT 텍스트를 이해할 수 있으며 이를 잘못 채우면 장애가 있는 사용자가 페이지를 조금 더 이해하는 데 도움이 됩니다.

ALT 태그는 검색 엔진 순위 요소라고 생각하기 때문에 마케터가 남용할 수 있습니다. 마케터는 웹사이트의 이미지에 "판매용 신발" ALT 텍스트를 태그로 지정할 수 있습니다. 사이트의 접근성에 대해 우려하는 사람이 ALT 텍스트를 사용하는 동안 "사무실 환경에서 남자가 신는 갈색 가죽 신발".

위의 예에서 마케팅 관점에서 접근성 관점으로의 명확한 차이점을 볼 수 있습니다.

4) 모든 사람이 마우스를 사용하는 것은 아니므로 그에 따라 계획하십시오.

거동이 불편한 사용자 는 인터넷 검색에 필요한 정밀도로 마우스를 사용하지 못할 수 있습니다. 거동이 불편한 사람들은 키보드, 마우스 스틱, 머리띠와 같은 다양한 장치를 사용하여 인터넷에 액세스합니다.

위의 기술에도 불구하고 일부 웹 사이트는 레이아웃이 복잡하여 액세스가 불가능합니다. 복잡한 레이아웃에는 드롭다운 탐색, 복잡한 애니메이션 또는 집중하고 있는 웹 요소를 표시하는 CSS 스타일 지정을 끄는 것과 같은 간단한 작업이 포함될 수 있습니다.

일부 사용자는 키보드의 키를 클릭하여 웹 사이트의 요소를 순환해야 하며 액세스할 수 없는 사이트에서는 현재 어떤 요소에 있고 다음으로 이동할 수 있는지 보는 것이 거의 불가능합니다. 이에 대한 가장 좋은 설명은 화면에 마우스 포인터가 나타나지 않고 마우스를 사용하려고 하는 것입니다.

5) ARIA 이해 및 활용

웹사이트에서 보조 기술을 사용할 수 있도록 웹사이트를 변경하는 방법에 대한 간략한 개요를 제공하는 액세스 가능한 리치 인터넷 애플리케이션(ARIA)입니다. 가이드라인은 웹사이트에서 동적 콘텐츠를 제공하는 방법을 정의하는 데 유용합니다.

여기에서 W3C 와 함께 웹사이트에서 ARIA를 사용하는 방법을 배울 수 있습니다 .

6) 웹사이트의 색상을 신중하게 선택하십시오.

특정 색상이 사람들을 어떻게 느끼게 하고 구매 과정에서 더 도움이 될 수 있는지에 대해 논의하는 색상 이론에 대한 수많은 기사가 수년 동안 출판되었습니다.

색상 이론을 믿든 믿지 않든 한 가지 확실한 것은 색상이 웹사이트의 접근성을 향상시키는 데 큰 역할을 할 수 있다는 것입니다. 밝은 색상은 시각 장애가 있는 사용자가 웹사이트의 텍스트를 읽기 어렵게 만들 수 있지만 동일한 대비의 색상은 유사한 효과를 줄 수 있습니다.

웹사이트의 색상을 결정할 때 브랜딩을 고려해야 합니다. 그러나 장애가 있는 사용자에게 브랜딩이 문제가 되는 경우 이를 해결할 솔루션을 마련해야 합니다.

7) 동영상에 자막 사용

회사는 제품이 문제를 해결하는 방법을 보여주기 위해 웹사이트에서 비디오 설명자를 사용할 수 있지만 많은 회사는 청각 문제가 있는 독자를 돕기 위해 캡션을 사용하지 않습니다.

비디오에 캡션을 추가하는 것은 어렵거나 비용이 많이 들지 않습니다. 프리랜서를 고용하여 자막을 변환할 수 있기 때문입니다.

Youtube와 같은 회사는 자동으로 비디오에 캡션을 추가하지만 컴퓨터에서 생성되기 때문에 항상 정확하지 않으며 방문자가 공유하려는 메시지와 혼동을 일으킬 수 있습니다.

일부 사람들은 출퇴근 중에 비디오를 시청하고 종종 음소거를 하기 때문에 자막은 청각 문제가 없는 사람들에게도 유용합니다. 캡션은 다른 사람들에게도 방해가 되지 않으면서 현재 상황을 이해하는 좋은 방법입니다.

8) 타사 도구

웹사이트의 크기에 따라 때때로 웹사이트를 방문하여 위에서 언급한 변경 작업을 수행할 수 없는 경우가 있습니다. 반면에 이러한 변경 사항을 적용할 예산이 없을 수도 있습니다.

이것은 이해할 수 있지만 장애가 있는 사용자에게 서비스를 제공하지 않음으로써 돈을 낭비하고 있으며 웹사이트로 인해 법원에 소송을 제기하면 돈을 잃을 수 있다는 사실을 깨달으십시오.

고맙게도 이러한 변경 작업을 수행하기 위해 설치할 수 있는 타사 도구가 있습니다.

사용할 수 있는 도구 중 일부는 설치하고 나머지 작업을 수행하도록 하는 것만큼 간단합니다. 이 도구의 가장 좋은 점은 가볍고 웹사이트의 페이지 로드 속도에도 영향을 미치지 않는다는 것입니다. 접근 가능한 문제가 없는 사용자는 영향을 받지 않으며 추가 도움이 필요한 사용자는 웹사이트를 훨씬 쉽게 탐색할 수 있습니다.

이 소프트웨어의 유일한 단점은 종종 월별 요금이 필요하지만 소프트웨어가 절약하는 시간을 고려하면 비싸지 않다는 것입니다. 매년 지불하면 더 많은 비용을 절감할 수 있습니다. 소프트웨어에 대한 예산이 없는 경우 무료 버전이 있지만 사용자를 대신하여 더 많은 입력이 필요합니다.

결론

장애인 사용자에게 접근 가능한 솔루션을 제공하는 것은 도덕적으로 정확할 뿐만 아니라 법적 요구 사항이기도 합니다.

장애가 있는 사용자는 이미 도전적인 삶을 살고 있으므로 약간의 노력으로 온라인 검색 경험을 개선할 수 있다면 우리 모두가 시도해야 할 일입니다. 소규모 사이트는 자체적으로 변경을 수행할 수 있는 반면 상업용 웹 사이트는 몇 시간 내에 액세스할 수 있도록 하는 액세스 가능성 소프트웨어에 투자할 수 있습니다.

현재 시장에서 가장 접근 가능한 소프트웨어 목록을 보고 싶다면 페이지 위쪽에 가이드가 포함되어 있습니다.