웹 접근성이란 무엇입니까?
게시 됨: 2021-02-18기술 덕분에 인터넷에 있는 모든 것에 쉽게 액세스할 수 있습니다. 웹 접근성을 통해 최종 사용자는 번거로움 없이 쉽게 연결하고 정보를 이해하고 인식할 수 있습니다. 웹 접근성은 장애가 있는 사용자를 위한 중요한 도구로 전세계 웹과 더 나은 상호 작용을 제공할 수 있습니다.
매우 도움이 되며 동시에 벅찰 수 있지만 웹 접근성이 디지털 마케팅을 향상시킬 수 있다는 것은 비밀이 아닙니다. 웹 접근성(1)의 중요성과 그 특전을 읽으면서 사용자가 더 쉽게 접근할 수 있는 웹사이트를 만들기 위한 가이드를 고려하십시오. 내 말은, 웹 접근성에 대한 당신의 생각을 계몽할 수 있는 가이드에 뛰어드는 것보다 더 좋은 방법은 무엇입니까?
- 웹 접근성의 중요성
- 웹 액세스 가능하게 만드는 방법
- 웹 접근성의 장점
- 피해야 할 웹 접근성 문제
- 웹 접근성을 위한 도구
웹 접근성이 중요한 이유는 무엇입니까?
웹 접근성이 성공할 수 있는 여러 가지 이유가 있습니다. 장애인이 적극적으로 참여할 수 있는 최고의 기술 도구입니다. 이는 장애인의 경험을 용이하게 하고 디지털 마케팅 측면에서 UX 디자인을 향상시킬 것입니다.
이를 통해 더 많은 회사에서 사용자가 이 새로운 세트 기능을 인정할 뿐만 아니라 판매 유입경로를 통해 전환 수를 늘릴 수 있음을 인식할 수 있습니다.
웹 액세스 가능하게 만드는 방법
네, 장애인이 웹을 사용할 수 있는 특권을 가져야 한다는 것은 알려진 사실입니다. 따라서 웹 접근성의 중요성은 디지털 마케팅과 함께 작용합니다. 다음은 장애가 있는 사용자의 웹 접근성을 최적화하는 데 도움이 될 수 있는 다양한 솔루션입니다.
Alt 태그 사용:
대체 태그 또는 "대체 설명"은 해당 이미지 태그의 대체 텍스트를 제공하여 검색 엔진을 지원하기 위해 이미지 태그에 사용되는 SEO 도구입니다. 이것은 장애인 사용자가 간단한 설명으로 그림을 더 잘 이해하는 데 도움이 될 뿐만 아니라
더 나은 테이블 사용:
더 나은 테이블을 사용하면 장애인 사용자가 더 쉽게 액세스할 수 있습니다. 웹 개발자의 경우 웹 접근성을 통해 간단한 표를 만들려면 표의 제목과 요약이라는 두 가지가 필요합니다. 완벽한 테이블을 만드는 가장 좋은 전략은 레이아웃 장치로 사용하지 않고 이해하기 쉽게 만드는 것입니다.
키보드 탐색:
장애가 있는 사용자가 쉽게 액세스할 수 있는 항목에 대해 철저하게 생각해야 한다는 말은 아니지만 사용자를 위해 쉬운 키보드 탐색 기능을 제공하는 것이 좋습니다. 압도적이고 복잡하게 보일 수 있는 기능을 생성하지 마십시오. 상당히 단순하게 유지하는 것이 우리가 말하는 전부입니다.
기본 HTML 태그:
사용자를 위한 웹 접근성을 만들 때 고려해야 할 또 다른 팁은 복잡한 HTML 태그를 만들지 않는 것입니다. 이러한 유형의 태그는 화면을 읽는 사용자에게 단순하고 깔끔해 보여야 합니다.
미디어용 자막 추가:
분명히 보거나 이해하기 너무 어려울 수 있는 특정 미디어가 있을 수 있습니다. 오디오가 지원되는 동영상의 스크립트를 만들고 자막을 연결해 보세요.
ARIA 태그를 사용해 보세요.
ARIA 또는 Accessible Rich Internet Applications은 더 많은 접근성을 제공하는 단순한 형태의 HTML입니다. 귀하의 개발 접근성에 대한 이 기능은 탐색 랜드마크로 사용자를 지원할 수 있습니다. 여기에는 페이지 내에 있는 메시지와 버튼이 포함될 수 있습니다.
항상 제목 태그 사용:
모든 웹사이트에는 숨길 수 있는 옵션이 있음에도 불구하고 하나가 있습니다. 사용자는 보고 읽고 있는 내용을 알아야 합니다. 이 경우 제목 태그를 넣어 페이지 내용을 알 수 있도록 합니다.
웹 접근성의 이점
웹 접근성은 신규 고객을 유치할 뿐만 아니라 고객 여정에서 더 많은 전환을 유도합니다. 또한 디지털 플랫폼에 웹 접근성이 있으면 어떤 이점이 있는지 알아보십시오.
법적 불만 및 차별 방지
미국 장애인법(ADA)(2)에 따라 장애가 있는 사람들은 다른 사람과 마찬가지로 공공 서비스를 즐길 수 있습니다. 인터넷은 공개 도메인이기 때문에 사이트에 대한 웹 액세스 가능성을 만들면 장애인 사용자에 대한 차별을 피할 수 있을 뿐만 아니라 법적 문제도 피할 수 있습니다.
청중에게 더 넓은 도달범위
앞에서 언급했듯이 웹 접근성은 장애인 회원이 인터넷의 다른 부분에 액세스하는 데 도움이 될 뿐만 아니라 웹 접근성은 포괄성 개념을 중심으로 돌아가므로 판매 유입경로의 전환이 증가하므로 광범위한 청중을 확보할 수 있습니다.
포지티브 PR 구축
귀하가 웹 접근성을 지지하고 웹 접근성이 장애가 있는 사람들을 위해 무엇을 할 수 있는지 소비자에게 알리는 것이 중요합니다. 좋은 PR을 갖는 것은 모든 비즈니스(3)에 매우 중요하므로 웹 접근성이 중요합니다. 장애인 사용자를 위한 웹 접근성 구축에 대한 약속을 보여주는 것은 긍정적인 방식으로 귀하의 비즈니스에 대한 강력한 이미지를 나타냅니다.
SEO 개선
SEO를 개선할 방법을 찾는 기업은 웹 접근성이 완벽하게 들어맞는다는 것을 알게 될 것입니다. 음, 둘 사이의 상관 관계는 주로 장애인 사용자와 통신하는 것과 관련이 있습니다. 특히 이것은 설명적인 페이지 제목 및 기타 기능을 의미합니다.
사용성 증가
웹을 사용하면 접근성이 향상되어 탐색이 쉬워집니다. 이 둘이 함께 간다는 사실이 사용성 증가의 결과를 낳는다. 장애가 있는 사용자는 전체 사이트를 사용하기 쉽기만 하면 웹에서 모든 종류의 작업을 수행할 수 있습니다. 여기에는 자막, 이미지 태그, ARIA 및 기본 HTML 태그가 포함될 수 있습니다.
고품질 코드 작성
좋은 코딩은 UX 디자인에 더 큰 이점을 줄 수 있습니다. 웹 접근성의 참여는 고품질 코드를 작성해야 하는 이유에 대해 더 나은 이유가 됩니다. 이것은 SEO 등급을 향상시킬 뿐만 아니라 ROI 수치도 높일 수 있습니다.
( 또한 읽어보기: 성공적인 웹사이트를 위한 4가지 핵심 영역)
웹 접근성에서 피해야 할 문제
항해
- Tab-through 주문 : 이 UX 기능이 없으면 브라우저에서 주문을 통해 탭에 Tab 키를 사용하려는 장애인 사용자에게 더 많은 문제가 발생할 수 있습니다.
- 랜드마크 : 랜드마크는 페이지 콘텐츠 탐색을 담당하며 사용자가 없는 페이지 전체에서 길을 잃게 만듭니다.
사이트 구조
- 고유한 제목 : 견고한 기반이 없으면 사용자 친화성이 떨어지는 웹사이트가 됩니다.
- 제목 : 사이트에 적절한 형식이 없으면 사이트 전체에서 장애가 있는 사용자를 혼란스럽게 만들 수도 있습니다.
- 목록 : 페이지 구조 내에 제어 목록이 없으면 사이트가 비활성화된 최종 사용자에 대해 덜 준수하게 됩니다.
텍스트
- 크기 : 사용자가 앞에 있는 내용을 쉽게 읽을 수 있기를 원하기 때문에 텍스트 전체의 글꼴 크기는 매우 중요합니다.
- 대비 : 사용자가 크기와 함께 텍스트 자체를 볼 수 있어야 하기 때문에 대비는 텍스트와 함께 진행됩니다.
- 색상 : 텍스트의 색상은 장애인 사용자가 사이트를 인식하는 방식에도 영향을 줄 수 있기 때문에 UX 디자이너가 종종 잊는 중요한 요소입니다.
이미지
- 텍스트 대신 이미지 : 이미지를 시각화할 수 없는 특정 장애가 있는 사용자가 있기 때문에 그림과 함께 갈 수 있는 텍스트를 제공하지 않는 것은 또 다른 웹 접근성 문제입니다.
- 이미지용 텍스트 : 웹 접근성에는 모든 종류의 시각 미디어에 대한 자막이 포함되어야 하며, 이는 종종 장애인 사용자를 위한 UX 디자인에서 제외되는 관행입니다.
- 색상 : 이것은 텍스트뿐만 아니라 이미지에도 적용됩니다. 텍스트와 마찬가지로 이미지의 색상도 너무 압도적이어서는 안 됩니다.
하이퍼링크
- 명확성 : 사용자가 다른 소스 자체보다 사이트에 집중하도록 하려면 다른 소스에 대한 하이퍼링크를 최소한으로 유지해야 합니다.
- 가독성 : 하이퍼링크를 읽을 수 있다는 것은 웹 접근성 디자이너에게 또 다른 장애물입니다.
- 고유성 : 하이퍼링크는 고유 해야 하지만 고유성 내에서 단순성을 보여야 합니다.
멀티미디어
- 비디오 : 비디오를 재생하기 위한 쉬운 사용법이 없으면 장애가 있는 사용자는 다른 최종 사용자와 마찬가지로 참여를 놓칩니다.
- 오디오 : 모든 것이 도미노 효과처럼 연결되기 때문에 비디오와 함께 발생하는 오디오 문제는 웹 접근성 디자이너에게 또 다른 어려움입니다.
- 애니메이션 : 애니메이션 자체가 인식하기 어려울 수 있기 때문에 애니메이션은 장애인 사용자에게 어려움이 될 수도 있습니다.
양식
- 탐색 : 양식 탐색의 부족은 단순히 사용자를 아무데도 이끌지 않기 때문에 웹 접근성과 사용자에게 좋지 않습니다.
- 지침 및 레이블 지정 : 빈 양식 레이블은 사용자가 상호 작용할 가장 일반적인 기능이기 때문에 웹 접근성 문제의 예입니다.
최고의 웹 접근성 도구
- 인터넷 접근성국(BOIA)의 A11Y 규정 준수 플랫폼
- 접근성 체크리스트 엘스비어
- Google 접근성 개발자 도구
- Alfasado Inc.의 ColorTester
- Tangaru의 대비 측정기
- Indigo Design Company LLC의 DYNO 매퍼
- WAVE by WebAIM
마지막 생각들
웹 접근성은 다른 사람들이 가상 세계의 일부가 되도록 도울 수 있는 방법에 관한 것입니다. 어떤 의미에서는 모든 종류의 사용자, 특히 장애가 있는 사용자를 더 가깝게 만들 수 있습니다. 이 경우 웹 접근성을 통해 새롭고 향상된 도구를 사용하여 사람들이 정보를 더 잘 인식할 수 있는 솔루션을 만들고 있습니다.
당신이 직면할 수 있는 문제에도 불구하고 상황의 더 밝은 면을 보는 것이 더 낫습니다. 그것이 당신의 브랜드를 향상시킬 수 있는 방법입니다. 웹 접근성의 장점을 강조하는 전반적인 이점은 비즈니스의 디지털 마케팅 계획을 변경할 수 있는 전환의 수입니다. 또한 웹 접근성은 개발자가 기능을 더 사용 가능하고 장애인을 포함하도록 만들 수 있는 방법에 대한 솔루션을 찾는 핵심입니다.
관련 기사:
B2B 웹사이트를 더 흥미롭게 만드는 3가지 팁
성공적인 전자상거래 사이트 개발을 위한 팁