SMS처리 도우미
E-mail
  ldwin@naver.com
제목
  코딩 용어 정리 5탄 - 웹접근성이란 무엇이지? 꼭 필요한 걸까? (From. 소스놀이터)


필자는 웹접근성이란 단어를 공공기관 웹사이트 개발 때 처음 들었다.
특히 공공기관 수주 시 웹접근성이 무척 중요하다.
공공기관 웹사이트 결과를 제출할 때 역시 웹접근성 점수를 함께 제출하여야 하였다.


그럼 웹접근성이 무엇일까?
 
웹 접근성(Web Accessibility)이란 모든 사람들이 웹사이트를 이용할 수 있게 하는 디자인 및 개발 방법이다.
모든 사람에는 장애를 가진 사람도 포함되고 노인도 포함되며 읽고 보는 능력이 제한된 사람들 역시 포함된다.
그런 사람들도 웹페이지 내용에 쉽게 접근 가능해야 하는 것이 그 요점이다.
 
이런 웹접근성의 의미를 생각하면 왜 공공기관에서 이를 중요시하는지 알 수 있다.
공공 기관은 폭넓은 계층의 사람들에게 공정하게 유용한 서비스를 제공해야 하기 때문이다.
 

 
그럼 웹 접근성에서는 어떤 요소가 중요할까? 
 
1. 시각적 요소: 웹사이트에 있는 정보를 시각 장애가 있는 사람들도 이해할 수 있어야 한다.
    예를 들면, 화면 낭독기를 사용하는 사람들이 이미지에 대체 이해할 수 있도록
    이미지에 대한 설명글(alt text)을 제공할 수 있다.
2. 청각적 요소: 비디오나 오디오 콘텐츠에 청각 장애가 있는 사람들도 접근할 수 있어야 한다.
    다시 말해 자막이나 수화를 제공할 수도 있다.
3. 조작적 요소: 웹사이트는 키보드만을 사용하여도 모든 기능을 사용할 수 있어야 한다.
    마우스를 사용할 수 없는 사람들도 웹사이트를 편리하게 사용할 수 있게 해야 한다.
4. 이해하기 쉬운 콘텐츠: 웹사이트의 콘텐츠는 간단하고 명확하게 표현되어야 한다.
    복잡한 단어나 문장을 피하고, 정보를 이해하기 쉽게 전달해야 한다.

이런 요소들이 잘 갖추어지면 최대한 많은 사람들에게 정보를 전달할 수 있다.
 
 
웹 접근성이 왜 중요하지?
 
한 가지 이유는 법적 요건이기 때문이다.
한국의 공공 웹사이트는 웹 접근성을 필수적으로 요구하고 있기에 웹디자이너나 개발자라면
이에 대한 요구 사항을 잘 알아야 한다.
웹 접근성이 더 많은 사람들이 쉽게 접근하도록 하는 것이기에 비즈니스에도 긍정적 영향을 미칠 수 밖에 없다.
 


웹 접근성과 관련된 어떤 법적 규제가 있는가?
 
한국에서의 웹 접근성과 관련된 주요 법적 규제 및 지침은 다음과 같다.
1. 정보통신망 이용촉진 및 정보보호 등에 관한 법률
    이 법률은 정보통신서비스 제공자가 정보통신망을 통해 제공하는
    정보를 장애인, 노약자 등이 이용할 수 있도록 하는 것을 목적으로 한다.
2. 장애인차별금지 및 권리구제 등에 관한 법률
   장애인의 권리를 보호하고 차별을 금지하기 위한 법률로, 장애인이 웹사이트를
   이용하기 쉽도록 웹 접근성을 강화하는 것을 규정하고 있다.
3. 한국형 웹 콘텐츠 접근성 지침(KWCAG)
   이 지침은 웹 접근성을 높이기 위한 한국 정부에서 발표한 기술 지침이다.
   이 지침은 웹 개발자와 디자이너가 웹 콘텐츠를 더 접근성 있게 만들기 위한
   기준을 제시한다.
4. 공공기관의 웹 접근성 향상을 위한 지침
   공공기관의 웹사이트가 접근성 기준을 충족시키도록 하는 지침을
   발표하였다. 이 지침은 공공기관이 웹 접근성을 확보하는 데
   필요한 요소와 절차를 규정하고 있다.
 

웹 접근성을 확보하는데 필요한 기술적 요구 사항은 무엇인가?
 
웹 접근성을 확보하는데 필요한 기술적 요구 사항 몇가지는 다음과 같다.
1. 적절한 마크업 언어 사용
    HTML5, CSS 등의 웹 표준을 준수하여 구조적이고
    잘 조직된 코드를 작성한다.
2. 대체 텍스트 제공
    이미지, 비디오 등의 멀티미디어 콘텐츠에 대한 대체 텍스트를 제공하여
     시각 장애인이 화면 낭독기로 콘텐츠를 이해할 수 있게 한다.
3. 키보드 접근성
    키보드만을 사용하여 사이트의 모든 기능을 이용할 수 있도록
    해야 한다. 키보드 포커스를 쉽게 볼 수 있는 스타일을 적용한다.
4. 명료한 내비게이션
    사용자가 쉽게 찾을 수 있는 명확하고 일관된 내비게이션을 제공한다.
5. 컬러 대비
    색맹이나 저시력을 가진 사람들을 위해 충분한 색상 대비를 제공한다.
6. 동적 콘텐츠의 접근성
     AJAX, JavaScript 등을 사용하여 동적으로 변화하는 콘텐츠는
     사용자가 쉽게 접근할 수 있도록 개선한다.
7. 폼 접근성
     폼 요소에 적절한 라벨을 붙이고, 오류 발생 시 명확한 피드백을 제공한다.
8. 멀티미디어 콘텐츠의 접근성
      비디오에는 자막을 제공하고, 오디오 설명을 추가하여
      시각 장애인도 콘텐츠를 이해할 수 있게 한다.
9. 스케일링과 반응형 디자인
    다양한 장치와화면 크기에 대응할 수 있는 반응형 디자인을 적용한다.
10. 테스트와 검토
    웹 접근성 검사 도구를 사용하여 사이트의 접근성을 테스트하고,
    실제 사용자들의 피드백을 받아 접근성을 개선한다.
 

웹 접근성이 구글과 같은 포탈 사이트의 검색 순위에 영향을 주는가?
 
웹 접근성 점수가 검색 순위에 직접적인 영향을 주지 않는다.
하지만, 웹 접근성을 준수하면 사람들이 더 쉽게 콘텐츠를 이해할 수
있고 웹 접근성에는 페이지의 빠른 로딩이 포함되는데
이는 높은 SEO 점수를 유도하기에 구글 검색 순위에 영향을 끼친다고 할 수 있다.

혹시 웹사이트 운영자인가? 그렇다면 자신의 웹사이트에 대한 웹 접근성을 체크해도록 하자.
다양한 도구가 있는데 간편하게 크롬의 개발자 도구에 있는 Lighthouse 기능을 활용해 보자.
이 기능을 통해 여러분이 운영중인 사이트에 대한 웹 접근성 평가를 어느 정도 확인할 수 있다.
 


 
 
트위터, 페이스북 공유 부탁드립니다~!
트위터   페이스북


  • 패스워드
           
X