로그인 및 비밀번호 건너뛰기 / 로그인 링크 이메일 전송의 탭 순서

일부 사용자가 로그인 시 TAB 키의 동작에 대해 불만을 제기했습니다.
그들의 관점으로는 username을 입력한 후 TAB 키를 누르면 커서가 password 필드로 이동해야 하며, Skip password link로 이동해서는 안 된다고 합니다.

저희 포럼은 주로 개발자들이 방문하며, 이들은 로그인 시 TAB 키를 사용하는 데 익숙합니다. 그리고 Discourse의 경우, TAB 키를 두 번 누르면 비밀번호 필드에 도달할 수 있다는 것도 알고 있습니다…

하지만 현재의 동작이 특정 디자인 원칙에 따른 것인지, 아니면 어떤 변경 사항의 부수적인 결과인지 궁금합니다.
비슷한 피드백을 받은 적이 있으신가요?

5개의 좋아요

여기서 탭 순서는 괜찮다고 생각합니다. 모달 내 상호작용 요소의 자연스러운 순서이기 때문이죠… 만약 탐색에 키보드만 의존한다면, 탭 순서가 임의적으로 설정되어 있으면 해당 링크에 접근하는 것이 매우 번거로울 수 있습니다.

접근성 전문가들은 절대적으로 필요한 경우가 아니면 페이지에서 요소의 탭 순서를 변경하지 않는 것을 권장합니다. Using the tabindex attribute - Vispero

2개의 좋아요

아, 그렇군요… 그렇다면 로그인 링크 옵션을 권장하는 위치에 두는 것이 좋을지, 아니면 모달에서 더 아래쪽에 배치하는 것이 더 나은지 질문이 남습니다. 비밀번호 입력란 아래에 두는 건 어떨까요?
잘못 이해한 건 아니에요. 로그인 링크 옵션은 흥미롭다고 생각하지만, 비밀번호 입력란에 두 번의 TAB 키로 접근하는 거의 보편적인 사용 패턴을 약간 깨뜨리는 것 같습니다.

2개의 좋아요

OP의 의견에 동의합니다: 비밀번호 관리자를 사용할 때, 비밀번호 관리자와 로그인 폼 사이의 전형적인 “API”(상호작용 방식)는 (1) 사용자 이름 붙여넣기, (2) TAB, (3) 비밀번호 붙여넣기, (4) ENTER입니다.

사용자 이름 입력을 시작할 때(정확히 말하면, 제 비밀번호 관리자가 시작할 때)에만 의외로 나타나는 “건너뛰기” 링크가 이 순서를 깨뜨립니다.

네, 대부분의 비밀번호 관리자는 기본 순서를 변경할 수 있지만, 이는 대부분 보편적으로 수용된 "API"에 수동으로 변경을 가해야 한다는 것을 의미합니다. 이는 숙련된 사용자에게는 번거로움을, 초보자에게는 불가능한 일이 되며, 결국 비밀번호 관리자의 사용률이 줄어들어 Discourse 사용의 전반적인 보안이 약화될 것입니다. (저는 Fairphone 포럼 사용자로서 이렇게 말씀드립니다.)

UX 관점에서 “건너뛰기” 링크가 왜 꼭 이 특정 위치에 있어야 하는지 이유를 찾지 못하겠습니다. 이는 비밀번호를 잊었을 때처럼 아마도 드물게 사용되는 기능일 것입니다. (반대되는 통계를 가지고 계신지는 모르겠지만요.)

따라서 이전 디자인을 유지하는 것을 강력히 주장합니다.

감사합니다 & 인사를 전합니다,
nobi

3개의 좋아요

동의합니다. 제가 사용하는 모든 Discourse 포럼마다 비밀번호 관리기를 다시 설정해야 했기 때문에 꽤 번거로웠습니다.

@awesomerobot 비밀번호 입력 필드 아래로 링크를 이동하는 것을 고려해 주실 수 있을까요?

5개의 좋아요

@awesomerobot 여기서 어떻게 하는 게 좋다고 생각하세요?

  1. “비밀번호 건너뛰기” 힌트를 다른 곳으로 옮길 수 있습니다.
  2. 탭 순서를 조정하여 "비밀번호 건너뛰기"가 비밀번호 입력 필드 다음에만 탭으로 선택되도록 할 수 있습니다.
  3. "구글"처럼 여러 단계로 나뉜 로그인 방식을 도입할 수 있습니다. 첫 화면에는 사용자 이름만 있고, 다음 화면에 비밀번호와 버튼이 있는 방식입니다.
  4. 아무것도 하지 않을 수 있습니다.

이미 굳어진 근육 기억을 가진 사용자들에게는 지금처럼 다소 당혹스러울 수 있다는 데 동의합니다.

2개의 좋아요

대부분의 사용자에게 적절한 위치에 적절한 시점에 배치했다고 생각하지만, 대부분의 사용자가 비밀번호 관리 프로그램이나 키보드 내비게이션을 사용하지 않는 점을 고려하면, 이 특정 불만을 피하기 위해 탭 순서에서 제외하는 것도 괜찮지 않을까요?

1개의 좋아요

조정은 제거보다는 탭 순서를 다음과 같이 설정하는 것이 좋겠습니다.

사용자 이름
비밀번호
로그인
비밀번호 건너뛰기
비밀번호를 잊으셨나요?
새 계정 만들기

2개의 좋아요

로그인 모달의 이 새로운 탭 순서가 이제 Meta에서 적용되었으며, 다음에 Discourse를 업데이트할 때 사용 가능합니다.

2개의 좋아요