프로젝트 옐로우핑거 소개 연구실 문의하기
contact@yellow-finger.com
02.2205.4128
Accessibility in Design Systems: The Role of Documentation
설계시스템에서의 접근성 : 문서화의 역할
Accessibility in Design Systems: The Role of Documentation
Design systems play a crucial role in promoting accessible design. Find out how a structured and well-documented design system can result in more inclusive and accessible products for all users.
디자인 시스템은 접근 가능한 디자인을 촉진하는 데 중요한 역할을 한다. 구조화되고 잘 문서화된 디자인 시스템이 모든 사용자에게 보다 포괄적이고 접근 가능한 제품을 제공할 수 있는 방법을 찾는다.
요약 :)
디자인 시스템의 중요성과 그것이 사용자 경험에 미치는 영향.

디자인 시스템의 문서화는 어떻게 필수 구성 요소로서 접근성을 가져야 할까요?

편견을 피하고 사용자를 조사하여 신체적 조건에 관계없이 사용자의 요구에 맞는 제품과 서비스를 제공하는 것이 왜 관련이 있습니까?
더보기→

출처.
Gastón Guevara. (2023.08.29). Dodonut. Accessibility in Design Systems: The Role of Documentation . 2023.12.20. https://dodonut.com/blog/accessibility-in-design-systems/
디자인 시스템의 문서는 디자이너, 개발자 및 기타 팀 구성원을 안내하여 접근성 지침을 디자인에 통합하는 방법에 대한 단계별 지침을 제공합니다. 또한 잘 작성된 문서는 협업을 촉진하고 작업의 일관성을 향상시켜 접근성의 모든 중요한 측면을 고려하고 효과적으로 구현하도록 보장합니다. 이 기사에서는 다음을 살펴보겠습니다. 디자인 시스템의 중요성과 그것이 사용자 경험에 미치는 영향. 디자인 시스템의 문서화는 어떻게 필수 구성 요소로서 접근성을 가져야 할까요? 편견을 피하고 사용자를 조사하여 신체적 조건에 관계없이 사용자의 요구에 맞는 제품과 서비스를 제공하는 것이 왜 관련이 있습니까? 목차: 디자인 시스템의 접근성 이해 접근 가능한 디자인 시스템에서 문서의 역할 디자인 프로세스의 접근성 문서화의 핵심 요소 명확하고 간결한 문서 협업 및 접근성 문서 접근성 문서 유지 및 업데이트 결론 디자인 시스템의 접근성 이해 디자인 시스템의 접근성이란 장애인을 포함한 모든 개인이 사용할 수 있는 인터페이스와 디지털 제품을 만드는 시스템의 능력을 의미합니다. 구조화되고 잘 문서화된 디자인 시스템은 디자인 팀 내에서 접근성 관행의 구현을 용이하게 하여 보다 포괄적이고 모든 사람이 액세스할 수 있는 제품을 만들 수 있습니다 . 접근성이란 디지털 제품의 콘텐츠와 기능이 모든 사람이 인지하고, 작동하고, 이해할 수 있고, 견고하다는 것을 보장하는 것을 의미합니다. 여기에는 색상 대비, 키보드 탐색, 텍스트 가독성, 화면 판독기와 같은 보조 기술과의 호환성 등의 측면을 고려하는 것이 포함됩니다. 디자인 시스템의 맥락에서 처음부터 접근성을 보장하는 것은 디자인 일관성을 유지 하고 개발 프로세스의 후반 단계에서 접근성 문제를 방지하는 데 필수적입니다. 웹사이트 페이지를 유지하는 도도새. 색상 대비, 키보드 탐색, 텍스트 가독성, 화면 판독기와 같은 보조 기술과의 호환성은 모두 접근성의 측면입니다. 처음부터 제품을 디자인할 때 접근성을 고려하면 어떤 이점이 있나요? 유용성: 제품은 포괄적인 초점을 가져야 합니다. 단순한 결정이 아니라 우선순위가 되어야 합니다. 포괄성: 디자인 시스템의 접근성은 장애인이 배제되지 않도록 보장하여 사용자 커뮤니티 내에서 포용성과 다양성을 촉진합니다. 비용 및 시간: 처음부터 접근성 사고를 접목하고 이를 디자인 시스템을 기반으로 모든 제품에 적용함으로써 추후 수정 및 업데이트에 따른 비용 및 시간이 절감됩니다. WCAG(웹 콘텐츠 접근성 지침) 문서에서는 WCAG 2.1 설명서를 설명하고 접근성을 향상시키는 방법을 나열합니다. 디자인 시스템에서 이러한 지침을 따르면 모든 제품이 접근성에 초점을 맞춘 표준을 준수하여 사용자 경험을 향상시킬 수 있습니다. 접근 가능한 디자인 시스템에서 문서의 역할 문서는 디지털 접근이 가능한 제품을 디자인하기 위한 표준과 지침을 확립하는 가이드 역할을 하기 때문에 디자인 시스템과 팀에서 근본적인 역할을 합니다. 모든 팀 구성원이 액세스할 수 있는 중앙 집중식 참조 자료를 제공합니다. 이는 모든 팀 구성원이 인터페이스 구성 요소와 요소를 설계하고 개발하는 방법을 이해하는 데 필수적입니다. 또한 디자인 시스템의 문서화는 모든 사람이 필요한 정보에 명확하고 일관되게 액세스할 수 있으므로 디자이너, 개발자 및 기타 이해관계자 간의 협업을 촉진합니다. 투명성과 명확성은 포괄적인 관점의 통합이 팀의 프로세스와 별개로 간주되지 않도록 하는 필수 요소입니다. 디자인 시스템에서 발견되는 문서의 몇 가지 예는 다음과 같습니다. 스타일 가이드: 색상 팔레트, 타이포그래피, 아이콘, 디자인 가이드라인을 포함하여 인터페이스의 시각적 정체성과 전반적인 모양을 설정합니다. 패턴 라이브러리: 여기에는 디자인의 일관성과 재사용성을 높이기 위해 버튼, 양식, 카드 등 반복되는 디자인 패턴의 예가 포함되어 있습니다. 구성 요소 문서: 디자인 시스템에 사용되는 각 구성 요소, 해당 특성, 상호 작용 및 개발 시 구현 방법을 자세히 설명합니다. Google , Microsoft , Atlassian 등 많은 기업이 웹 접근성을 디자인 시스템에 통합하고 프로세스를 문서화하고 있습니다 . 이 프로세스는 접근성이 하나의 추세로 취급되어서는 안 된다는 점을 보여줍니다. 오히려 조직의 디자인 시스템과 문서를 변경하는 것이 제품에 생명을 불어넣을 때 우선순위입니다. 이러한 의미에서 디자인 시스템의 접근성은 모든 사용자가 능력에 관계없이 디지털 제품과 쉽게 상호 작용하고 사용할 수 있도록 보장합니다. 우수한 접근성을 통해 장애가 있는 사용자가 인터페이스에 효과적으로 액세스하고 사용할 수 있으며, 모든 사람에게 긍정적이고 풍요로운 경험을 촉진하고 화면 너머의 사회 개선에 기여하여 현재 어떤 형태로든 장애가 있는 수백 명의 사람들에게 가능성을 제공합니다. 디자인 프로세스의 접근성 문서화의 핵심 요소 디자인 시스템은 복잡성이 증가하는 구조이므로 특히 접근성과 관련하여 요소를 문서화하는 것이 중요합니다. 여기에는 팀의 요구 사항과 접근성을 시스템에 통합하는 단계에 따라 수정될 접근성 지침 역할을 하는 접근성 표준이 포함되어 있습니다. 이와 관련하여 접근성 목표에 대한 설명은 디자인 시스템이 달성하려는 접근성 목표에 대한 간결한 설명이어야 합니다. 이러한 목표에는 접근성 지침을 준수하고 포괄적인 사용자 경험을 제공하는 것이 포함될 수 있습니다. 또한 접근성 있는 디자인에 대한 지침은 접근성 있는 디자인을 만드는 방법에 대한 정보를 제공합니다. 이는 읽을 수 있는 글꼴 크기, 적절한 색상 대비, 의미 있는 아이콘, 키보드 탐색 및 보조 장치용 인터페이스 디자인 방법에 대한 권장 사항으로 구성될 수 있습니다. 마찬가지로 문서에는 접근 가능한 구성 요소 라이브러리가 포함되어야 하며, 접근 가능한 방식으로 UI 요소를 구현하는 방법에 대한 예제와 지침을 제공해야 합니다. 예를 들어 포괄적 구성 요소 가이드는 개발 카드, 알림, 토글 버튼 및 기타 구성 요소에 포괄적 디자인을 통합하는 방법에 대한 정보를 제공합니다. 또한, 접근 가능한 구성 요소와 패턴을 직접 통합하는 디자인 시스템 내에서 포괄적인 구조를 구축하는 것이 필수적입니다. 이를 통해 디자이너와 개발자는 시스템을 사용할 때마다 접근 가능한 요소를 기반으로 작업할 수 있습니다. 디자인 시스템에 통합할 수 있는 옵션은 다음과 같습니다. 라벨링 및 문서화: 접근 가능한 모든 구성 요소와 지침은 디자인 시스템 내에서 인식 가능해야 합니다. 지속적인 업데이트: 접근성 문서는 국제 표준에 따라 최신 상태로 유지되어야 합니다. 이를 통해 디자인 시스템의 관련성을 유지하고 최신 접근성 지침을 준수할 수 있습니다. 접근 가능한 양식: 문서는 적절한 라벨링, 명확한 지침 및 간단한 탐색을 포함하여 접근 가능한 양식을 설계하고 개발하는 방법을 다루어야 합니다. 멀티미디어 접근성 고려 사항: 청각 또는 시각 장애가 있는 개인이 이미지 및 비디오와 같은 멀티미디어 요소에 접근할 수 있도록 보장하는 지침이 포함되어야 합니다. 여기에는 이미지(대체 텍스트) 및 비디오 캡션에 대한 대체 설명을 제공하는 것이 포함될 수 있습니다. 접근 가능한 탐색 지침: 문서는 디지털 제품 전반에 걸쳐 명확하고 일관된 탐색을 위한 지침을 설정하여 사용자가 어려움 없이 필요한 정보를 더 쉽게 찾을 수 있도록 해야 합니다. 여기에는 키보드 탐색과 논리적 순서의 제목이 있는 논리적 콘텐츠 구조가 포함됩니다. 웹상에서 다양한 색상을 보여주는 도도새. 청각 또는 시각 장애가 있는 개인은 이미지, 비디오를 포함한 멀티미디어 요소에 접근할 수 있어야 합니다. 명확하고 간결한 문서 문서화는 디자인 시스템에서 접근성을 정확하게 구현하는 데 중요한 역할을 합니다. 문서화의 중요성은 디자이너와 개발자에게 명확하고 상세한 지침을 제공하여 그들이 접근성 지침을 이해하고 이를 프로젝트에 일관되게 적용할 수 있도록 하는 데 있습니다. 잘 구조화된 문서는 팀 구성원 간의 협업을 촉진하여 모든 사람이 전체 작업에 대해 잘 알고 공통 접근성 목표에 집중할 수 있도록 합니다. 명확하고 간결한 문서의 일부 측면: 계층 구조: 문서를 명확하고 논리적으로 구성하여 사용자가 정보에 빠르고 쉽게 액세스할 수 있도록 합니다. 관련 주제를 그룹화하고 제목과 부제의 우선순위를 지정하여 탐색과 이해를 돕습니다. 태그 및 카테고리: 적절한 태그와 카테고리를 사용하여 접근성 관련 문서를 분류하세요. 이를 통해 디자이너와 개발자는 특정 정보를 보다 효율적으로 찾을 수 있습니다. 색인 및 목차: 문서에서 다루는 주제를 나열하는 색인과 목차를 포함합니다. 이러한 요소는 검색을 용이하게 하고 관련 정보에 대한 빠른 참조 역할을 합니다. 이미지: 이미지와 다이어그램을 사용하여 액세스 가능한 페이지의 구조, 적절한 이미지 태그의 예, 키보드 탐색 개선 방법 등 주요 접근성 개념을 시각화합니다. 예: 버튼, 양식, 탐색 메뉴와 같은 일반적인 디자인 요소에 접근성 요구 사항을 구현하는 실제 예를 제공합니다. 이러한 예는 팀 구성원이 실제로 접근성을 적용하는 방법을 더 잘 이해하는 데 도움이 됩니다. 코드 조각: 특정 접근성 문제를 해결하기 위한 코드 조각과 기술 솔루션을 포함합니다. 이러한 코드 조각은 개발자가 코드베이스에서 디지털 접근성 모범 사례를 신속하게 구현하는 데 도움이 될 수 있습니다. 제품과 다양한 팀 전반에 걸쳐 일관성을 달성하는 것은 모든 사람이 참여하는 작업입니다. 장애인에 대한 깊은 이해는 공감을 통해 이루어진다 . 접근성 관점에서 고안된 디자인 시스템은 더 많은 기회를 제공하고 더 많은 사람을 포함하는 패러다임 전환을 나타냅니다. 협업 및 접근성 문서 디자이너, 개발자 및 접근성 전문가 간의 협업은 접근성 문서가 포괄적이고 효과적인지 확인하는 데 중요합니다. 각 팀원의 적극적인 참여가 필수적입니다. 모든 의견은 공감을 구축하고 각 작업 단위에 통합된 접근 가능한 디자인 시스템을 구축하는 데 모든 사람을 참여시키는 데 필수적입니다. 각 팀 구성원은 고유한 관점과 지식을 가져오며 이를 결합하면 문서가 풍부해지고 접근성과 관련된 모든 측면이 해결되도록 보장합니다. 각 팀은 포괄적인 관점을 육성하고 통합하여 모든 사람이 접근 가능한 디자인 시스템에 대한 문서를 염두에 두도록 할 책임이 있습니다. 팀 역학은 포괄적인 접근성 문서를 작성하기 위해 다양한 관점의 기여를 포함하는 것의 중요성을 논의할 수 있는 공간을 제공해야 합니다. 다양한 능력과 경험을 가진 사람들은 접근성과 관련된 고유한 과제와 요구 사항을 식별할 수 있습니다. 이러한 다양한 관점을 고려하면 문서가 더욱 포괄적이고 광범위한 사용자가 액세스할 수 있게 됩니다. 협업을 통해 팀원은 지식을 공유하고 문제를 함께 해결할 수 있습니다. 함께 협력함으로써 접근성 구현에 있어 잠재적인 장애물을 식별하고 해결할 수 있습니다. 또한 지속적인 커뮤니케이션을 유지하면 디자인 시스템의 접근성 문서가 최신 관행 및 접근성 표준으로 계속 업데이트되어 제공된 정보가 정확하고 필수적이라는 것을 보장할 수 있습니다. 좁은 범위, 아이콘, 텍스트 컨테이너와 같은 웹사이트 구성요소가 포함된 접근성 문서입니다. 포괄적이고 효과적인 접근성 문서를 작성하려면 디자이너, 개발자 및 접근성 전문가가 협력하는 것이 중요합니다. 접근성 문서 유지 및 업데이트 디지털 제품이 포괄적인 상태를 유지하고 현재 표준을 준수하도록 하려면 접근성 문서를 최신 상태로 유지하는 것이 필수적입니다. 접근성 지침과 모범 사례가 발전함에 따라 이러한 변경 사항을 반영하고 설계 및 개발 팀이 가장 정확하고 관련성 있는 정보를 갖도록 문서를 검토하고 업데이트해야 합니다. 최신 문서를 유지하기 위한 핵심 전략은 정기적인 검토 프로세스를 확립하는 것입니다. 여기에는 특정 간격으로 문서를 검토하고 업데이트할 책임이 있는 팀을 지정하는 것이 포함될 수 있습니다. 또한 문서가 최신 상태인지 확인하려면 접근성의 최신 개발에 대한 정보를 얻는 것이 중요합니다. 접근성은 끊임없이 진화하는 프로세스이므로 평가와 반복의 중요성을 인식하는 것이 필수적입니다. 사용자 피드백을 수집하고, 접근성 테스트를 수행하고, 지속적인 개선에 열려 있으면 시간이 지남에 따라 접근성 문서가 개선될 수 있습니다. 지속적인 반복을 통해 문서는 디지털 제품의 접근성을 향상시키는 데 관련성과 효율성을 유지합니다. 현재와 ​​미래의 팀 구성원 모두에게 문서화는 디지털 제품 전체를 조정하는 데 매우 중요합니다 . 제품을 확장하려는 팀에게는 편견을 피하고 포용적인 관행을 개발하는 것이 필수적입니다. 접근 가능한 웹사이트의 잠재력을 발휘하는 열쇠입니다. 최신 문서를 유지하려면 정기적인 검토 프로세스가 필요합니다. 정기적으로 문서를 검토하고 업데이트할 팀을 배정해야 할 수도 있습니다. 결론 오늘날의 제품에는 접근성이 필수입니다. 기술 팀 내에서 모범 사례를 육성하는 것은 모든 사람을 포함하는 제품의 미래를 위해 매우 중요합니다. 이는 복잡하고 어려운 과정입니다. 강력한 접근성 문서를 작성하려면 디자이너, 개발자 및 접근성 전문가 간의 협업이 중요합니다. 다양한 관점과 지식을 통합함으로써 디자인 시스템은 모든 사용자의 요구를 더 잘 해결할 수 있습니다. 접근성은 선택이 아니라 모든 사람의 책임이 되어야 합니다. 디자인 시스템의 현재와 미래는 접근 가능해야 하며, 디자인 시스템의 문서화는 모든 팀의 우선순위가 되어야 합니다. 사용자 연구와 피드백을 포함하는 것은 디자인 시스템과 문서화의 성숙도에 필수적입니다. 기술이 문제가 아닌 솔루션의 일부가 되는 더 나은 디지털 경험을 만드는 데 도움이 됩니다. 기술이 발전함에 따라 접근성을 우선시하고 디지털 제품이 능력이나 장애에 관계없이 모든 사용자에게 포용적이고 사용 가능하며 환영받는지 확인하는 것이 중요합니다. 협력하고, 공감을 키우고, 지속적으로 문서를 업데이트함으로써 우리는 모든 사람이 더 쉽게 접근하고 포용할 수 있는 디지털 세상을 구축할 수 있습니다.