Drupal 8 웹 접근성 – 우리가 그것을 좋아하는 이유와 당신도 관심을 가져야 하는 이유

웹 접근성은 Drupal의 가치와 원칙에 뿌리를 두고 있습니다. Drupal 7부터 웹 접근성 이니셔티브는 Drupal 8을 통해 크게 발전했습니다. 웹사이트 접근성이 왜 그렇게 중요한가요? Drupal 8은 웹사이트 접근성을 어떻게 보장합니까? 모든 질문에 답해 보겠습니다.

웹의 힘은 보편성에 있습니다. 장애에 관계없이 모든 사람이 접근할 수 있는 것은 필수적인 측면입니다. - 팀 버너스 리, 월드 와이드 웹의 발명가.

오늘날 우리가 알고 있는 인터넷의 역사는 11315일입니다! 원래 전 세계 대학과 연구소의 과학자들 간의 자동 정보 공유에 대한 요구를 충족시키기 위해 고안된 인터넷은 오늘날 전 세계 30억 명이 넘는 사람들에게 없어서는 안될 부분입니다. 소셜 네트워킹에서 프로젝트를 위한 정보 수집에 이르기까지 다양한 이유로 오늘날 인터넷은 틀림없이 인류에게 알려진 가장 강력한 리소스입니다.

지난 몇 년 동안 챗봇과 머신 러닝 애플리케이션의 붐으로 기업은 웹사이트 형태로 온라인 존재를 만들고 더 나은 고객 경험을 위해 인공 지능을 사용하게 되었습니다. 최근 몇 년 동안 채팅이나 메시징이 소셜 미디어를 인수하여 비즈니스에 연락하려는 사용자에게 "가장 자주 가는" 옵션이 되었다는 사실을 고려할 때 이는 놀라운 일이 아닙니다.

그러나 모든 사람이 웹에 액세스할 수 있다고 생각해본 적이 있습니까?

지금은 2018년이고 웹 접근성이 여전히 덜, 잘, 접근성이 떨어지는 이유가 무엇인지 궁금합니다. 기업으로서 경쟁 시장은 브랜드를 홍보하기 위해 가능한 한 많은 사람들에게 다가가도록 합니다. 장벽이 많을수록 잠재 고객에게 도달할 가능성이 낮아집니다. 이것은 기본적으로 웹 접근성의 개념입니다. 청중이 직면한 장벽을 제거하는 것입니다.

웹 접근성이란 무엇입니까?

일반적으로 사람들은 스크린 리더나 시각 장애가 있는 웹 접근성을 말합니다. 그러나 다루는 주제의 범위는 방대하고 그 이상을 포함합니다. 예를 들어 화창한 날에 화면을 볼 수 있는 적절한 화면 대비를 갖는 것은 장애가 있는 사람이 아닌 정상적인 시력을 가진 사람의 사용 사례입니다.

World Wide Web Consortium은 웹 사이트가 가능한 한 유용하다는 것을 보장하기 위해 특정 수준의 접근성을 달성하기 위한 몇 가지 지침을 도입했습니다. 1999년에 버전 1.0으로, 2008년에 버전 2.0으로 출판된 WCAG 2.0은 일반적으로 웹 접근성과 사용자에게 제공하는 정보에 대해 이야기할 때 측정하는 표준으로 받아 들여집니다.

웹 접근성의 중요성

사람들의 삶에서 인터넷의 중요성이 커짐에 따라 전달하려는 내용(기본적으로 콘텐츠)이 모든 사람이 쉽게 액세스할 수 없다면 청중이 도착하기도 전에 외면하는 것입니다. 예를 들어, 부러진 손이나 일시적인 실명과 같은 단순한 문제가 웹 탐색을 어렵게 만들 수 있습니다.

웹 접근성이 장애가 있는 사람들만을 위한 것이 아니라는 사실은 매우 공감되지만, 기업은 완전히 접근 가능한 웹사이트의 유연하고 반응적인 디자인이 모든 사람에게 이익이 된다는 것을 알아야 합니다. 웹 접근성 표준은 포함을 촉진하기 위해 구축되었으며 Drupal은 포함을 지원하고 촉진하는 데 있어 벤치마크를 설정하고 있습니다.

Drupal은 어떻게 도움이 됩니까?

웹 기반 SaaS인 Drupal CMS는 조직의 웹 콘텐츠를 체계적으로 관리할 수 있는 기능을 제공합니다. World Wide Web Consortium의 지침은 저작 도구를 다루는 ATAG 2.0과 웹 콘텐츠를 다루며 개발자 및 접근성 평가 도구에서 널리 사용되는 WCAG 2.0의 두 가지로 나뉩니다. Drupal CMS는 플랫폼으로서 두 지침을 모두 준수하도록 구축되었습니다. 접근성 이니셔티브는 Drupal 7에서 시작되었지만 Drupal 8은 최고의 접근성 기능 중 일부를 다룹니다.

Drupal 8 접근성 기능 및 모듈

Drupal의 가장 진보된 버전은 귀하의 웹사이트가 그 어느 때보다 보조 기술과 이에 의존하는 사용자에게 훨씬 더 쉽게 접근할 수 있도록 합니다. Drupal 8은 다양한 코어 및 기여 모듈로 접근성을 확장합니다.

더 나은 대비

낮은 대비 수준은 개발자가 가장 일반적으로 간과하는 기능으로 자주 인용됩니다. 그러나 Drupal 8에서 핵심 테마는 Drupal의 접근성 유지 관리자 덕분에 더 높은 대비를 갖습니다. 대비가 향상되어 색맹으로 고통받는 사용자가 쉽게 웹 사이트를 만들 수 있습니다. 또한, 이 기능은 밝은 햇빛 아래에서 휴대폰이나 탭과 같은 휴대용 장치로 웹사이트를 방문할 때 추가되는 이점입니다.

양식

양식 작성 중 오류는 사용자 인터페이스에 영향을 미치는 가장 일반적인 요소 중 하나입니다. 새로운 표준을 사용하면 이러한 오류를 식별하는 것이 훨씬 쉬워집니다. 더 나은 양식 유효성 검사 오류 설명을 사용하여 Drupal 8은 양식 오류 표시와 관련된 접근성을 향상시키는 이 기능을 켜는 옵션을 제공합니다. 예를 들어 시각 장애가 있는 사람은 이제 웹 양식을 작성할 때 어떤 오류를 범했는지 쉽게 식별할 수 있습니다.

링크 대신 버튼

많은 웹사이트 소유자의 일반적인 관행은 앵커 텍스트를 버튼 대신 "클릭 유도문안"으로 사용하는 것입니다. 의미론적 관점에서 보면 앵커 텍스트보다 버튼을 사용하는 것이 더 논리적입니다. 이러한 사용자 인터페이스 요소는 작업 지향적이기 때문입니다. 따라서 Drupal 8은 링크가 아닌 버튼을 사용하도록 이 조치를 요구했습니다. Drupal 8에서 설정한 이 새로운 표준은 일부 요소의 목적을 식별하는 데 유용할 수 있는 WAI-ARIA에 크게 의존하지 않고 처리할 수 있습니다.

기타 Drupal 8 접근성 기능

대체 텍스트(대체 텍스트)는 일반적으로 특정 이미지를 설명하는 데 사용되는 단어를 나타냅니다. 페이지에 표시되거나 렌더링되지는 않지만 이러한 대체 텍스트는 스크린 리더와 같은 도구에서 사용되며 웹 접근성에 큰 자산입니다. Drupal 8에서 기본적으로 '필수'로 설정된 이 기능은 시각 장애가 있는 청중이 텍스트를 통해 이미지가 무엇인지 알 수 있도록 도와줍니다.

TabbingManager 는 탭을 제한하고 시각적이지 않은 사용자를 중요한 "탭 가능한" 페이지 요소로 안내하는 기능입니다. 이것은 마우스보다 키보드의 Tab 키를 선호하는 사용자에게 유용합니다.

Aural Alerts 기능은 페이지에 변경 사항이 있는 경우(그렇지 않으면 화면 판독기에서 알아차리지 못할 수 있음) 음성 사용자에게 단정적이거나 정중한 메시지/지시를 전달하는 Javascript 기능입니다.

레이아웃 빌더 모듈

레이아웃 빌더는 콘텐츠 빌더가 널리 사용하는 가장 강력하고 인기 있는 Drupal 8 모듈 중 하나입니다. 쉽고 강력한 페이지 작성 기능을 제공하여 사이트 빌더가 사용자 정의 페이지를 작성하고, 재사용 가능한 템플릿을 작성 및 재정의하고, 세부적인 사용자 정의 등을 할 수 있습니다. Drupal 8.7 릴리스 이후로 안정적이며 핵심입니다.

포함 및 접근성에 대한 Drupal의 약속의 일환으로 Layout Builder는 WCAG 2.0 AA(웹 콘텐츠 접근성 지침의 AA 수준을 충족하는 데 필요)에 설정된 모든 지침을 충족합니다. "접근성 게이트"를 통과한 후에야 모듈이 안정적인 버전으로 출시되었습니다. 그리고 이것은 Drupal 커뮤니티에 의해 이루어지고 정당하게 이행된 약속이었습니다.

CKEditor 접근성 검사기 모듈

CKEditor 접근성 검사기 모듈은 CKEditor 내에서 콘텐츠의 접근성 수준을 테스트할 수 있는 Drupal 8 모듈입니다. 웹사이트 접근성의 문제 영역을 감지할 뿐만 아니라; 또한 더 나은 접근성 구성을 위해 문제를 해결하는 데 도움이 됩니다. CKEditor.com의 접근성 검사기 플러그인을 활용하여 이러한 기능을 수행합니다.

사이트 개선 모듈

Siteimprove는 Drupal 웹사이트를 Siteimprove 인텔리전스 플랫폼에 연결하는 플러그인을 제공하는 Drupal 8 기여 모듈입니다. Siteimprove는 웹 접근성 규정 준수를 개선하는 데 도움이 될 뿐만 아니라 웹사이트 트래픽, 콘텐츠 품질, 성능 등을 개선하는 데 도움이 되는 놀라운 통찰력을 제공하는 Digital Presence Optimization 소프트웨어입니다.

텍스트 크기 조정 모듈

이것은 웹 접근성을 위해 기여한 Drupal 모듈이며 Drupal 7 및 Drupal 8 프로젝트에서 널리 사용됩니다. 사용자가 버튼 클릭으로 웹 페이지의 글꼴 크기를 늘리거나 줄일 수 있습니다. 자신의 시력에 맞게 글자 크기를 조절할 수 있어 시각 장애가 있는 사용자에게 큰 도움이 됩니다.

Drupal의 웹 접근성의 미래

수년에 걸쳐 Drupal은 몇 가지 주요 릴리스를 통해 웹 접근성을 달성하기 위해 몇 가지 큰 진전을 이루었으며 웹 접근성 표준의 선도적인 구현 중 하나입니다. 웹 접근성이 사용자 인터페이스에 기여하는 주요 요인 중 하나이고 비즈니스가 최대 청중에게 도달할 수 있는 능력이 있기 때문에 Drupal 코어에 대한 몇 가지 전략적 이니셔티브는 사람들이 웹사이트와 상호 작용하는 방식의 미래를 형성할 것입니다. 주목할만한 것들 중 일부는 다음과 같습니다:

• 전체 페이지 새로 고침 없이 표시되는 애플리케이션과 유사한 인터페이스 및 다양한 UI 상호 작용: 슬라이딩 패널, 자동 초점, 실시간 결과 필터, 끌어서 놓기, 팝업 성공 메시지, 실시간 미리 보기, 마법사와 같은 진행 단계 및 역할 가장 .
• 헤드리스 브라우저 드라이버를 사용하여 자동화된 테스트.
• MS Windows의 고대비 모드 및 음성 기반 제어와 같은 더 많은 상호 작용 모드를 지원합니다.
• 접근성을 위한 최종 사용자 테스트
• Drupal이 출력을 생성하는 방법에 대한 많은 리팩토링을 포함하는 테마 구성 요소 라이브러리 이니셔티브.