- 1.1 JavaScript에 관한 오해
- 1.2 접근성 있는 JavaScript 코딩 방법
- 1.2.1 적절한 낮춤(Graceful Degradation)
- 1.2.2 점진적 향상(Progressive Enhancement)
- 1.2.3 겸손한 구현(Unobtrusive)
1.2 접근성 있는 JavaScript 코딩 방법
1.2.2 점진적 향상(Progressive Enhancement)
코딩 기술의 점진적 향상은 적절한 낮춤과는 반대 개념으로 접근성을 낮은 수준에서부터 제공하도록 하는 것이다. 접근 가능한 웹 콘텐츠나 웹 애플리케이션 콘텐츠를 구현하고자 할 경우에 핵심 기능과 부가 기능을 분리하여 핵심 기능은 낮은 수준의 기술로 구현하고, 부가 기능은 높은 수준의 기술로 구현하는 것이다. 예를 들면 웹 콘텐츠의 내용은 HTML로 구성하고, 웹 페이지의 디자인은 CSS를 이용하여 구현하며, 마지막으로 동적인 기능은 JavaScript를 이용하여 구현하는 것이다.
아래의 프로그램은 ‘도움말’ 링크를 클릭했을 때 해당 페이지로 이동하는 코드의 예를 보여준다. 이 예에서 보듯이 핵심 부분인 내용과 링크는 HTML로 구성하고, 나머지 기능은 JavaScript로 구현하였다.
우수 사례
사례 코드
<div id="sublayer">
<p><a href="http://./help.html">도움말</a></p>
</div>
<script type="text/JavaScript">
var width = 600;
document.getElementById(‘sublayer’).style.width = width + "px";
</script>점진적 향상 방법을 적용하기 위해서는 먼저 콘텐츠나 기능의 핵심을 파악하는 것이 중요하다. 핵심 기능과 부가적인 기능을 어떻게 판단할 것인가가 점진적 향상 방법의 핵심이라고 할 수 있다. 요즘과 같이 대화형 웹 애플리케이션 콘텐츠를 선호하는 상황에서는 자칫 효과와 관련한 기능을 필수 기능으로 오해하기 쉬우나, HTML 수준에서 제공할 수 있는 아주 기본적인 기능들이 필수 기능임을 명심해야 한다.
