접근성을 위해 개발하기
접근성을 위해 개발하기
PatternFly는 접근성 있는 컴포넌트를 제공하지만, 여러분의 제품이 접근 가능하리라고 보장할 수는 없어요. 제품이 접근 가능하도록 하려면 아래 가이드라인과 기법에서 설명하는 것처럼 개발 과정에서 추가 단계를 거쳐야 합니다.
본문
개발 중 접근성 우선시하기
제품을 개발하면서 다음과 같은 몇 가지 질문을 스스로 던져 접근성을 항상 염두에 두어야 해요:
- 모든 사용자가 요소를 발견하고 지각할 수 있나? 요소를 보고 클릭할 수 있다면, 모든 사용자가 그것을 찾아 탐색할 수 있어야 해요. 여기에는 키보드나 스크린 리더 같은 다른 보조 기술을 사용하는 사람도 포함됩니다.
- 모든 사용자가 요소와 상호작용할 수 있나? 요소가 포커스되면 사용자가 그것을 쉽게 사용할 수 있어야 해요. 사용자는 키보드(예: 버튼 동작을 시작하려고 Enter를 누르는 것)와 스크린 리더로 요소와 상호작용하고 동작을 시작할 수 있어야 합니다.
- 모든 사용자가 요소를 이해할 수 있나? 요소가 어떤 동작을 수행할 수 있는지 명확해야 해요. 예를 들어 버튼에는 페이지 맥락 밖에서도 명확한 보이는 텍스트가 있어야 해요. 그렇지 않다면 aria-label이나 접근 가능한 이름이 있어야 합니다.
개발 기법
PatternFly의 범위 밖에 있지만 접근성을 보장하기 위해 우선시해야 할 항목들이 있어요:
- 메인 콘텐츠로 건너뛰기(skip to main) 링크 — WCAG 2.4.1
- 여러 웹 페이지에서 반복되는 콘텐츠 블록을 우회할 수 있는 메커니즘이 있어야 해요.
- 키보드 전용 사용자가 사이트와 상호작용할 때, Tab 키로 링크에서 링크로 이동해요. UI의 페이지 헤더나 메뉴에 링크가 많다면, 그들은 새 페이지에 올 때마다 메인 콘텐츠에 도달하려고 그 모든 링크를 탭으로 통과해야 해요. "skip to main content" 링크를 제공하면 이 불편함을 쉽게 우회할 수 있습니다.