Dev/HTML

웹 접근성(Graceful Degradation 과 Progressive Enhancement)

takeU 2021. 7. 1. 21:52
반응형

Graceful Degradation

우아한 낮춤 또는 적절한 퇴보 등으로 해석되며,
최신 기술 기반 또는 기기에서 동작하는 기능을 만들고 나서 오래된 기술 기반 혹은 기기에서도 유사한 성능으로 동작하도록 조치하는것.

 

예를들어 자바스크립트가 동작하지 않는 브라우저에서 접속 했을 때,
“자바스크립트를 지원하는 브라우저를 사용하거나, 자바스크립트를 활성화해주세요”와같은 메세지를 띄우는 것이다.

 

Progressive Enhancement

점진적 향상이라 부르며, 말 그대로 가장 기초적인 기술을 기반으로 점차 향상시키는 방법이다.

 

웹을 예시로 들면 유행하는 스택은 브라우저 지원 범위가 정해져 있는데, 이를 고려하지 않아도 되는 HTML, CSS, JS로 기본에 충실한 사이트를 구성하는 것이다.

 

구체적으로 여러 원칙들이 있지만, 위에 작성한 대로 모든 브라우저에서 동일한 기능을 제공하기 위함이 목적이다.

 

정리

요즘 시대에서 Progressive Enhancement로 웹을 구성하기는 Graceful Degradation과 비교해서는 시간과 노력을 훨씬 더 필요로 하는 비효율적인 일이지만, 웹을 구성함에 있어 잊으면 안되는 원칙 “Web for All”을 생각한다면 충분히 가치가 있는 방법이라고 생각한다.