Wix 접근성 마법사: 모두가 평등한 인터넷 접근 세상


윅스 접근성 마법사 출시 블로그 게시물 헤더 이미지


비즈니스 소유주, 아티스트, 포토그래퍼 등 직업에 상관없이 웹사이트를 제작할 때에는 모두가 같은 목표를 가지고 있습니다. 세상에 내 아이디어와 서비스, 제품을 선보이는 것이죠. 저희 Wix에서는 이렇게 생각합니다. 웹사이트를 통해 세상에 무언가를 선보이기 위해서는 트래픽만 중요한 것이 아니고, 내 웹사이트 방문자들이 사이트 내 콘텐츠와 상호작용할 수 있어야 합니다.

물론 항상 그런 것은 아닙니다. 놀랍게도 전 세계에서 10억 명에 가까운 사람들(세계 인구의 15%)이 사이트 내 콘텐츠 상호작용이 제대로 이루어지지 않아 인터넷에서 찾을 수 있는 정보 또는 서비스의 대부분을 이용하지 못하고 있다고 합니다. 이렇게 많은 사람들이 인터넷을 불완전하게 사용한다는 것은 심각한 문제인데요. 다행히도 웹사이트 접근성의 발전으로 인해 문제가 어느정도 해결될 것으로 보입니다.

Wix는 2016년에 이러한 접근성 발전의 움직임에 뛰어들어 더 많은 사람들이 웹을 사용할 수 있는 새로운 방법을 찾고, 사용자들이 접근하기 쉬운 웹사이트를 제작할 수 있도록 노력하기 시작했습니다. 수년 간 접근성 기능을 개발한 성과 중 하나인 Wix 접근성 마법사를 선보일 수 있게 되어 기쁘게 생각합니다.

Wix의 접근성 철학

웹사이트 접근성은 특정한 개인의 완전한 웹사이트 사용을 막는 장벽을 제거하고, 다른 사람과 동일하게 훌륭한 사용자 경험을 제공하는 것을 뜻합니다. Wix의 접근성 팀이 있는 한, 접근성 있는 웹사이트는 전문적인 웹사이트의 지표입니다.

저희의 목표는 다음과 같은 사람들을 포함하는 모든 사람이 Wix로 제작한 모든 웹사이트를 사용할 수 있도록 돕는 것입니다.


  • 시각 장애를 가진 사람

  • 행동 장애를 가진 사람

  • 청각 장애를 가진 사람

  • 인지 장애를 가진 사람

  • 상황적 또는 일시적으로 장애를 가진 사람

결국 가장 중요한 사용자가 웹사이트를 디자인하는 방법, 웹사이트에 포함시킬 콘텐츠 내용 결정 또는 웹사이트 접근성의 정도를 저희가 통제할 수는 없습니다. 하지만, Wix 사용자들이 훌륭한 웹사이트를 제작할 수 있도록 확실하게 도울 수 있으며, 그것이 저희의 책임이라고 생각합니다.

접근성 있는 템플릿을 제작하고, Wix의 웹사이트 제작 도구에 접근성 기능을 통합하고, 사용자에게 접근성 마법사와 같은 고급 도구를 제공함으로써 Wix 커뮤니티의 토대를 마련하고 있습니다.

Wix 접근성 마법사 스토리

저희 팀은 5년 동안 Wix 플랫폼 전반에 대한 접근성을 발전시켜 왔습니다. 수천 개의 버그를 고치고, 접근성 있는 서비스를 능동적으로 제작하고, 화면 판독기 지원 기능을 강화하는 등의 작업을 진행했습니다. 하지만 그 가운데 무엇이 중요한지 깨달았습니다. Wix 자체 서비스를 발전시키는 것만으로는 충분하지 않으며, Wix로 웹사이트를 제작한 사용자의 콘텐츠의 접근성의 정도를 고려해야 한다는 것입니다.

저희는 이 문제를 해결하기 위한 첫 번째 시도로 Wix 사용자들이 가장 기본적인 접근성 요건에 대한 웹사이트 디자인 점검 지침을 제공하는 접근성 체크리스트를 사용할 수 있도록 했습니다. 이 접근성 체크리스트에는 비주얼 표시기 활성화, 색 대비 개선, 제목 추가, 적절한 글꼴 선택 등의 사이트 콘텐츠 조정 방법 또한 안내되어 있습니다.

하지만, 목록이 너무 많고, 시간이 많이 소요된다는 사용자 및 접근성 전문가의 피드백을 들은 후, 체크리스트는 시작에 불과하다는 것이 분명해졌습니다. 그렇기 때문에 사용자가 Wix 에디터에서 자신의 사이트의 접근성 문제를 찾아 해결할 수 있는 빠르고 쉬운 솔루션인 접근성 마법사를 개발한 것입니다.

Wix 접근성 마법사 작동 방식

Wix 에디터에 포함되어 있는 접근성 마법사는 접근성에 대한 다양한 솔루션 중에서도 가장 기발한 구성 요소입니다. Wix의 접근성 기능은 웹 접근성의 공유 글로벌 표준인 웹 콘텐츠 접근성 가이드라인(WCAG 2.0)에 따라 설계되었습니다. 또한, 현재에는 WCAG 2.1 및 2.2을 따르는 과정 중에 있습니다.

접근성 마법사는 사용자가 프로세스에 직접 참여함으로써 보다 쉽게 접근할 수 있는 웹사이트를 제작할 수 있는 기능을 제공하는 도구입니다. 접근성 마법사는 세 가지 단계를 통해 사용자의 사이트에 있는 접근성 문제를 식별하여 해결하는 데 도움을 줄 뿐만 아니라, 어떠한 문제를 가지고 있었는지 보여주며, 실행 가능한 솔루션을 제공합니다.

01. 자동 스캔 및 안내

웹사이트의 접근성을 향상시키기 위한 첫 번째 단계는 현재의 문제를 찾는 것입니다. 접근성 마법사를 처음 시작하면 사이트 스캔 허용을 요청하는 메시지가 표시됩니다.

스캔을 완료한 후, 접근성 마법사는 접근성 문제를 야기하는 문제를 강조하여 표시합니다. 예를 들어, 대체 텍스트가 누락되었거나, 텍스트 및 아이콘의 색상 대비가 충분하지 않거나, 제목 구조의 사용이 잘못되었거나 하는 등의 문제를 표시하여 사용자가 알 수 있도록 해주는 것이죠. 그런 다음, 이러한 문제가 정확히 어디에서 발생하는 지 보여주고, Wix 에디터에서 문제를 해결할 수 있도록 단계별 지침을 제공합니다.



윅스 접근성 마법사를 통한 접근성 향상 방법 첫번째 자동 스캔 이미지


02. 실행 가능한 솔루션

위의 단계를 완료하면 웹사이트를 추가적으로 조정하는 데 도움이 되는 체크리스트 항목이 나타납니다. 이 시점에서 마법사가 탐지하지 못할 수 있는 문제를 강조하며 주의해야 할 사항과 접근성을 위해 이러한 문제들을 개선하는 방법에 대한 자세한 지침을 제공합니다.

이는 사이트에서 문제를 수동으로 점검할 수 있는 좋은 기회이기 때문에 해당 섹션을 단계별로 진행하는 것을 권장합니다. 이러한 문제를 해결하고 나면 접근성 마법사는 사이트를 다시 스캔하여 새로운 문제를 확인합니다. 다 됐습니다! 마법사가 사이트에 더 이상 감지할 문제가 없음을 확인하면 성공 화면으로 이동합니다.

이 시점에서 사이트를 게시해야 합니다. 그래야 실시간으로 사이트에 모든 수정 사항이 업데이트되기 때문입니다. 접근성 관련 규정은 국가별로 상이하다는 것을 알아 두세요. 접근성 전문가와 함께 사이트를 확인하여 내 사이트가 로컬 접근성 클라이언트를 준수하는지 확인할 수 있습니다.

전문 Tip: 사이트를 편집할 때마다 접근성 마법사를 실행하는 것을 권장합니다. 왜냐하면 변경 사항이 생길 때마다 이것이 새로운 접근성 문제로 이어질 수 있기 때문입니다. 조금 번거롭더라도 이것이 안전한 방법입니다.



윅스 접근성 마법사를 사용하여 사이트를 편집하는 이미지



03. 고급 접근성 설정

Wix 플랫폼에는 사이트의 접근성을 더욱 향상시키기 위한 고급 접근성 기능이 내장되어 있으며, 대부분 사이트에서 자동으로 활성화됩니다. 접근성 마법사에서 직접 다음과 같은 설정을 확인하여 수정할 수 있습니다.

  • 스마트 포커스 링: 비주얼 표시기는 사용자가 내 웹사이트를 탐색할 때 키보드 사용을 지원합니다. 키보드를 사용하면 스마트 포커스 링이 자동으로 표시됩니다. 스마트 포커스 링은 두 가지 색상으로 되어 있어, 웹사이트의 배경색에 상관없이 항상 볼 수 있습니다.

  • 주요 콘텐츠로 바로 이동하기: 해당 설정을 활성화하면 키보드 사용자는 각 페이지의 주요 콘텐츠로 바로 이동할 수 있습니다.

  • 자동 DOM 순서: 드래그 앤 드롭 요소를 사용하여 원하는 순서대로 웹사이트를 디자인할 수 있습니다. 자동 DOM(문서 객체 모델) 기능을 활성화하면 사용자가 정의한 시각적인 순서를 반영하도록 요소들을 배열함으로써 키보드 또는 화면 판독기에 의존하는 방문자가 웹사이트를 손쉽게 탐색할 수 있습니다.

  • 고급 개발 도구: 고급 사용자의 경우, 다양한 사이트 요소에 ARIA 속성을 추가함으로써 화면 판독기와 같은 보조 기술에 의존하는 사람들의 사용자 경험을 향상시킬 수 있습니다. 또한, Velo by Wix를 사용하여 직접 빌드한 앱 및 구성 요소에 사용자 지정 속성을 추가할 수 있습니다.

접근성 마법사 사용 방법:

  1. 데스크톱에서 Wix 에디터를 실행합니다

  2. 상단 바에서 ‘설정’을 클릭합니다

  3. ‘접근성 마법사’를 선택합니다

  4. ‘접근성 마법사’에서 ‘내 사이트 스캔하기’를 클릭하여 시작합니다

Wix 접근성 마법사 사용 방법 단계별 전체 가이드를 확인해보세요.



윅스 접근성 마법사 사용 방법 단계별 전체 가이드 이미지


접근성 있는 Wix 웹사이트를 만드는 것이 왜 중요한가요?

모든 사람을 포용하는 웹사이트를 설계하는 것은 우리의 권한이며, 인터넷을 포용력 있는 공간으로 만드는 것은 웹사이트 방문자와 소유자 모두에게 이익이 되는 책임입니다. 여러분이 온라인 쇼핑몰이나 비즈니스 웹사이트를 운영하든, 혹은 온라인 포트폴리오를 관리하든 사이트의 접근성을 높이면 내 브랜드를 더욱 힘 있게 만들며, 사이트 성능을 향상시키고, 법적인 위험을 최소화할 수 있습니다.

시장 도달 범위 확장

과거의 많은 마케터들이 믿었던 것과는 다르게 사이트 접근성을 향상시키기 위한 노력과 SEO(검색 엔진 최적화)를 위한 노력은 상호 배타적이지 않습니다. 웹디자인에 구현된 수많은 웹 접근성 기능(예: 대체 텍스트제목 태그)은 Google 검색 결과에서 내 사이트의 성능을 향상시킬 것입니다.

사이트에 포용력이 있다는 것은 여러분의 사이트 방문자 및 고객층도 성장할 것임을 의미합니다. 상업의 세계가 급변화는 이 시기에 장애를 가진 많은 고객들이 온라인에서 쇼핑을 하면서 6조 달러가 넘는 소비력을 가진 시장을 만들었습니다. 즉, 온라인 서비스를 제공하는 기업은 모든 잠재 고객에게 동일한 접근 권한을 제공하는 것이 매우 중요합니다.


긍정적인 브랜드 인식 구축

접근성을 고려하는 모습을 보이면 브랜드 이미지에 긍정적인 영향을 줄 것이며, 사용자 경험과 만족도를 향상시킬 수 있습니다.

웹사이트 및 브랜드의 사명에 다양성을 포함하는 것은 긍정적인 고객 관계를 구축하고, 브랜드 충성도를 높이기 위한 핵심입니다. 게다가, 여러분이 사회적 변화와 포용성을 소중히 여긴다는 것을 방문자들에게 보여줄 수 있습니다.

혁신의 움직임에 동참

접근성 도구, 기능 및 서비스는 종종 예상치 못한 문제를 해결함으로써 모든 사이트 방문자에게 유용한 경우가 많은데요. 여기에는 키보드로 전체 기능 사용, 스마트 포커스 링, 화면 판독기용 콘텐츠 형식 등이 포함됩니다.

Wix는 웹 접근성에 대한 산업 표준을 설정하고, 웹 크리에이터, 디자이너, 개발자 및 심지어 경쟁업체에도 영감을 줌으로써, 모든 사람이 완전한 웹을 경험하고 상호작용할 수 있도록 계속해서 혁신적인 솔루션을 찾는 것을 목표로 합니다.

법률 규정 준수(많은 국가에 해당)

접근성에 대한 경우에도 고려해야 할 법률이 있습니다. 많은 국가에서 디지털 접근성을 법으로 규정하여 의무화하고 있으며, 준수하지 않는 웹사이트에 벌금을 부과하고 있습니다. 이러한 규제는 끊임없이 발전하고 있으며, 국가 및 지역마다 상이합니다.

한 가지 주목할 만한 사례를 소개하겠습니다. 시각장애를 가진 기예르모 로블레스(Guillermo Robles)가 도미노 피자를 소송하여 2016년에 기소된 사건인데요. 로블레스는 자신의 화면 판독 소프트웨어로 피자를 주문하지 못해 소송을 한 것입니다(미국 장애인법 위반). 디지털 세상에 ADA(미국 장애인법)를 적용하기 위한 정해진 규칙이 없다고 주장한 회사의 탄원서가 제출 이후, 미국 대법원은 해당 사건을 지방법원으로 보내어 장애 옹호자들에게 의미 있는 움직임이 되었습니다.

Wix 웹사이트 접근성의 미래

Wix는 웹이 모든 사람에게 더 나은 장소가 될 수 있도록 하기 위해 최선을 다하고 있습니다. 접근성 마법사는 Wix에서 접근성을 전담하는 팀이 사용자 및 사이트 방문자들을 위해 서비스를 개선하기 위한 노력 중 일부에 불과합니다.

저희는 글로벌 이니셔티브를 위해 열정적으로 노력하고 있으며, 저희 사용자 커뮤니티에서도 그러기를 바라고 있습니다. Wix 접근성 도구를 개선할 방법을 알고 계시거나 혹은 이런 기능이 있으면 좋겠다고 생각하시는 것이 있다면 accessibility@wix.com으로 문의해주세요.



by Wix 팀

홈페이지 만들기