# 게시물 번호 1에 있는 '9개 링크' 컨트롤을 활성화한 후 나타나는 대화 상자가 키보드로 접근할 수 없습니다

**URL:** https://meta.discourse.org/t/dialog-box-which-appears-after-activating-the-9-links-control-present-at-post-number-1-is-not-accessible-through-keyboard/371952
**Category:** Bug
**Tags:** accessibility
**Created:** [6월 27, 2025, 7:07오전 UTC](https://meta.discourse.org/t/dialog-box-which-appears-after-activating-the-9-links-control-present-at-post-number-1-is-not-accessible-through-keyboard/371952 "2025-06-27T07:07:43Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![msftedad](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/msftedad/32/269417_2.png) [@msftedad](https://meta.discourse.org/u/msftedad)
#### Post date: [6월 27, 2025, 7:07오전 UTC](https://meta.discourse.org/t/dialog-box-which-appears-after-activating-the-9-links-control-present-at-post-number-1-is-not-accessible-through-keyboard/371952/1 "2025-06-27T07:07:43Z")

</div>

**제목:** 게시물 번호 1에 있는 ‘9 links’ 컨트롤을 활성화한 후 나타나는 대화상자가 키보드로 접근할 수 없습니다. 즉, 포커스가 대화상자 내부로 이동하지 않습니다.

**Windows**  **테스트 환경:**  
OS: Windows 11 Enterprise Insider Preview Version 24H2 (OS Build 26100.3775)  
브라우저: Microsoft Edge Version 135.0.3179.85 (공식 빌드) (64비트)  
URL: [3.8 Tier List by Infil - General Discussion - Killer Instinct Forums](https://forums.ultra-combo.com/t/3-8-tier-list-by-infil/21786)

**사용자 영향:**  
게시물 번호 1에 있는 ‘9 links’ 컨트롤을 활성화한 후 나타나는 대화상자가 키보드로 접근할 수 없으므로, 키보드에 의존하는 사용자는 대화상자 내부에 있는 컨트롤의 정보를 얻을 수 없게 되어 영향을 받습니다.

**재현 단계:**

1. 최신 Edge 브라우저에서 주어진 URL: [3.8 Tier List by Infil - General Discussion - Killer Instinct Forums](https://forums.ultra-combo.com/t/3-8-tier-list-by-infil/21786) 을 엽니다.
2. Tab 키를 눌러 게시물 번호 1에 있는 ‘9 links’ 컨트롤에 도달한 후 Enter 키를 눌러 활성화합니다.
3. Tab 키를 눌러 화면에 나타나는 대화상자를 탐색합니다.
4. Tab 키를 사용하여 게시물 번호 1에 있는 ‘9 links’ 컨트롤을 활성화한 후 나타나는 대화상자가 키보드로 접근 가능한지 확인합니다.

**실제 결과:**  
게시물 번호 1에 있는 ‘9 links’ 컨트롤을 활성화한 후 나타나는 대화상자는 키보드로 접근할 수 없습니다. 즉, 포커스가 대화상자 내부로 이동하지 않으며, 키보드 포커스는 ‘9links’ 컨트롤에 머물러 있습니다.

**첨부 참조:**

1. 게시물 번호 1에 있는 9 links 컨트롤을 활성화한 후 나타나는 대화상자는 키보드로 접근할 수 없으며, 포커스가 대화상자 내부로 이동하지 않습니다.png
2. 게시물 번호 1에 있는 9 links 컨트롤을 활성화한 후 나타나는 대화상자는 키보드로 접근할 수 없으며, 포커스가 대화상자 내부로 이동하지 않습니다.mp4  

  
 ![게시물 번호 1에 있는 '9 links' 컨트롤을 활성화한 후 나타나는 대화상자는 키보드로 접근할 수 없으며, 포커스가 대화상자 내부로 이동하지 않습니다.](https://global.discourse-cdn.com/meta/original/4X/b/3/5/b35e2308ee98d62a2dae3e9a6137115039ab942c.png)

**기대 결과:**  
게시물 번호 1에 있는 ‘9 links’ 컨트롤을 활성화한 후 나타나는 대화상자는 키보드로 접근 가능해야 하며, 포커스가 대화상자 내부로 이동하고 스크린 리더가 대화상자 내부에 있는 정보를 올바르게 안내해야 합니다.

**다른 사례:**

1. ‘32.7k views’ 컨트롤을 활성화한 후 나타나는 대화상자도 키보드로 접근할 수 없어 동일한 문제가 재현됩니다.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [7월 2, 2025, 1:52오후 UTC](https://meta.discourse.org/t/dialog-box-which-appears-after-activating-the-9-links-control-present-at-post-number-1-is-not-accessible-through-keyboard/371952/2 "2025-07-02T13:52:29Z")

</div>

보고해 주셔서 감사합니다. 최근 병합된 수정 사항이 있으며, 해당 사이트에서 Discourse가 다음 업데이트될 때 적용됩니다.

> <https://github.com/discourse/discourse/pull/33419>
>
> This traps focus for these topic map menus (links, likes, and users)
> 
> !\[image\]…(https://github.com/user-attachments/assets/c56993e7-03f9-47a4-a8a3-6eece4a5fe77)
> 
> and also restructures the links in the link menu to avoid \`display: contents;\` — unfortunately \`display: contents;\` can make content within inaccessible with keyboard nav
> 
> So instead I've restructured it to use subgrid, which avoid the issue without changing the visuals. 
> 
> !\[image\](https://github.com/user-attachments/assets/edf74a0b-6a0d-4f98-a4f5-0151ef327cb6)

또한 Killer Instinct 사이트의 헤더 제목이 잘 읽히지 않도록 만드는 사소한 테마 문제를 발견했습니다:

 ![게이밍 포럼에서 Killer Instinct의 캐릭터 Shin에 대한 티어 리스트를 논의하는 텍스트가 포함된 스크린샷이며, 그의 랭킹과 플레이 스타일에 대한 코멘트가 있습니다. (AI가 캡션을 달음)](https://global.discourse-cdn.com/meta/original/4X/5/0/2/502b3292cfcb8ac25abdef857686584880d24c9b.png)

다음과 같은 사소한 테마 조정으로 수정할 수 있습니다:

```scss
.d-header {
  background: var(--secondary);
} 

```

(우리는 이 사이트의 테마를 직접 관리하지 않으므로, 우리가 직접 적용할 수 있는 수정 사항이 아닙니다)

---

<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월 6, 2025, 10:01오후 UTC](https://meta.discourse.org/t/dialog-box-which-appears-after-activating-the-9-links-control-present-at-post-number-1-is-not-accessible-through-keyboard/371952/3 "2025-07-06T22:01:05Z")

</div>

이 주제는 3일 후 자동으로 닫혔습니다. 더 이상 답변을 작성할 수 없습니다.
