웹 접근성 FAQ

웹 접근성에 대해서 자주 하는 질문들과 답변들을 정리합니다. 웹 접근성을 처음 접하는 입문자나 기본기를 다시 닦으려는 분들에게 도움이 되는 내용입니다.

목차

• 웹 접근성이 무엇인가요?
• 왜 웹 접근성이 중요한가요?
• 어떻게 웹 접근성을 향상시킬 수 있나요?

웹 접근성이 무엇인가요?

웹 접근성은 장애인들도 웹을 사용할 수 있도록 하는 것입니다. 장애인들도 웹 사이트와 페이지를 이동하고, 웹의 정보를 확인/이해하며, 웹 페이지를 작성할 수 있도록 하는 것입니다. 웹 접근성이 확보되면, 장애인 뿐만 아니라, 우리 자신도 언제가 될 노인에게 많은 도움을 줍니다.

웹에 접근하는 데 영향을 미치는 요인은 시각, 청각, 지각, 신체, 신경질환, 언어 장애와 같은 신체적 장애뿐 아니라, 고사양 하드웨어, 고비용 소프트웨어를 사용하지 못하는 사회 경제적 여건까지를 포함합니다.

수 많은 사람들이 웹을 사용하는데 장애를 겪고 있습니다. 대부분의 웹 사이트와 웹 어플리케이션은 접근성을 저해하는 요소를 갖고 있으며, 이로 인해 많은 장애인들이 웹에 접근하지 못하고 있습니다. 웹 사이트와 웹 어플리케이션의 접근성이 향상될수록, 장애인들도 보다 쉽게 웹에 접속하고 정보를 생산할 수 있습니다.

인터넷을 이용하는 모든 분들이 최신 사양의 고성능 컴퓨터를 사용하는 것은 아닙니다. 경제적 여건이 어려워 낡은, 저사양 컴퓨터를 이용하시는 분들도 큰 불편없이 정보를 접하고 서비스를 받을 수 있도록 하는 것도 웹 접근성의 문제입니다. 그리고 마우스를 민첩하게 다루기 어려운 어르신들께서도 이용에 불편이 없도록 해드리는 것도 접근성의 문제입니다.

웹 접근성은 장애인이 아닌 일반인에게도 이익을 줍니다. 예를 들어, 웹 접근성의 핵심은 웹 사이트와 어플리케이션이 다양한 사용자의 요구와 기호, 환경에 유연하게 대처할 수 있도록 디자인하는 것입니다. 이러한 유연함은 느린 인터넷 회선 속도, 팔이나 손가락이 다친 환자 등 특정 환경에 처한 일반인에게도 이익을 줍니다.

왜 웹 접근성이 중요한가요?

웹은 교육, 고용, 정부, 경제, 건강, 오락 등 삶의 여러 측면에서 더욱 중요한 수단이 되고 있습니다. 이 점이 바로 웹이 장애인에게 동일한 접근과 동일한 기회을 제공해야 하는 본질적인 이유입니다. 접근 가능한 웹은 장애인의 활발한 사회 참여를 가능하게 하기 때문입니다.

어떻게 웹 접근성을 향상시킬 수 있나요?

일반적으로 웹 개발자가 웹 접근성을 전적으로 수행하는 역할한다고 생각합니다. 그러나, 웹 소프트웨어 또한 웹 접근성을 수행하는데 중요한 역할을 합니다. 소프트웨어는 개발자나 장애인이 접근 가능한 웹을 만들고 평가하는 역할을 수행해야 합니다.

웹 사이트의 접근성을 향상시키기

접근성이 높은 웹 사이트를 만드는 것은 쉬울 수도, 또한 어려울 수도 있습니다. 이는 콘텐츠 형식, 사이트의 규모와 복잡성, 개발 툴과 환경 등 여러 요인에 영향을 받기 때문입니다.

웹 사이트를 제작하거나 개편할 초기부터 계획을 세운다면, 웹 접근성을 쉽게 향상시킬 수 있습니다. 웹 접근성이 낮은 사이트를 수정하는 것은 상당히 많은 노력이 필요합니다. 특히 사이트가 올바른 (X)HTML 마크업으로 작성되지 않았거나, 동영상이나 이미지와 같은 형식의 콘텐츠로 구성되어 있다면 더욱 어렵습니다.

웹 사이트 제작 프로젝트 진행시, 계획 단계에서 웹 접근성을 고려해야 합니다. 한국 웹 접근성 콘텐츠 가이드를 참고하거나, 외부 전문가를..

웹 사이트의 접근성을 평가하기

웹 사이트를 제작하거나 개편할 때, 초기부터 또는 과정 전반에 걸쳐 웹 접근성을 평가함으로써 접근성 관련 문제점을 조기에 발견하고 쉽게 수정할 수 있습니다.

접근성 평가 도구는 하나의 유용한 수단일 뿐입니다. 평가 도구 없이도 접근성 지침을 준수했는지 판단할 수 있어야 합니다. 웹 사이트의 접근성을 평가하기 위해서는 반드시 접근성 전문가가 필요합니다.

지침 1 : 텍스트 아닌 콘텐츠의 인식(대체 텍스트 제공, alt-text)

웹 접근성 지침에서 가장 중요한 지침이 대체 텍스트 제공입니다. 전맹일 경우 이미지에 대한 정보를 전혀 없을 수 없으며 발전되고 있는 비장애인의 경우에도, Wibro 등 웹을 표시하는 공간이 부족하거나 네트워크 속도가 지금 웹을 쓰는 것처럼 빠르지 못한 웹 표시 도구(Devices)를 사용할 경우에는 이미지 다운로드하지 않고, 텍스트로만 정보를 얻으려고 할 것입니다.

또한 현재 검색엔진 사이트를 가보면 모두 다 이미지 검색을 하실 수 있을 것입니다. 이미지 검색에서 좋은 결과를 얻으려면 기계(Machine)이 이미지를 찾아야 할 것입니다. 기계가 이미지를 찾으려면 대체 텍스트(alt-text)가 없이 어떻게 이미지를 검색해서 결과를 나타내겠습니까?

이러한 점들로 대체 텍스트 제공이 매우 중요합니다. 이를 평가하기 위한 방법을 다음과 같이 알려 드립니다.

1) 대체 텍스트 제공 여부

• 1-1) 단순 대체 텍스트 제공여부
  • 1-1-1) KADO-WAH, A-Prompt 한국어 버전, Bobby 등 웹 접근성 자동 평가 도구 활용
    • 이를 통해 대체 텍스트에 대한 제공, 아니면 제공하지 않음을 알 수 있음
  • 1-1-2) 브라우저를 활용한 대체 텍스트 점검
    • Internet Explore : 도구 --> 인터넷 옵션 --> 그림끄기
    • Firefox 브라우저 : 도구 --> 설정 --> 내용 --> 그림 자동으로 읽기 기능 없애기
    • Opera 브라우저 : 보기 --> 이미지 --> 이미지 없이
• 1-2) 적절한 대체 텍스트 제공여부
  • 1-2-1) 웹 사이트 소스에서 <img> 태그 뒤에 있는 alt가 적절한 지 평가 ?
    • " ~ 하십시요", " ~로 이동합니다" 등 높임말은 부적절함
    • "사진 1", 사진 2", "사진 3" 등과 같이 의미없게 붙인 대체 텍스트는 부적절
    • "placeholder1", "topmenu_01" 등 파일명을 올리는 것도 잘 못된 것임
    • "링크", "여기", "클릭" 등 모호한 용어는 사용하지 말 것
  • 1-2-2) 쉬운 평가 방법 : Firefox 브라우저 이용시 Firefox web developer extension을 다운받아 이용할 수 있음.
    • Image 부분의 하위 메뉴인 Display alt attributes(해당 페이지의 모든 대체 텍스트를 노란색으로 표시) 선택, Outline image images without alt attributes(해당 페이지 중 대체 텍스트가 없는 부문을 빨간색 네모로 표시) 선택