포괄적이고 접근 가능한 웹사이트 구축을 위한 5가지 팁

웹사이트는 오늘날의 비즈니스 환경에서 중요한 마케팅 도구이자 고객 접점이 되었습니다. 하지만 그 목적을 달성하는 것은 쉽지 않습니다. 최고 성능으로 작동하도록 유지해야 합니다. 즉, 정기적인 업데이트, 뛰어난 보안 조치, 고객 상호 작용 및 경험을 향상시키는 기능을 수행해야 합니다.

좋은 웹사이트는 시각적으로 매력적이지만 기능도 뛰어납니다. 비즈니스 공간의 경쟁이 치열해짐에 따라 웹사이트를 모든 면에서 돋보이게 만들어야 할 필요성이 그 어느 때보다 커졌습니다. 하지만 이미 알고 있어야 합니다. 대부분의 기업이 고려하지 않는 한 가지는 웹사이트의 접근성 수준입니다. 접근 가능한 웹사이트를 구축하면 포괄적이고 비즈니스 평판, 트래픽 및 전환을 높이는 데 매우 중요합니다.

포괄적인 웹사이트란 무엇입니까?

포괄적인 웹 디자인은 사용자 기능에 관계없이 사용자 그룹을 빠뜨리지 않도록 합니다. 장애가 있는 사용자와 같은 사용자 범주를 간과하는 것은 비즈니스 청중의 상당 부분을 희생시킬 수 있는 엄청난 비즈니스 실수입니다. 포괄성은 교육 배경, 연령, 성별, 성적 취향, 종교 또는 사회 경제적 계층에 관계없이 모든 사용자를 돌보는 것을 의미합니다.

브랜드 메시지와 웹 디자인은 형평성, 다양성, 포용성에 대한 입장을 보여야 합니다. 미국 장애인법(ADA)은 웹사이트가 접근성 디자인을 사용하여 포괄적이어야 한다고 요구합니다. 다음은 더 많은 고객 기반을 구축하는 데 도움이 되도록 웹사이트의 접근성과 포괄성을 높이기 위해 할 수 있는 6가지 사항입니다.

간편한 탐색

많은 사람들이 웹 콘텐츠에 액세스하기 위해 음성 인식, 화면 판독기, 적응형 키보드, 헤드 완드 및 트랙볼 마우스를 위한 보조 도구에 의존합니다. 대부분의 다른 사람들처럼 웹에 액세스할 수 없기 때문입니다. 귀하의 웹사이트가 이러한 발명품을 지원하지 않는 경우 이러한 도구가 필요한 사람은 귀하의 사이트에 액세스할 수 없습니다.

모든 사람이 웹사이트에 액세스할 수 있도록 하려면 탐색을 쉽게 만드십시오. 방문자가 다양한 페이지와 관련하여 자신의 위치를 ​​볼 수 있도록 탭에 시각적 표시기를 포함합니다.

이미지에 대한 대체 텍스트 제공

좋은 웹사이트의 두드러진 특징 중 하나는 이미지입니다. 그러나 이미지가 있고 이미지가 의미하는 바를 알 수 없는 경우 시각 장애가 있는 사용자에게는 이미지가 도움이 되지 않습니다. 이러한 이유로 웹 디자인에는 이미지에 대한 설명 대체 텍스트가 포함되어야 합니다. 이것은 구현하기 쉬운 기능이지만 대부분의 웹사이트에서 간과합니다.

스크린 리더와 같은 접근성 도구는 이미지를 읽을 수 없으며 이미지 정보를 탐색하고 전달하기 위해 제공하는 HTML 태그 및 대체 텍스트에 의존한다는 점을 기억하십시오. 이것은 ADA 준수 웹사이트 체크리스트의 일부여야 합니다. 동시에 비디오 및 오디오 콘텐츠에 대한 캡션과 스크립트를 포함합니다.

콘텐츠를 적절하게 구성

귀하의 사이트 콘텐츠는 청중이 귀하의 비즈니스와 귀하가 그들로부터 원하는 것을 이해하는 데 도움이 되기 때문에 가장 중요한 요소입니다. 훌륭한 콘텐츠는 방문자의 참여를 유지하고 결국에는 고객으로 전환할 것입니다. 그러나 이는 훌륭한 콘텐츠뿐만 아니라 잘 구성되고 읽기도 쉽다는 것을 의미합니다.

콘텐츠를 만들 때 전 세계적으로 어떤 형태의 시각 장애를 겪고 있는 22억 명의 사용자를 포함하여 모든 사용자를 고려하십시오. 콘텐츠의 구조는 인지, 언어 또는 시각 장애가 있는 사람을 포함하여 모든 사람이 쉽게 읽을 수 있어야 합니다.

좋은 구조는 헤더와 부제목을 사용하여 텍스트 블록을 쪼개어 훑어보기 쉽게 만드는 것과 관련이 있습니다. 또한 내용과 배경의 적절한 대비, 공백의 적절한 사용, 충분히 큰 텍스트, 양쪽 정렬된 텍스트 피하기를 의미합니다.

운동 장애가 있는 사용자를 포함하도록 클릭을 줄입니다.

대부분의 경우 접근 가능한 디자인은 시각 장애인을 위한 기능과만 연관됩니다. 그러나 운동 장애가 있는 사람들은 사이트 디자인에서 동일한 수준의 주의를 기울일 필요가 있습니다. 뇌성마비, 다발성 경화증, 사지 외상 또는 상실, 척추 부상을 비롯한 많은 장애가 운동 장애가 있는 사람들의 온라인 사용을 방해할 수 있습니다. 이것은 운동 장애가 있는 사람들이 접근하기가 상당히 어렵다는 것을 의미합니다.

따라서 작업을 수행하는 데 필요한 클릭 수를 줄이는 것은 운동 장애가 있는 사용자에게 중요합니다. 운동 장애로 고통받는 사람들에게는 한 번의 클릭만으로도 큰 작업이며 노력을 줄이는 것이 웹 경험에 큰 영향을 줄 수 있습니다. 방문자가 키보드 및 보조 기술 도구를 통해 사이트를 탐색할 수 있도록 필요한 단계를 수행해야 합니다.

링크에 설명 태그 사용

기사에 링크를 포함할 때 링크의 목적지를 정확하게 설명하는 텍스트를 포함해야 합니다. 화면 판독기의 눈에는 "여기를 클릭하십시오" 및 "자세히 알아보기"와 같은 일반적인 문구는 설명으로 적합하지 않으며 효과가 없습니다.

화면 판독기를 사용하는 사용자는 링크 설명에 의존하여 링크에 제공된 정보를 얻습니다. 설명 태그가 없는 링크는 보조 기술을 사용하는 사용자가 링크 컨텍스트를 적절하게 해석하지 못하게 합니다. 예를 들어 시각 장애가 있는 사람들은 웹사이트의 링크가 의미하는 바를 이해해야 합니다. 그렇지 않으면 시각 장애인 차별에 대한 ADA 웹사이트 소송 합의에서 귀하의 비즈니스를 찾을 수 있습니다.

결론

포괄성과 접근성을 위해 웹사이트를 디자인하기 위한 Web ADA 규정 준수 요구 사항은 장애 수준에 관계없이 모든 사용자의 요구 사항을 충족하는 디지털 솔루션을 만드는 것을 의미합니다. 이러한 규칙을 따르면 귀하의 웹사이트는 일반 대중이 더 많이 사용할 수 있습니다. 이는 평판에 도움이 되고 웹사이트 트래픽을 늘리며 방문자가 사이트에서 보내는 시간을 늘립니다. 이렇게 하면 더 많은 사람들이 당신에게서 더 쉽게 구매할 수 있습니다. 또한 웹사이트의 SEO를 향상시킬 수 있습니다.