접근성 및 화면 읽기 프로그램

완료됨

웹은 놀라운 장소이며, 모두가 참여할 수 있을 때 가장 좋은 곳입니다. 접근성이 좋은 웹 애플리케이션을 빌드하는 첫 번째 단계는 사용자가 이러한 애플리케이션과 상호 작용하는 다양한 방법에 대한 기본적인 인식입니다.

포용적 디자인의 원칙

웹앱을 개발할 때는 코드를 작성하고, 브라우저에서 테스트하고, 버그를 수정하고, 반복하고, 반복하고, 반복하는 워크플로에 쉽게 들어갈 수 있습니다. 아쉽게도 이 접근 방식으로 만든 웹앱은 일부 사용자가 접근할 수 없습니다.

웹앱의 접근성을 고려해야 하는 다음과 같은 여러 이유가 있습니다.

  • 잠재적 사용자 중에서 하나 이상의 장애가 있어서 웹앱과 다른 방식으로 상호 작용해야 하는 사용자가 많을 수 있습니다. 접근성을 개선하면 잠재적인 사용자 기반이 증가합니다.
  • 이제 웹앱은 법적 요구 사항에 따라 웹 접근성 표준을 준수해야 합니다. 개발 방법론에 접근성을 통합하지 못하면 법적 및 재정적 손해가 발생할 수 있습니다.
  • 접근성은 인권입니다. 다른 사람들이 인터넷에 완전히 액세스할 수 있도록 돕는 것은 윤리적인 일입니다.

다양한 웹 브라우징 방식

웹 개발자는 기존의 브라우저 기반 상호 작용에 초점을 맞추는 경우가 많은데, 많은 사용자가 다양한 방법으로 애플리케이션에 액세스합니다.

화면 판독기

가장 잘 알려진 접근성 도구 중 하나는 화면 읽기 프로그램입니다. 화면 읽기 프로그램은 시각 장애가 있는 사용자가 일반적으로 사용하는 클라이언트로서 대부분의 운영 체제에 내장되어 있습니다.

기본적으로 화면 읽기 프로그램은 페이지를 위에서 아래로 소리 내어 읽습니다. 페이지가 모두 텍스트인 경우 읽기 프로그램은 브라우저와 유사한 방식으로 정보를 전달합니다. 웹 페이지가 순전히 텍스트인 경우는 드뭅니다. 링크, 그래픽, 색 및 기타 시각적 구성 요소를 포함합니다. 화면 읽기 프로그램에서 이러한 정보를 올바르게 읽을 수 있도록 해야 합니다.

시각 장애

시각적 능력은 범위입니다. 일부 사용자는 청각 환경이 필요하거나 선호합니다. 많은 사람들이 시각적 환경을 선호하지만 작은 텍스트 또는 대비 때문에 문제가 발생할 수 있습니다.

입력 디바이스

개발자는 일반적으로 웹앱에서 키보드, 마우스 및 모바일 터치 스크린 상호 작용을 고려합니다. 그러나 이러한 디바이스는 사용자가 컴퓨터 및 웹앱과 상호 작용하는 몇 가지 방법일 뿐입니다. 그 외에도 인체 공학적 키보드, 코딩 키보드, 음성 상호 작용, 시선 추적 및 머리 추적 등의 다른 모드가 있습니다.

웹은 액세스 가능한 플랫폼

이 모든 정보가 조금은 어려워 보일 수 있습니다. 다행히 HTML 및 웹 표준은 접근성을 위해 설계되었습니다. 대부분의 경우 웹 표준을 따를 때 웹앱은 다양한 접근성 시나리오에서 "작동"하거나 사소한 수정이 필요합니다.

ASP.NET Core 템플릿은 접근성을 염두에 두고 설계된 부트스트랩으로 빌드됩니다. 부트스트랩은 반응형 디자인, 구조적 마크업 및 색 대비를 고려합니다. 자동으로 접근성을 제공하지는 않지만 시작하는 데 도움이 될 수 있습니다.

웹용 Accessibility Insights 소개

이 모듈에서는 웹용 Accessibility Insights라는 브라우저 확장을 사용하여 웹앱 및 사이트에서 접근성 문제를 찾고 해결합니다.