최근 다양한 디바이스에서의 접근 및 활용을 위한 반응형 웹 기술에 대한 연구와 활용이 급증하고 있다. 그러나 반응형 웹에서의 접근성 준수 및 분석을 수행한 연구는 미흡한 실정이다. 이에 본 연구에서는 웹 구현에서의 중요한 요소인 접근성과 반응형 웹을 접목하여, 국내의 대표적인 반응형 웹 사이트에 대한 접근성을 평가하고 그 결과를 분석하였다. 그 결과 이미지 콘텐츠의 대체텍스트 제공, 키보드 접근과 사용, 포커스의 논리적 이동 및 적절한 제목 제공 등 접근성 오류가 있는 것으로 나타났다. 이는 웹 접근성을 준수하지 않은 오류로서의 문제와 다양한 디바이스에서 접근 및 사용하는 반응형 웹으로서의 목적 및 기능에도 부합하지 않는 것으로 해석되어 그 보완 및 수정의 필요성이 높은 것으로 분석되었다.
최근 다양한 디바이스에서의 접근 및 활용을 위한 반응형 웹 기술에 대한 연구와 활용이 급증하고 있다. 그러나 반응형 웹에서의 접근성 준수 및 분석을 수행한 연구는 미흡한 실정이다. 이에 본 연구에서는 웹 구현에서의 중요한 요소인 접근성과 반응형 웹을 접목하여, 국내의 대표적인 반응형 웹 사이트에 대한 접근성을 평가하고 그 결과를 분석하였다. 그 결과 이미지 콘텐츠의 대체텍스트 제공, 키보드 접근과 사용, 포커스의 논리적 이동 및 적절한 제목 제공 등 접근성 오류가 있는 것으로 나타났다. 이는 웹 접근성을 준수하지 않은 오류로서의 문제와 다양한 디바이스에서 접근 및 사용하는 반응형 웹으로서의 목적 및 기능에도 부합하지 않는 것으로 해석되어 그 보완 및 수정의 필요성이 높은 것으로 분석되었다.
Recently, research and development for the responsive web is increasing. However, studies of responsive web accessibility evaluation is insufficient. In this study, we evaluated and analyzed the accessibility of Responsive Web site. As a result, accessibility errors were found including providing al...
Recently, research and development for the responsive web is increasing. However, studies of responsive web accessibility evaluation is insufficient. In this study, we evaluated and analyzed the accessibility of Responsive Web site. As a result, accessibility errors were found including providing alternative text of image contents, keyboard access and usage, logical move of the focus and providing the title. These errors can also be responsive web errors. Therefore, it is necessary to supplement and modify them.
Recently, research and development for the responsive web is increasing. However, studies of responsive web accessibility evaluation is insufficient. In this study, we evaluated and analyzed the accessibility of Responsive Web site. As a result, accessibility errors were found including providing alternative text of image contents, keyboard access and usage, logical move of the focus and providing the title. These errors can also be responsive web errors. Therefore, it is necessary to supplement and modify them.
* AI 자동 식별 결과로 적합하지 않은 문장이 있을 수 있으니, 이용에 유의하시기 바랍니다.
문제 정의
본 연구는 반응형 웹 사이트에 대한 접근성을 평가 · 분석하여 그 시사점을 제시하는 것을 목적으로 진행되었다. 그를 위하여 국내 대학병원 사이트 중 상위 10곳 중 반응형 웹으로 구현된 3곳을 대상으로 접근성 평가를 진행하였다.
이에 본 연구에서는 웹 개발 및 구현에 있어 반드시 고려해야하는 웹 접근성과 멀티디바이스 디지털 환경을 대변하는 반응형 웹을 접목하여 반응형 웹 사이트에서의 접근성 준수 실태를 분석하고 그 시사점을 도출하고자 한다. 이를 통해 급증하고 있는 멀티디바이스 디지털 환경에서의 웹 접근성 준수를 위한 기술적 기반을 제시하고자 한다.
이에 본 연구에서는 웹 개발 및 구현에 있어 반드시 준수해야하는 웹 접근성에 대하여 반응형 웹을 대상으로 그 실태를 조사하고 시사점을 분석해 보았다. 이를 위하여 웹 접근성과 반응형 웹에 대한 이론적 배경을 알아보고, 국내 대학병원 웹 사이트 중 반응형 웹으로 구현된 3곳을 대상으로 그 접근성을 평가 · 분석하였다.
제안 방법
또한 본 연구에서는 국내 대학병원 웹 사이트 상위 10곳 중 반응형 웹으로 구현된 3곳을 대상으로 각각 3개씩의 평가 페이지를 선정하여, KWCAG2.0을 기준으로 접근성을 평가하였다. 그 결과 평가 대상 사이트 모두에서 대체텍스트 제공, 키보드 접근, 반복영역 건너뛰기 및 적절한 제목 제공에 대한 접근성 오류가 있는 것으로 조사되었다.
접근성 평가 방법 및 기준이 정량평가인 경우, “오류 수량/콘텐츠 수량”과 함께 오류율을 백분율(소수점 두 자리에서 반올림)로 정리하였으며, 정성평가인 경우 오류의 유무만을 판별하였다. 특히, 접근성을 평가하기 위한 대상 콘텐츠가 페이지 내에 없거나, 대상 콘텐츠가 접근성을 준수하고 있는 경우 “오류 없음”으로 표기 하였다.
효율적인 연구의 진행을 위해 웹 접근성과 스마트 디바이스의 반응형 웹에 대한 이론적 배경을 살펴보고, 국내 대표적인 반응형 웹 사이트 3곳을 대상으로 웹 접근성 평가를 소스분석을 통해 수행 · 분석하였다. 이를 바탕으로 국내 반응형 웹에 대한 시사점을 도출하여 향후 연구 진행을 위한 방향을 제시한다.
대상 데이터
본 연구는 반응형 웹 사이트에 대한 접근성을 평가 · 분석하여 그 시사점을 제시하는 것을 목적으로 진행되었다. 그를 위하여 국내 대학병원 사이트 중 상위 10곳 중 반응형 웹으로 구현된 3곳을 대상으로 접근성 평가를 진행하였다. 또한 평가 페이지별 평가 결과를 정리함에 있어 아래와 같은 사항을 기준으로 그 내용을 작성하였다.
본 연구의 효율적인 진행을 위해 다음과 같은 순서 및 기준으로 평가 대상 사이트 및 페이지를 선정하였다. 또한 본 연구의 핵심 주제가 웹 접근성임을 고려하여 그 분야를 대학병원 사이트로 한정하여 진행하였다.
먼저, 국내 대표적인 순위선정 사이트인 랭키(www.rankey.com)을 참조하여 상위 10위 이내의 국내 대학병원 사이트를 파악하였으며, 이 중 반응형 웹으로 구현된 3곳을 평가 대상 사이트로 선정하고 각 3개씩의 평가대상 페이지를 대상으로 진행하였다. 또한 평가 대상 페이지의 선정 사유는 위 [Table 3]과 같다.
데이터처리
본 연구의 궁극적 목표인 반응형 웹 사이트에 대한 접근성을 평가하고 분석하기 위하여 KWCAG 2.0을 기준으로 소스분석을 통한 평가를 수행하였다.
이에 본 연구에서는 웹 개발 및 구현에 있어 반드시 준수해야하는 웹 접근성에 대하여 반응형 웹을 대상으로 그 실태를 조사하고 시사점을 분석해 보았다. 이를 위하여 웹 접근성과 반응형 웹에 대한 이론적 배경을 알아보고, 국내 대학병원 웹 사이트 중 반응형 웹으로 구현된 3곳을 대상으로 그 접근성을 평가 · 분석하였다. 그 결과, 평가 대상 사이트 모두에서 대체텍스트 제공, 키보드 접근, 반복영역 건너뛰기 및 적절한 제목 제공에 대한 접근성 오류가 있는 것으로 나타났다.
성능/효과
0을 기준으로 접근성을 평가하였다. 그 결과 평가 대상 사이트 모두에서 대체텍스트 제공, 키보드 접근, 반복영역 건너뛰기 및 적절한 제목 제공에 대한 접근성 오류가 있는 것으로 조사되었다. 접근성 오류가 발견된 항목들을 정리해 보면, 아래 [Table 7]과 같다.
이를 위하여 웹 접근성과 반응형 웹에 대한 이론적 배경을 알아보고, 국내 대학병원 웹 사이트 중 반응형 웹으로 구현된 3곳을 대상으로 그 접근성을 평가 · 분석하였다. 그 결과, 평가 대상 사이트 모두에서 대체텍스트 제공, 키보드 접근, 반복영역 건너뛰기 및 적절한 제목 제공에 대한 접근성 오류가 있는 것으로 나타났다. 이러한 결과는 평가 대상 사이트가 웹 접근성 지침을 준수하지 않은 점에서도 문제가 될 수 있으나, 다양한 이기종의 디바이스에서 접근 및 사용이 가능하도록 구현된 반응형 웹임을 고려할 때, 그 오류의 영향은 매우 심각한 수준임을 알 수 있었다.
대상 사이트가 반응형 웹이라는 점을 고려할 때, 대체텍스트 제공, 키보드 접근, 반복영역 건너뛰기 및 적절한 제목 제공에 대한 접근성에 대한 오류가 있으며, 이는 접근성 측면의 오류 뿐만 아니라 다양한 이기종의 디바이스에서의 접근 및 활용이 불가능할 수 있을 것으로 조사 및 분석되어 그 수정의 필요성이 매우 높은 것으로 나타났다.
특히 다양한 디바이스를 통해 접근하는 반응형 웹에서 대체텍스트 제공이 준수되지 않을 경우, 해당 페이지 또는 이미지 콘텐츠에 대한 N-스크린 적용이 불가능해지는 것으로 분석된다. 따라서 반응형 웹에서의 대체텍스트 제공은 접근성 준수와 더불어 N-스크린의 효율적 적용을 위해 반드시 필요한 것으로 나타났다.
또한 페이지 마다 반복되는 영역을 건너뛸 수 있는 수단(세부항목 2.4.1)을 제공하지 않은 오류와 페이지, 프레임 및 콘텐츠 블록에 적절한 제목을 제공(세부항목 2.4.2)하지 않은 오류가 대상 사이트 모두에 존재하는 것으로 나타났다.
메인 페이지의 평가 결과와는 다르게 진료 안내와 관련된 페이지에서는 대상 사이트 모두 대체텍스트에 대한 오류는 없는 것으로 조사되었다. 그러나 메인페이지와 같이 진료 안내 페이지에서 역시 세부항목 2.
반응형 웹으로 구현된 대상 사이트 모두에서 대체텍스트 제공을 준수하지 않고 있어, 시각에 장애를 가진 사용자에 대한 정보 접근을 저해하고 있으며, 페이지의 원활한 사용이 어렵게 하는 것으로 나타났다. 특히 다양한 디바이스를 통해 접근하는 반응형 웹에서 대체텍스트 제공이 준수되지 않을 경우, 해당 페이지 또는 이미지 콘텐츠에 대한 N-스크린 적용이 불가능해지는 것으로 분석된다.
첫째, 데이터 통신이 가능한 기능을 탑재하여 인터넷이 가능하며, 둘째, 운영체제를 탑재하고 있어 다양한 애플리케이션 설치 및 구동이 가능하다. 셋째, C-P-N-T (Contents, Platform, Network, Terminal)를 유기적으로 연결하며, 언제 어디서나 콘텐츠의 활용 및 공유가 가능하다. 넷째, 직관적 인터페이스를 가지고 있어 쉽게 접근하고 사용할 수 있다.
아울러 대상 사이트 모두에서 키보드 접근에 대한 접근성 오류가 있는 것으로 나타났다. 이 역시 반응형 웹이라는 점을 고려할 때, 심각한 요소 중 하나인 것으로 분석되었다.
마지막으로 [Table 6]에서는 대상 사이트의 오시는 길 페이지에 대한 접근성 평가 결과를 보여주고 있다. 오시는 길 페이지에 대한 평가 결과 대상 사이트 1곳에서만 대체텍스트 오류가 검출되었으며, 대상 사이트 모두에서 세부항목 2.4.1과 세부항목 2.4.2 모두에서 대상 페이지에 오류가 있는 것으로 나타났다.
그 결과, 평가 대상 사이트 모두에서 대체텍스트 제공, 키보드 접근, 반복영역 건너뛰기 및 적절한 제목 제공에 대한 접근성 오류가 있는 것으로 나타났다. 이러한 결과는 평가 대상 사이트가 웹 접근성 지침을 준수하지 않은 점에서도 문제가 될 수 있으나, 다양한 이기종의 디바이스에서 접근 및 사용이 가능하도록 구현된 반응형 웹임을 고려할 때, 그 오류의 영향은 매우 심각한 수준임을 알 수 있었다.
첫째, 데이터 통신이 가능한 기능을 탑재하여 인터넷이 가능하며, 둘째, 운영체제를 탑재하고 있어 다양한 애플리케이션 설치 및 구동이 가능하다. 셋째, C-P-N-T (Contents, Platform, Network, Terminal)를 유기적으로 연결하며, 언제 어디서나 콘텐츠의 활용 및 공유가 가능하다.
후속연구
반응형 웹 기술을 활용한 웹의 개발 및 구현에 있어 접근성 지침의 준수는 접근성만을 위한 것이 아닌, 말 그대로의 반응형을 위해 반드시 준수해야하는 것이라 할 수 있다. 본 연구의 수행 결과를 바탕으로, 현존 또는 향후 개발되어질 반응형 웹 사이트의 접근성 준수 및 효율적 구현을 위한 기초자료로 활용되기를 기대해 본다.
효율적인 연구의 진행을 위해 웹 접근성과 스마트 디바이스의 반응형 웹에 대한 이론적 배경을 살펴보고, 국내 대표적인 반응형 웹 사이트 3곳을 대상으로 웹 접근성 평가를 소스분석을 통해 수행 · 분석하였다. 이를 바탕으로 국내 반응형 웹에 대한 시사점을 도출하여 향후 연구 진행을 위한 방향을 제시한다.
질의응답
핵심어
질문
논문에서 추출한 답변
다양하게 제시된 웹 접근성에 대한 정의에 포함된 공통적인 의미는?
선행된 연구들에서 웹 접근성에 대한 정의는 다양하게 제시되고 있으나, “누구나, 언제, 어디서나 웹 콘텐츠에 접근이 가능하며 사용이 가능하여야 한다.”라는 공통적인 의미를 포함하고 있다[10-18].
반응형 웹이란?
또한 반응형 웹(Responsive Web)은 Ethan Marcotte에 의해 만들어진 용어로 PC, 태블릿, 스마트폰 등 사용자의 다양한 디바이스 환경에 따라서 해상도나 화면이 최적화된 환경으로 자동 변환하는 기술을 의미하는 것이다[2,4]. 스마트폰이 등장한 초기에는 디바이스의 해상도와 화면 크기 문제 등으로 인해 PC 웹사이트와 별도로 모바일 웹사이트를 제작해서 서비스하였다[5].
본 연구에서 반응형 웹에 대한 웹 접근성을 평가, 분석한 결과는?
이를 위하여 웹 접근성과 반응형 웹에 대한 이론적 배경을 알아보고, 국내 대학병원 웹 사이트 중 반응형 웹으로 구현된 3곳을 대상으로 그 접근성을 평가․분석하였다. 그 결과, 평가 대상 사이트 모두에서 대체텍스트 제공, 키보드 접근, 반복영역 건너뛰기 및 적절한 제목 제공에 대한 접근성 오류가 있는 것으로 나타났다. 이러한 결과는 평가 대상 사이트가 웹 접근성 지침을 준수하지 않은 점에서도 문제가 될 수 있으나, 다양한 이기종의 디바이스에서 접근 및 사용이 가능하도록 구현된 반응형 웹임을 고려할 때, 그 오류의 영향은 매우 심각한 수준임을 알 수 있었다.
참고문헌 (19)
Lee Jong Ho, "Responsive Web Framework Based on Metro UI", Graduate School of BusinessIT, KookminUniversity, 2014.
Mo Eun Young, A "Study on Conditions of Hangul Web fonts Required to N-Screen Environment : Focused on the technical environment changes", Graduate School of Design Contents, Hongik University, 2015.
Kim Jung A, "A Study on the Smart Content based on N-screen environments : Focused on Users'Empirical Study", Graduate School of SoongsilUniversity, 2012.
Wang Mi Seok, Young Hwan Pan, "Design Consideratioms for maintaining Coherence of User Experience in a Multi-Screen Environment : Focused Upon YouTube Contents", Korean Society of Basic Design & Art, Vol.12, No.4, pp.215-223, 2011.
Kim Jung Jin, "A Study on Responsive Web Framework Focused on Smart Device", Graduate School of Seoul National University of Science and Technology, 2015.
Kim Jung Jin, Park Jong Mi, Hong Suk Ki, "A Study on Interface Component for the Realization of Responsive Web", KOREA SCIENCE & ART FORUM, Vol.15, pp.153-165, 2014.
Seonghoon Shin, "A Study In Improving Optimal Websites For The Evolving Mobile Environment : Focused on College Websites in Korea", Communication Design Association of Korea, Vol.53, pp.110-120. 2015.
Kim Sunghoon, Yoon Yeo Kyung, "A study on Minimalism in Design for Effectiveness of Responsive Web Publishing", Korea Design Knowledge Journal, Vol.30, pp.211-220, 2014.
Kim Gayeon, Kim Sumin, Hyun Eunryung, "A study on Minimalism in Design for Effectiveness of Responsive Web Publishing", Korea Design Knowledge Journal, Vol.33, pp.181-190. 2015.
Heon-Sik Joo, "A Study on Web Accessibility Situation of Public Institution and Major IT Companies Institutions", Journal of the Korea Society of Computer and Information, Vol.14, No.10, pp.175-187, 2009.
Hyun-Mi Lee, "Analysis of Perception on the Web Accessibility Education for Information Teachers of Vocational High Schools", Master Dissertation, Dong-A University, 2009.
Ji-Sun Lee, Byoung Soo Lee, Byeong Ok Jang, "Analysis and Evaluation of Web Accessibility for Cyber Education Contents", Journal of Korean Association for Educational Information and Media, Vol.12, No.3, pp.177-195, 2006.
Seong-Je Park, Jong-Weon Kim, "Development of Web Accessibility Evaluation Algorithm: Based upon Table Element", Journal of the Korea Industrial Information Systems Society, Vol.18, No.4, pp.81-87, 2013.
Seong-Je Park, Yung-Keun Kim, Jong-Weon Kim, "Comparison and Analysis of Web Accessibility for the Korea, USA, and Japan's Broadcast Web Sites", Journal of the Korea industrial information systems society, Vol.19, No.4, pp.105-117, 2014.
Seong-Je Park, Seok-Chan Jeong, "An Evaluation Study on the Broadcasting Web Site Accessibility by Web Source Analysis", The e-Business Studies, Vol.11, No.5, pp.273-289, 2010.
Seong-Je Park, Seok-Chan Jeong, "A Comparative Analysis Study of Korean Web Contents Accessibility Guidelines", Journal of KIIT, Vol.11, No.9, pp.121-132, 2013.
Won-Kyung Lee, Eun-Gyoung Seo, "Website Design for Improving Web Accessibility of Disabled People", Information Management Society, Vol.30, No.1, pp.193-219, 2013.
Se-Won Jung, "A Study on the Evaluation of Web Accessibility and Web Standards of Korean Internet Banking Web Sites", Master Dissertation, Sookmyung Women's University, 2012.
Korea Communications Commission, "Korean Web Content Accessibility Guidelines 2.0", 2010.
※ AI-Helper는 부적절한 답변을 할 수 있습니다.