웹 접근성

간단히 말해서 웹 콘텐츠 접근성은 사용자가 애플리케이션을 이해할 수 있는지 확인하는 것을 의미합니다.

• 장애가 있는
• 낮은 대역폭 연결
• 오래된 기술을 사용하는 사람
• 일시적으로 들을 수 없거나 시끄러운 환경에 있는 사람
• 신규 사용자는 누구이며
• 언어 장벽이 있는 사람

비즈니스를 위해 액세스 가능한 콘텐츠를 조정하면 많은 경쟁 이점이 있습니다. 예를 들어 회사는 접근 가능한 콘텐츠로 다양성과 포용성을 높이고 브랜드에 대한 충성도 높은 고객을 유지할 수 있습니다. 또한 기업은 SEO 결과를 개선하고 시장 범위를 확장할 수 있습니다. 또한 일부 국가에서는 웹 애플리케이션에 대한 접근성을 채택하는 것이 필수이므로 회사는 일부 접근성 표준을 채택하여 법적 위험을 최소화할 수 있습니다.

웹 접근성 표준은 W3C 웹 접근성 이니셔티브에 의해 결정되며 " 웹 콘텐츠 접근성 지침(WCAG) " 으로 명명됩니다 . WCAG에 따르면 콘텐츠는 POUR 원칙을 따라야 합니다.

P — 인식 가능: 정보가 표시되어야 합니다(텍스트 대안, 시간 기반 미디어 대안).

O - 작동 가능: 인터페이스 양식, 컨트롤 및 탐색이 작동 가능합니다("액션"이 작동해야 함).

U — 이해 가능: UI가 이해 가능해야 하고 콘텐츠를 읽을 수 있어야 합니다.

R — 견고함: 사용자는 기술이 발전함에 따라 콘텐츠에 액세스할 수 있어야 합니다. 모든 콘텐츠는 액세스 가능한 상태로 유지되어야 합니다.

그래서 "어디서부터 시작해야 할까요?"라고 물을 수 있습니다. 이 질문에 대한 진정한 답은 "디자인"입니다. 디자인은 POUR 원칙에 따라 모든 사용자의 요구를 충족해야 합니다 .

접근성을 확인하거나 보장하기 위해 할 수 있는 몇 가지 작업이 있습니다.

1. Chrome 열기 > 도구 더보기 > 개발자 도구 > 반응성 > 다양한 화면 크기 및 콘텐츠 가독성 탐색
2. 이동https://webaim.org/resources/contrastchecker/색상 대비를 확인합니다. 대비가 좋은 단순한 색상을 사용하십시오. 최소 명암비는 일반적으로 4.5:1이어야 합니다. [4]와 [5]의 기준을 확인하십시오.
3. "색상 오라클 도구"를 다운로드하고 눈/색맹 및 장애가 있는 다른 사용자가 애플리케이션을 어떻게 보는지 확인하십시오.
4. 방문하거나 가리키면 링크의 색상을 변경해야 합니다.
5. 콘텐츠의 타이포그래피와 가독성을 확인하세요. 콘텐츠의 모양, 무게, 크기, 스타일, 간격 및 정렬을 확인합니다.
6. 응용 프로그램에 1–2개의 글꼴을 사용하십시오. 확인하다https://fonts.google.com/글꼴 선택을 위해. 여기에서 Google은 "글꼴 모음 페어링 권장 사항"을 제공합니다. 다른 장치에서 다운로드할 필요가 없는 이미 사용 가능한 글꼴을 사용해 보십시오. 이는 애플리케이션 로드 시간에 도움이 됩니다.
7. 간격에는 문자 간격, 단락 다음 간격, 문자 간격 및 단어 간격을 포함한 4가지 주요 범주가 있습니다. 이 문서를 따르십시오https://www.w3.org/TR/WCAG21/#text-spacing간격을 위해.

참조:

[1]https://www.w3.org/WAI/standards-guidelines/#wcag

[2]https://www.w3.org/TR/WCAG21/

[삼]https://webaim.org/standards/wcag/checklist

[4]https://www.w3.org/TR/WCAG21/#contrast-minimum

[5]https://www.w3.org/TR/WCAG21/#contrast-enhanced