접근성 소개: 3부

접근성 개요의 첫 번째 기사에서 우리는 인지 가능한 사이트의 표준에 대해 논의했습니다. 다음에서 우리는 사이트가 작동하기 위한 요구 사항에 대해 이야기했습니다. 접근성 개요의 마지막 기사에서는 액세스 가능한 웹 사이트의 마지막 두 가지 원칙인 이해 가능하고 강력함을 다룹니다. 표면적으로 이해할 수 있는 것은 꽤 자명하게 들립니다. 하지만 강력한? 도대체 그게 무슨 뜻이야? 그것이 바로 우리가 여기에 있는 것입니다.

이해할 수 있는 것부터 시작합시다.

이해할 수 있는

표준에서는 "사용자 인터페이스의 정보 및 작동을 이해할 수 있어야 합니다."라고 명시되어 있습니다. 콘텐츠 관점에서 볼 때 "글쎄, 분명히 (눈을 굴린다)"처럼 보이고 당신이 옳을 것입니다. 사이트를 이해할 수 있다는 원칙은 명확한 개념이어야 하지만 빙산처럼 표면에 있는 것과 아래에 있는 것은 완전히 다른 것입니다.

사이트를 이해할 수 있으려면 읽기, 예측 가능, 사용자 입력이 포함된 경우 지원 제공이라는 세 가지 주요 사항을 다루어야 합니다. 사용자는 언어적 관점에서 콘텐츠를 읽고, 사이트가 예측 가능한 방식으로 작동하고("대부분의" 웹사이트가 작동하는 방식) 입력을 제공하라는 요청을 받았을 때 기본 지침을 제공받을 수 있어야 합니다(연락처의 레이블을 생각하십시오. 형태).

언어는 이해도 표준의 큰 부분을 차지합니다. 기본 수준에서 이는 기본 HTML 요소에서 lang 속성을 사용하는 것을 의미합니다. 워드프레스 테마는 기본적으로 이 작업을 수행해야 합니다. lang 속성은 A-레벨 표준으로, Section 508 법에 의해 요구됩니다. 테마가 그렇지 않은 경우 몇 가지 다른 접근성 문제가 발생할 수 있습니다. 결과적으로 다른 주제를 진지하게 고려하고 싶을 수도 있습니다.

이해할 수 있는 사이트의 더 심각한 측면 중 하나는 포커스가 적용될 때 발생하는 일입니다. 이 시리즈의 마지막 기사에서 초점에 대해 많이 논의했지만 다시 다루어야 합니다. 요소가 포커스를 받으면 해당 요소의 컨텍스트가 변경되지 않아야 합니다. 그것은 버튼이 단순히 포커스를 적용하여 활성화되어서는 안된다는 과학적 방법입니다. 키보드로 탐색하는 사람의 입장이 되어 보십시오. 탭 키를 눌러 다음 링크로 이동하면 갑자기 새 페이지가 로드됩니다. 무슨 일이 일어나고 있는지 이해하시겠습니까?

접근성 소개: 1부

접근성은 당신이 계속 듣고 있지만 완전히 이해하지 못할 수 있는 용어입니다. 이것은 부분적으로 단어 자체가 약간 혼란스러울 수 있기 때문입니다. 액세스라는 루트 단어는 개념을 다음과 같은 것들에 묶인 것처럼 보이게 합니다.

이해 가능성 표준, 특히 예측 가능성 측면은 예상되는 버튼 동작이 중요한 이유입니다. 사용자는 버튼을 활성화(클릭하거나 Enter 키를 누름)할 때까지 양식을 제출해서는 안 됩니다. 단순히 위에 마우스를 올려 놓거나 탭해도 호버를 적용하거나 CSS 상태 변경에 초점을 맞추는 것 외에는 아무 것도 변경되지 않습니다.

예측 가능성의 또 다른 핵심 요소는 사이트 디자인입니다. 호버 및 포커스 상태와 같은 항목은 사이트 전체에서 일관되어야 합니다. 이를 통해 사용자, 특히 시각적인 문제가 있는 사용자는 상태 변화를 보다 효과적으로 볼 수 있습니다. 버튼 텍스트를 바로 읽지 못할 수도 있지만 색상 대비의 변화를 감지하면 요소에 마우스를 가져갔거나 초점을 맞추었음을 알 수 있습니다. 이것은 좋은 디자인일 뿐만 아니라 좋은 접근성입니다.

이 시점에서 이해 가능성 표준의 대부분은 AAA 수준이라는 점에 유의하는 것이 중요합니다. 법에 의해 요구되지는 않지만 이것이 고려되어서는 안 된다는 의미는 아닙니다. 예를 들어 표준 3.1.5 - 읽기 수준은 대상 청중에 따라 슬라이딩 스케일로 작동합니다. 그 기준은 중학교의 읽기 수준을 나타냅니다. 이것은 대부분의 현대 미국 신문의 표준인 대략 6학년 읽기 수준에 해당하지만, 주제에 따라 신문조차 이 표준을 따르지 않습니다.

웹용으로 글을 작성할 때 소비자를 염두에 두어야 합니다. 당신의 타겟이 박사 학위를 연구하는 연구원이라면 당신의 콘텐츠는 비슷한 수준이어야 합니다. 그러나 일반 대중을 대상으로 작성하는 경우 Flesch-Kincaid Reading Scale과 같은 것을 고려하고 싶을 것입니다. WordPress 사이트에 Yoast SEO 플러그인을 사용하는 경우 Flesch 규모 테스트가 내장되어 있습니다. 분석, 평가 수동태 평가, 전환 단어 및 문장 길이를 제공합니다. 다시 말하지만, 타겟 청중을 염두에 두십시오. Yoast 검사기는 일반 청중을 대상으로 작성한다고 가정합니다. 목표는 Yoast의 친환경 체크가 아니라 청중을 위한 양질의 콘텐츠여야 합니다.

이해도의 마지막 핵심 부분은 입력 지원입니다. 이것은 최소한 두 가지를 의미합니다. 텍스트 오류 메시지와 양식 입력의 레이블입니다. 사용자는 각 양식 입력이 무엇을 위한 것인지 알려야 하고 오류가 발생하면 텍스트로 알려야 합니다. 법률 기준에서 요구하는 A급 2개입니다. Gravity Forms 또는 Caldera Forms와 같은 인기 있는 양식 플러그인 중 하나를 사용하는 경우 간단한 필드에 대한 오류 메시지 부분에 대해 이미 다룹니다. 여전히 요소에 레이블이 지정되어 있는지 확인해야 합니다. 적절한 레이블 지정은 전적으로 그 자체의 주제이지만 지금은 합리적인 지침을 제공하고 있는지 확인하십시오(이름 필드의 경우 "이름", 이메일 필드의 경우 "이메일").

건장한

접근성 소개: 2부

접근성 개요의 첫 번째 기사에서 우리는 인지 가능한 사이트의 표준에 대해 논의했습니다. 이 필수적인 첫 번째 단계는 중요하지만 전체 그림과는 거리가 멉니다. 일단 우리는 엄마 ...

접근성의 최종 원칙은 사이트/디지털 콘텐츠가 견고한지 여부입니다. 특히 "콘텐츠는 보조 기술을 포함한 다양한 사용자 에이전트가 안정적으로 해석할 수 있을 만큼 충분히 견고해야 합니다." 간단히 말해서, 기술에 관계없이 작동하는지 확인하십시오. 견고한 사이트와 관련된 표준은 두 가지뿐이며 둘 다 Section 508 법에서 요구하는 A 수준입니다.

강력한 사이트는 HTML 표준을 따르는 사이트입니다. 요소는 완전히 형성되고 필요한 경우 닫힙니다. <p> 태그를 열면 단락이 끝나면 닫습니다. "글쎄요, 분명히"의 또 다른 예이지만 실수가 발생합니다. 게시하기 전에 HTML 유효성 검사 서비스를 통해 사이트를 실행하십시오. W3C는 무료 서비스를 제공합니다. 그것을 사용하고, 오류를 수정하고, 당신은 갈 수 있습니다.

강력한 사이트의 또 다른 측면은 WAI-ARIA(Web Accessible Initiative – Accessible Rich Internet Applications) 또는 ARIA가 실제로 작동하는 곳입니다. ARIA는 고유한 주제이지만 간단히 말해서 필요할 때만 사용해야 합니다. 일부 인스턴스는 양식 레이블이 보이지 않을 때 ARIA로 양식 요소에 레이블을 지정합니다. 그렇게 하면 양식 요소에 레이블이 지정되는 방식에 따라 이해를 돕기 위한 입력 지원과 관련하여 계속해서 다루어질 것입니다.

결론

웹 접근성은 표면적으로는 복잡한 주제로 보입니다. 어떤 면에서는 그렇습니다. 그러나 종종 솔루션은 간단합니다. 액세스 가능한 사이트를 갖는 것은 모든 잠재 사용자가 즐길 수 있는 사이트를 갖는 것입니다. 비즈니스 관점에서 이는 잠재 고객 풀을 심화시킵니다. 더 중요한 것은 인간의 관점에서 당신은 누구도 배제하지 않는다는 것입니다.

앞으로 몇 달 동안 이 개요 시리즈에서 소개한 몇 가지 주제에 대해 더 자세히 살펴보겠습니다. 그때까지 표준을 검토하고 사이트를 검토하십시오. 수정해야 할 사항의 목록을 만들고 표준 수준(A, AA 또는 AAA)에 따라 우선 순위를 지정합니다. 스스로 고칠 수 없다면 접근성 컨설턴트를 고용하세요. 그들은 모든 잠재적인 사용자를 위해 인터넷을 개선하는 데 도움을 주고 싶습니다.