액세스 가능한 웹사이트를 보장하기 위한 6가지 필수 확인 사항

이 기사에서는 액세스 가능한 웹 사이트를 보장하기 위한 6가지 필수 확인 사항에 대해 설명합니다. 따라서 계속 읽으십시오.

기술이 매년 기하급수적으로 발전함에 따라 오늘날 우리는 모든 것이 훨씬 쉬워지고 있습니다. 좋아하는 신문을 읽기 위해 매일 아침 배달부가 신문을 집 문앞에 떨어뜨릴 때까지 기다릴 필요가 없습니다. 이제 집에서 편안하게 원하는 내용, 원하는 시간, 원하는 방식으로 읽을 수 있습니다.

무엇이 이것을 가능하게 합니까? 인터넷이다! 전 세계적으로 수십억 개의 웹사이트가 있는 인터넷은 연결을 쉽고 매끄럽고 끊김 없이 만듭니다.

그러나 말을 잡으십시오. 또 다른 성가신 질문은 웹 사이트에 액세스할 수 있는지 여부입니다. 전 세계 사람들이 쉽게 액세스할 수 있습니까? 글쎄, 이 기사는 웹 접근성의 개념, 그 특성, 접근 가능한 웹사이트를 보장하기 위한 몇 가지 검사, 그리고 whoisaccessible.com이 쉽게 접근할 수 있도록 내러티브를 어떻게 바꾸고 있는지 교육하면서 간결한 답변을 제공하는 것을 목표로 합니다.

당신은 더 많은 것을 알기 위해 윙윙 거리고 있습니까? 글쎄, 이 기사는 흥미로운 읽을 거리가 될 것이라고 약속하므로 돋보기를 계속 착용하십시오.

웹 접근성: 개요

깊이 들어가기 전에 먼저 위키피디아에서 웹 접근성에 대한 정의를 살펴보겠습니다. 여기서 웹 접근성이란 신체 장애가 있는 사람이나 대역폭에 대한 사회 경제적 제한의 형태로 WWW(월드 와이드 웹)의 웹 사이트에 대한 액세스를 가로막는 장애물이나 장벽이 없는지 확인하는 관행입니다. 따라서 모든 사용자는 모든 웹사이트의 모든 기능 및 정보 기록에 액세스할 수 있어야 합니다.

계속해서 우리는 인터넷상의 대부분의 웹사이트가 한 가지 형태의 접근성 또는 포괄적인 형태를 가지고 있음을 알 수 있습니다. 결과적으로 다양한 장애가 있는 사람들이 인터넷을 더 많이 사용할수록 일반 대중에게 더 많은 지식을 전달할 수 있습니다.

그러나 웹 접근성이 장애가 있는 사용자에게만 국한되지 않는다는 점에 유의해야 합니다. 다양한 요구, 선호도 및 상황을 충족할 수 있는 유연성을 제공하기 때문에 조직과 개인도 웹 접근성을 키울 수 있습니다.

웹 접근성의 예

사람들은 다양한 이유로 웹사이트를 만듭니다. 일반적으로 이러한 웹 사이트에는 의도한 사용자에게 메시지를 전달하는 데 사용되는 특정 그림이나 이미지가 있습니다. 예를 들어 HTML(HyperText Markup Language)은 사용자가 원본 이미지를 볼 수 없는 시나리오에서 대체 텍스트를 보여주는 속성이 있습니다.

HTML 속성은 다양한 형태의 시각 장애가 있는 개인을 돕는 데 큰 도움이 될 수 있습니다. 사이트 텍스트를 읽도록 개발된 소프트웨어를 사용하면 비교적 쉽게 사이트 콘텐츠를 사용할 수 있습니다.

색맹이 있는 사람들은 표준 텍스트가 있는 영역을 클릭 가능한 링크와 구별하는 데 문제가 있을 수 있습니다. 존재하는 일부 요소가 너무 많이 유사하기 때문입니다. 그러나 웹 접근성을 사용하면 이 문제를 다양한 방법으로 해결할 수 있습니다.

웹 개발자는 처음에 클릭 가능한 텍스트에 밑줄을 긋는 것으로 시각 장애가 있는 사람들이 차이점을 빨리 이해할 수 있도록 합니다. 또 다른 대안은 고유한 "링크 버튼"을 만드는 것입니다.

웹 접근성 지침

오늘날 사람들이 하는 모든 일은 정해진 지침에 따라 규제되며 웹 접근성에서도 다르지 않습니다. 이러한 접근성 지침은 웹 디자이너와 개발자가 일반 대중을 위한 웹 콘텐츠를 만드는 방식에 영향을 미칩니다.

웹 콘텐츠란 무엇입니까? 간단히 말해서 웹사이트에서 사용하는 이미지, 텍스트, 사운드라고 합니다. 웹 콘텐츠를 소비하려면 시각 및 청각과 같은 인간의 기본 감각이 필요합니다.

WCAG(웹 콘텐츠 접근성 지침)라고도 하는 웹 콘텐츠 접근성에 대한 인기 있는 표준에는 두 가지 변형이 있습니다. 첫 번째 WCAG 2.0은 2008년에 출시되었으며 두 번째(WCAG 2.1)는 10년 후인 2018년에 웹 콘텐츠 현장에 등장했습니다.

그러나 이 두 가지 변형을 통해 W3C는 웹 콘텐츠를 대량 생산하기 위해 최신 버전을 사용할 것을 권장합니다. 왜요? 그 버전은 이전 버전의 표준을 충족하면서도 몇 가지 변경 사항이 있기 때문입니다. 문맥상 사이트가 WCAG 2.0의 요구 사항을 충족하면 2.1 버전의 표준도 완료한 것입니다.

이러한 요구 사항을 충족하는 것은 필수입니다. 법의 정당한 편에 설 뿐만 아니라 웹 콘텐츠를 다양한 장애가 있는 개인이 쉽게 사용할 수 있고 소화할 수 있도록 합니다. 표준을 충족하는 것 외에도 사용자 간의 원활한 상호 작용을 고려하는 것도 적절합니다.

사용자 상호 작용이 중요한 이유는 무엇입니까? 일부 사용자는 콘텐츠를 더 빠르게 로드하는 데 도움이 되는 최신 가젯을 보유하고 있을 수 있지만 다른 사용자는 그렇게 사치스럽지 않을 수 있습니다. 여기에서는 전반적으로 균일한 표준을 만드는 것이 중요합니다.

위의 그림은 사용자가 상황에 관계없이 다양한 필요와 욕구와 관련하여 인터넷을 사용해야 함을 보여줍니다.

웹 접근성: 보조 기술

웹사이트에 보조 기술을 통합하는 것은 장애가 있는 개인이 독립적인 삶을 살 수 있는 기회를 제공하기 때문에 필수적입니다. 그러나 이러한 기술은 주변의 모든 원칙이 적용될 때만 작동할 수 있으므로 주의해야 합니다.

일부 웹 사이트는 보조 기술을 제공하지 않지만 대부분의 웹 페이지에는 웹 콘텐츠에 액세스할 수 있는 기능이 있습니다. 이러한 형태의 기술은 소프트웨어와 하드웨어 솔루션으로 구성됩니다. 여기에는 다음이 포함됩니다.

스크린 리더

이름에서 알 수 있듯이 사람들은 웹 페이지에 있는 텍스트를 읽기 위해 스크린 리더를 사용합니다.

화면 확대

화면 확대 소프트웨어는 웹 콘텐츠를 확대 및 축소하여 미묘한 형태의 시각 장애가 있는 사용자가 보다 쉽게 ​​읽을 수 있도록 합니다.

대체 입력 장치

이것은 마우스나 키보드에 대한 효과적인 대안입니다. 인지 또는 신체 장애가 있는 사용자를 위해 특별히 제작된 제품에는 다음이 포함됩니다.

• 헤드 포인터
• 시선 추적 또는 동작 추적
• 단일 스위치 입력 장치
• 촉각 키보드
• 음성 입력 소프트웨어

액세스 가능한 웹 사이트: 실행해야 할 6가지 중요한 확인 사항

이 기사를 자세히 살펴보고 귀하의 사이트를 장애인 및 일반 대중을 포함하도록 만들기로 결정했습니까? 다음과 같은 간단한 검사를 실행하여 얼마나 포괄적인지 확인하십시오.

일반적인 모습

귀하의 페이지는 언뜻 보기에 동일한 텍스트 크기, 글꼴 스타일을 특징으로 해야 하며 아이콘이 방해가 되지 않아야 합니다. 사이트의 텍스트 및 확대/축소 설정에서 다음을 확인하세요.

• 충분한 공백이 링크, 이미지 및 텍스트를 구분합니까?
• 기본 텍스트가 읽기 쉽습니까 아니면 어렵습니까?
• 글꼴 스타일이 인기 있는 산세리프체인가요?

이 모든 질문에 답하는 것은 귀하의 사이트를 모든 사람이 포함할 수 있도록 하는 한 단계입니다.

텍스트 크기 조정

텍스트 크기 조정은 모든 웹사이트에서 매우 중요하며 이는 페이지를 확대하는 것과는 다릅니다.

예를 들어 Windows에서 Internet Explorer를 사용하는 경우 메뉴 모음에서 "보기"를 클릭하고 텍스트 크기를 "가장 큰"으로 설정하여 텍스트 크기를 쉽게 조정할 수 있습니다.

눈치채셨나요? 텍스트 크기가 조정되었습니까? 이 모든 질문에 대한 대답이 부정적이면 몇 가지 변경을 위해 노력해야 합니다.

색 구성표

모든 것을 포함하는 웹사이트에 참여 중이시죠? 그렇다면 사이트에 표시할 색 구성표를 고려하는 것이 중요합니다.

대부분의 사용자는 대비가 적은 색상을 선호하므로 눈에 편안한 색상을 선택해야 합니다. 그렇게 하면 사용자가 사이트에서 웹 콘텐츠를 쉽게 사용할 수 있습니다.

키보드 접근성

운동 장애 또는 시각 장애로 인해 일부 사용자는 키보드 사용이 어려울 수 있습니다.

여기에서 전체 페이지를 클릭하고 활성 링크나 버튼을 따라갈 수 있는지 확인하십시오. 이 작업을 수행한 후 양식 또는 두 가지에 세부 정보를 입력해 보십시오.

이 모든 과정이 힘들다면 결국 사이트에 액세스하지 못할 수도 있습니다.

이미지의 텍스트 설명

시각 장애인에게 웹 페이지에 있는 모든 주요 이미지에 대한 다양한 설명을 제공하기 위해 사이트 이미지에 텍스트 설명을 입력하는 것이 적절합니다.

이미지에 마우스를 올려 놓고 텍스트가 나타나는지 확인하여 사이트에서 이를 체크아웃할 수 있습니다.

이것이 작동하지 않는 시나리오에서는 이 혁신적인 기능을 추가하기 위해 웹 개발자의 서비스에 참여해야 할 수도 있습니다.

접근성 정보

귀하의 사이트에 있는 접근성 기능에 대한 간결한 정보를 제공하는 것은 그 길을 가고자 하는 사람들에게 가치가 있습니다.

링크가 없는 경우 링크(일반적으로 웹 페이지 하단)를 만들어 사용자가 현장 접근성과 관련된 세부 정보를 빠르게 알 수 있도록 하십시오.

주요 테이크아웃

웹 접근성은 모든 웹사이트에서 "필수" 기능입니다. 위의 지침과 체크리스트에 따라 이제 다양한 보조 기술의 도움으로 모든 사람이 포용하고 액세스할 수 있는 사이트를 만들 수 있습니다.