로그인: 사용자 이름 필드에 자동 포커스가 설정되지 않고 탭 순서에서도 맨 앞에 있지 않음

기여 버그
1

제가 활동 중인 포럼이 최근 2.7.0.beta3에서 2.7.0.beta4로 업그레이드된 후, 사용자 이름 필드에 더 이상 자동 포커스가 잡히지 않습니다. 또한 탭 키를 누르면 해당 필드로 바로 이동하는 대신, 뒤쪽(회색으로 흐려진) 페이지의 모든 링크를 순서대로 지나갑니다. 이로 인해 키보드만으로 로그인하는 것이 매우 어렵습니다.

재현 방법:

  • 개인용/시크릿 브라우저 창을 엽니다. (대부분의 브라우저에서는 Ctrl-Shift-N, Firefox에서는 Ctrl-Shift-P)
  • 디스코urs 포럼 사이트로 이동합니다.
  • 탭 키를 세 번 누른 뒤 엔터를 눌러 로그인 대화상자를 표시합니다.
  • 마우스나 기타 포인터 장치를 사용하지 않고 사용자 이름 필드로 이동해 보세요. 탭 키를 여러 번 눌렀을 때의 동작을 관찰해 보세요.

수정 제안: 사용자 이름 필드에 다시 자동 포커스를 설정하거나, 그것이 불가능하다면(여기서 검색해 본 결과 스마트폰/태블릿의 화면 키보드가 필드를 가리는 문제를 일으켰을 수 있다는 추측이 있습니다) 최소한 로그인 대화상자의 요소에 tabindex 1을 지정하거나(또는 HTML에서 가장 앞에 배치하거나) 해서, 실제로 잘 보이지도 않고 전혀 관심 없는 페이지의 다른 부분들을 탭으로 순회하는 일이 없도록 해야 합니다.

5개의 좋아요
2

필드가 정렬되지 않았다면 수정해야 합니다 @awesomerobot

1개의 좋아요
3

사용자 중 한 분의 보고:

저도 이 문제를 겪고 있습니다. 제가 사용하는 스크린 리더(Windows의 NVDA)를 사용할 경우, 페이지 하단으로 이동하여 대화 상자 요소에서 Enter 키를 눌러 로그인해야 합니다. 이전에는 입력 필드가 자동으로 포커스되어 정보를 바로 입력할 수 있었거든요. Mac의 VoiceOver나 Linux의 Orca에서는 아직 시도해 보지 않았습니다.

3개의 좋아요
4

그래서 다음 주에 @awesomerobot 과 함께 필드 순서를 확인해서 우리 :duck:들이 모두 제자리에 있는지 확인해 보자.

4개의 좋아요
5

여기 업데이트가 있습니다:

4개의 좋아요