# 검색 페이지의 키보드 내비게이션

**URL:** https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183
**Category:** Feature
**Tags:** keyboard, accessibility
**Created:** [3월 23, 2020, 2:14오전 UTC](https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183 "2020-03-23T02:14:59Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![schleifer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schleifer/32/86416_2.png) [@schleifer](https://meta.discourse.org/u/schleifer)
#### Post date: [3월 23, 2020, 2:14오전 UTC](https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183/1 "2020-03-23T02:14:59Z")

</div>

검색을 시작하려면 '/'를 입력하고, 검색어를 입력한 뒤 Enter 키를 누르면 결과 화면으로 이동합니다:

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/7/37288ce317417750fa999804c4453b5d3b70899c.png)

Tab 키를 많이 눌러서 이동하는 것은 \_가능\_하지만, 토픽 목록에서 사용할 수 있는 j/k/o/u 키를 사용하는 것이 훨씬 편리합니다.

---

<div class="post-metadata">

### Author: ![maiki](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maiki/32/233950_2.png) [@maiki](https://meta.discourse.org/u/maiki)
#### Post date: [3월 23, 2020, 7:05오전 UTC](https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183/2 "2020-03-23T07:05:14Z")

</div>

검색 결과도 키보드 탐색이 되도록 해주세요. 🙂

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [3월 24, 2020, 4:13오전 UTC](https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183/3 "2020-03-24T04:13:11Z")

</div>

> [@maiki](#):
>
> 검색 결과에서 키보드 내비게이션을 사용하려면 어떻게 해야 하나요?

이미 가능합니다. 위/아래 화살표 키를 사용하고, `a` 키를 눌러 작성기에 추가할 수 있어요:

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/a/6a8cbb1dd709433f415331897e1e8275ff52fa25.png)

@dan 전체 페이지 검색에 j k 키 지원 추가하는 게 얼마나 어려운가요?

---

<div class="post-metadata">

### Author: ![dan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dan/32/101549_2.png) [@dan](https://meta.discourse.org/u/dan)
#### Post date: [3월 24, 2020, 4:01오후 UTC](https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183/5 "2020-03-24T16:01:09Z")

</div>

> [@sam](#):
>
> @udan11 전체 페이지 검색에 j k 키보드 단축키 지원을 추가하는 게 얼마나 어려운가요?

별로 어렵지 않아요 🙂

> <https://github.com/discourse/discourse/pull/9264>

---

<div class="post-metadata">

### Author: ![maiki](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maiki/32/233950_2.png) [@maiki](https://meta.discourse.org/u/maiki)
#### Post date: [3월 24, 2020, 7:22오후 UTC](https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183/6 "2020-03-24T19:22:02Z")

</div>

> [@sam](#):
>
> `a` 키를 눌러 composer에 추가하기

그 부분에 대해 좀 더 자세히 설명해 주실 수 있을까요? 여기서 말하는 composer는 …

아, 알겠어요! 하하, 이제 경로가 드러나네요.

여러분, 그 컨텍스트에서 j/k 대신 위/아래 화살표 키로 전환되는 특별한 이유가 있을까요? 저는 전체 검색 페이지의 내비게이션에 대한 지지를 표명하고 있었지만, 실제로는 위/아래 키에 대해 몰랐고, 검색 모달에서는 j/k 키를 분명히 시도해 보았거든요. 😵

---

<div class="post-metadata">

### Author: ![dan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dan/32/101549_2.png) [@dan](https://meta.discourse.org/u/dan)
#### Post date: [3월 25, 2020, 12:17오후 UTC](https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183/7 "2020-03-25T12:17:22Z")

</div>

> [@maiki](#):
>
> 안녕하세요, 해당 컨텍스트에서 j/k 대신 위/아래 화살표 키로 전환되는 이유가 있을까요? 전체 검색 페이지의 내비게이션에 제 지지를 표명하려고 했었는데, 사실 위/아래 화살표 키에 대해선 몰랐지만 검색 모달에서는 j/k 키를 분명히 시도해 보았거든요. 😵

J 또는 K만으로는 작동하지 않습니다. 그렇게 하면 검색 입력란에 J와 K가 추가되거든요. 따라서 Tab, ↓, 마우스 또는 다른 키를 사용해야 합니다.

수정: 키보드 단축키 모달 ?에 이 단축키들을 포함시켰습니다:

> <https://github.com/discourse/discourse/pull/9273>
>
> Includes a new section (Search Menu) to the keyboard shortcuts modal \<kbd\>?\</kbd…\>.
> 
> !\[image\](https://user-images.githubusercontent.com/4147664/77537246-6d8ff980-6ea6-11ea-9ecd-e791eb2ea819.png)

---

<div class="post-metadata">

### Author: ![maiki](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/maiki/32/233950_2.png) [@maiki](https://meta.discourse.org/u/maiki)
#### Post date: [3월 25, 2020, 9:20오후 UTC](https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183/8 "2020-03-25T21:20:18Z")

</div>

감사합니다! 나중에 실제로 검색을 사용해보니 갑자기 모든 것이 이해가 되더군요. (위에서 언급된 "a 키로 추가하기"도 마찬가지였습니다.)

다들 감사합니다!

---

<div class="post-metadata">

### Author: ![schleifer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schleifer/32/86416_2.png) [@schleifer](https://meta.discourse.org/u/schleifer)
#### Post date: [4월 17, 2020, 4:58오후 UTC](https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183/9 "2020-04-17T16:58:10Z")

</div>

처음에는 잘 작동했지만, 요즘은 이상한 현상이 발생하고 있습니다.

`j`/`k` 키로 목록을 위아래로 이동할 수 있지만, `o` 키를 눌러도 선택된 주제로 진입하지 않습니다. 대신 항상 현재 화면에 표시된 마지막 결과가 로드됩니다. (결과가 50개 이상인 경우 50번째 항목이 로드됩니다.)

제가 수행한 작업:

1. `/` 키를 눌러 검색창을 열기
2. `something` 입력
3. `return` 키를 누르기
4. `j` 키를 눌러 목록에서 2개 아래로 이동  
[Can I Admit Something...? 🤔](https://meta.discourse.org/t/can-i-admit-something-thinking/78719) 이 제목이 선택된 상태
5. `o` 키를 누르기

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/f/af53d5fca09f4995570d7839f2981f90dabd4dce.png)

로드될 것으로 예상했던 것:

> [@Can I Admit Something...? thinking](https://meta.discourse.org/t/-/78719):
>
> … i’m kind of obsessed with updating the forum. Everytime I see New Version Available! I get all excited… perhaps more than I should…? That is all. #confession

실제로 로드된 것:

> [@Sending suggestions without involving legal terms, TOS, external agencies etc](https://meta.discourse.org/t/-/40964):
>
> Basically I’d like to contribute to a Forum without attaching myself to other legal-speak / [TOS](https://meta.discourse.org/tos) stuff which I see as unrelated to improving parts of this site. I think we can still use Discourse in some way without all the rest. Maybe some of my point goes in how I didn’t even actually have to read all the [TOS](https://meta.discourse.org/tos) or respect it to become a user so it’s kind of a lie anyway… a known flaw in signing up that kind of actually undermines life. I believe in Discourse! The [TOS](https://meta.discourse.org/tos) here is not that bad but ma…

---

<div class="post-metadata">

### Author: ![dan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dan/32/101549_2.png) [@dan](https://meta.discourse.org/u/dan)
#### Post date: [4월 29, 2020, 6:27오후 UTC](https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183/11 "2020-04-29T18:27:54Z")

</div>

해당 문제에 대한 수정 사항을 방금 푸시했습니다. 이제 정상적으로 작동할 것입니다.

> <https://github.com/discourse/discourse/commit/402194f313257021549d23514969bc69dd0274e5>
>
> Follow-up to 70012f20278430362649a26a28d3cb4b39449b64.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [7월 7, 2021, 6:07오전 UTC](https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183/12 "2021-07-07T06:07:59Z")

</div>

이것은 설정이 완료되었고 잘 작동하고 있습니다.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [7월 7, 2021, 6:08오전 UTC](https://meta.discourse.org/t/keyboard-nagivation-on-the-search-page/145183/13 "2021-07-07T06:08:01Z")

</div>


