새소식

본캠프/스터디

비활성화 버튼

  • -

아티클 https://uxdesign.cc/what-should-be-the-contrast-level-of-inactive-buttons-e618424c1f57

 

What should be the contrast level of inactive buttons?

Using the APCA Readability Criterion to improve the accessibility of disabled controls

uxdesign.cc

- 비활성 사용자 인터페이스 구성 요소의 일부인 텍스트 또는 이미지… 대조 요구 사항 없음

- ARC Visual Readability Contrast 가이드라인에서는 Bronze, Silver, Gold(소스)의 세 가지 최소 콘트라스트 적합성 레벨이 있습니다.
테스트 대비 최소 대조 수준은 텍스트에 대한 세 가지 사용 사례에 따라 달라집니다. 유창한, 하위 유창한, 유창하지 않은(소스).

- 테스트의 경우 대비 값(Lc)이 Lc 45 이상이어야 합니다. 어떤 경우에도 Lc 30 미만이면 안 됩니다.

- 비활성화된 버튼을 고려하면 시각적으로 구별되어야 하고 사용 가능한 버튼과 더 쉽게 구별하기 위해 가독성이 떨어져야 합니다. 반면에 사용자가 버튼인지 전혀 알 수 없는 "가독성" 정도에 이르지 않도록 주의해야 합니다.

- 비활성화된 버튼의 시각적 단서로 대비를 사용하는 것 외에도 비활성화된 버튼을 사용할 수 있도록 하는 몇 가지 권장 사항이 있습니다(명확한 라벨링, 아리아 역할 및 속성, 키보드 탐색 등).

- 비활성화된 버튼이 필요한 경우 도구 설명을 사용하여 작업을 활성화하는 이유와 방법을 설명합니다.

 

 

아티클 https://medium.com/@adamsilverhq/the-problem-with-disabled-buttons-and-what-to-do-instead-e88df7f36253

 

The problem with disabled buttons and what to do instead

When a form has mistakes, the user has to look at each field, spot a mistake and work out how to fix it. If the user thinks their answers are valid, the UI may feel broken. If there are multiple…

medium.com

 

  1. 사용자가 질문을 이해할 수 있도록 명확한 레이블과 힌트 텍스트를 작성합니다.
  2. 인지 부하를 줄이기 위해 한 페이지당 한 가지로 시작합니다.
  3. 사용자가 항상 피드백을 받을 수 있도록 버튼을 활성화합니다.
  4. 사소한 실수를 용서하여 불필요한 실수를 피하다.

'본캠프 > 스터디' 카테고리의 다른 글

HIG Button -iOS, iPadOS  (0) 2024.01.14
HIG Button  (1) 2024.01.14
[UIUX] 2024-01-10 오늘 발견  (0) 2024.01.10
Contents

포스팅 주소를 복사했습니다 lrdud030@gmail.com