웹접근성과 레이어팝업창, 새창팝업 관련 이슈

웹접근성 관련 이슈 : 레이어 팝업창, 새창 팝업 관련

 

 

 

 

 

홈페이지를 제작하면서 고려할 많은 웹접근성 관련 이슈가 있습니다.

 

이미지에 대한 대체텍스트 제공, session 태그 등을 사용할 때 h 태그를 사용하여야 하는 것 등은 발주사와의 의견 교환없이 코딩을 할 때 준수하면 됩니다.

 

하지만 팝업에 대해서는?

 

긴급공지내용이나 비정기적 공지내용을 팝업창으로 해결해 달라는 발주사가 많습니다.

 

팝업창은 발주사의 의견, 요청과 관련이 되어 있습니다.

하지만 홈페이지에 레이어 팝업창이 뜨는 경우 키보드 제어가 안되기 때문에 웹접근성 위반이 됩니다.

포커스가 레이어 팝업창으로 가야하고 닫을 때 키보드로 제어할 수 있어야 하는데 제어가 안되기 때문입니다.

즉, 웹접근성을 고려한다면 레이어 팝업이나 새창팝업은 사용하면 안됩니다.

 

그럼 어떻게 이 문제를 해결할 수 있을까요?

페이지 내에 팝업만 따로 모아놓는 팝업존을 구성하면 웹접근성 문제를 피할 수 있습니다.

지자체들을 포함한 공공기관의 경우 팝업존을 통해 팝업을 처리해서 웹접근성 위반 문제를 해결합니다.

 

웹사이트 작업을 많이 진행하고 정보가 빠른 경기도권의 지자체에서는 이런 내용을 인지하고 있는 담당주무관들이 많기 때문에 팝업 이야기가 나왔을 때 팝업존으로 해결하는 방향으로 해결하기 쉽습니다.

 

하지만 지방으로 내려가면?

 

최근 추세와 경기도권의 벤치마킹 사이트를 소개하면서 설득작업이 필요하겠죠?

 

 

 

 

설득과 설명이 웹기획자가 해야할 일 중에 하나니, 다들 화이팅 하세요.