접근 가능한 것 & 인클루시브 디자인?

앱 디자인에 접근성이 중요한 이유가 무엇인지 궁금하셨을 것입니다. 시각 장애인이 앱을 사용할 수 있는지 궁금한 적이 있습니까? 장애가 있는 사람들이 기기와 상호작용할 수 있도록 Apple은 어떤 기능을 제공했습니까? 이 기사에서는 접근성과 모든 유형의 사용자가 앱을 쉽게 사용할 수 있는 방법을 살펴보겠습니다.

시력

시각 장애가 있는 사용자는 다음을 수행할 수 있습니다. 실명, 색맹 및 모든 정도의 시력 손실이 있는 사람을 포함합니다. 이 범주에는 외부 요인에 의해 시력이 영향을 받고 반드시 시력 장애가 있는 것은 아닌 사용자도 포함될 수 있습니다.

Apple 제공:

• VoiceOver 는 터치 영역에 무엇이 있는지 사용자에게 큰 소리로 알려줍니다.
• 줌 은 사용자가 터치 제스처를 사용하여 화면의 콘텐츠를 확대할 수 있도록 합니다.
• 받아쓰기 음성으로 텍스트를 입력할 수 있습니다.
• 색상 반전/스마트 반전 사용자가 어두운 배경에서 콘텐츠를 볼 수 있습니다. 스마트 반전 모드에서는 콘텐츠 자체가 반전되지 않고 UI 자체가 어두워집니다.

청각

난청, 청각 장애가 있는 사용자 청각 장애가 반드시 있는 것은 아니지만 소리를 내고 싶지 않은 상황에서 진동과 같은 접근성 기능을 사용하려는 사용자도 있습니다.

Apple 제공:

• 휴무captioning 을 통해 사용자는 미디어 콘텐츠에 자막을 추가하고 표시할 수 있습니다.
• 시각적 및 촉각적 알림 을 통해 사용자는 경고 및 메시지를 알 수 있습니다. 조명 및 진동.
• Type to Siri 모드에서는 사용자가 명령을 입력하여 Siri와 상호 작용할 수 있습니다.

이동성

이 범주의 사용자는 기존 방식으로 장치를 잡고 조작하는 데 어려움을 겪을 수 있습니다.

Apple은 다음을 제공합니다.

• 스위치 제어 는 사용자가 항목을 순차적으로 강조 표시하고 홈 버튼, 잠금 버튼 등의 물리적 스위치를 사용하여 항목을 선택하여 화면을 탐색할 수 있습니다.
• 보조 터치 를 통해 사용자는 이러한 제스처가 포함된 플로팅 메뉴의 일부로 여러 제스처를 설정할 수 있습니다.
• Siri 를 사용하면 음성으로 Siri가 앱과 장치를 제어하도록 지시할 수 있습니다.

접근성 측면에서 생각하기

접근성은 장애가 있는 사용자에게만 국한되지 않습니다. 접근성의 기본 원칙은 능력 및/또는 상황에 관계없이 모든 사람이 정보를 사용할 수 있도록 하는 것입니다. 단순성과 인지 가능성을 우선시하고 디자인의 각 측면을 검토하여 사용자를 배제하지 않도록 해야 합니다.

단순성: 이해하기 쉬운 품질 또는 조건한다.

지각성: (무언가를) 자각하거나 의식하게 되다. 깨닫거나 이해하게 됩니다.

표준 컨트롤을 통한 개인화

Apple의 UIKit<의 일부인 표준 컨트롤을 사용하는 경우 5> 프레임워크를 사용하여 앱의 UI 디자인, 텍스트 및 인터페이스 요소를 생성하면 디자인이 굵은 텍스트 와 함께 동적 유형과 같은 사용자의 접근성 설정에 자동으로 적응합니다. 큰 텍스트 , 색상 반전 및 대비 증가 .

텍스트

텍스트 크기와 무게는 앱 전체에서 명확성과 가독성을 보장하는 데 큰 도움이 됩니다. 동적 유형 을 사용하고 모든 텍스트 및 글리프 크기의 요소 레이아웃이 화면에 잘 맞는지 테스트합니다. Apple 디자인 리소스에서 동적 글꼴 크기 표를 다운로드할 수 있습니다.

동적 글꼴을 사용하면 사람들이 자신에게 적합한 글꼴 크기를 선택할 수 있습니다. 사용자는 iOS 기기의 접근성 설정에서 이를 선택할 수 있습니다.

잘림 방지

글꼴 크기가 커지면 텍스트 잘림을 피해야 합니다. 정보가 숨겨지지 않도록 합니다. 사용자는 단순히 스크롤하여 둘러싸는 모든 텍스트를 읽을 수 있어야 합니다. 사용자가 탭하여 별도의 보기에서 전체 텍스트를 볼 수 있는 옵션이 있는 경우 텍스트를 잘라도 괜찮습니다.

정보 계층 유지

의 기본 요소디자인은 텍스트 크기에 관계없이 화면 상단을 향해야 합니다. 이렇게 하면 일관성이 보장되고 매번 사용자에게 명확한 계층 구조가 전달됩니다.

글꼴 두께

얇음 및 Ultra Thin 글꼴 변형은 재미있고 흥미로울 수 있지만 Regular , Medium , Semi-Bold 또는 Bold 글꼴 두께 특히 더 작은 텍스트 크기에서 훨씬 더 쉽게 볼 수 있습니다.

텍스트 대비

텍스트가 작거나 가벼울수록 대비가 높아야 합니다. 가독성을 높입니다. Apple에서 제공하는 다음 가이드를 사용하여 텍스트 크기에 따라 적절한 명암비와 텍스트 두께를 결정할 수 있습니다.

맞춤형 글꼴

대부분의 앱 개발자는 맞춤 글꼴을 사용합니다. 앱 디자인으로 눈에 띄도록 합니다. 사용자 정의 글꼴을 사용해야 하는 경우 작은 크기에서도 글꼴을 읽을 수 있는지 확인하십시오. 접근성을 유지하기 위해 사용자 정의 글꼴을 사용하여 동적 유형을 지원하도록 개발자에게 요청하십시오.

색상

앱의 일부가 정보를 전달하기 위해 색상을 사용하는 경우 다음 사항도 확인하십시오. 색맹 사용자가 화면의 정보를 이해하는 데 도움이 되도록 텍스트 레이블이나 글리프를 제공합니다.

시스템 색상

가능한 한 시스템 색상을 사용하여디자인을 만들면 텍스트와 보기가 색상 반전 및 대비 증가 <와 같은 장치의 접근성 설정 변경에 자동으로 응답합니다. 5>.

색맹

행동, 반응 또는 중요한 것을 전달할 때 색상을 유일한 시각적 단서로 사용하지 마세요. 색맹인 사람들은 귀하의 콘텐츠에 참여하는 데 어려움을 겪을 것입니다.

색맹인 사용자가 구별하기 어려운 색상 조합은 피하십시오. 특히 두 가지 상태가 있는 UI 컨트롤 요소의 경우. 예를 들어 앱에서 빨간색과 녹색을 사용하여 상태를 전달하는 경우 각 상태에 대해 도형을 사용할 수도 있습니다. 한 상태에는 사각형을, 다른 상태에는 원을 사용할 수 있습니다.

대비

텍스트와 배경 사이의 대비 비율은 4.5:1 이상이어야 합니다. 대비가 낮을수록 읽기 쉽기 때문에 글꼴이 크고 무거울수록 비율이 좋아집니다.

텍스트, 글리프 및 UI 컨트롤과 같은 시각적 요소의 대비를 높이면 디자인의 가독성을 저하시키는 데 도움이 될 수 있습니다. WCAG(Web Content Accessibility Guidelines)에 기반한 유효성 검사 도구를 사용하여 디자인이 대비에 대한 최소 허용 수준을 충족하는지 테스트할 수 있습니다.

접근성 도구

색상 팔레트 생성기 및 유효성 검사기

액세스 가능한 색상 팔레트 빌더는최대 6가지 색상을 입력하고 색상 매트릭스를 검토하여 조합할 수 있는 색상을 확인합니다.

Lyft Design의 ColorBox를 사용하면 접근 가능한 색상 시스템을 알고리즘 방식으로 구축할 수 있습니다. 색조, 채도 및 광도별로 색상을 정렬할 수도 있습니다.

ContrastApp을 사용하면 WCAG 규칙에 따라 접근성을 위해 텍스트를 확인할 수 있습니다. 무료입니다. [:

Color Blindness Simulator

Color Oracle은 색맹을 알고리즘으로 시뮬레이션하여 색맹의 눈으로 디자인을 볼 수 있도록 합니다. 사람.

나가기

조사할 때 접근성에 대한 가정이 올바른지 확인하십시오. 협회 및 온라인 커뮤니티에 연락하기 위해 노력하십시오. 사람들이 얼마나 기꺼이 도와주는지 알면 놀랄 것입니다.