# Dans les tailles de fenêtre étroites, le bouton Nouveau sujet n'a pas de description ARIA

**URL:** https://meta.discourse.org/t/in-narrow-window-sizes-new-topic-button-has-no-aria-description/108374
**Category:** Bug
**Created:** [Février 5, 2019, 3:49 UTC](https://meta.discourse.org/t/in-narrow-window-sizes-new-topic-button-has-no-aria-description/108374 "2019-02-05T03:49:42Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![dfabulich](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dfabulich/32/108716_2.png) [@dfabulich](https://meta.discourse.org/u/dfabulich)
#### Post date: [Février 5, 2019, 3:49 UTC](https://meta.discourse.org/t/in-narrow-window-sizes-new-topic-button-has-no-aria-description/108374/1 "2019-02-05T03:49:43Z")

</div>

Resize your browser window to be slightly less than 850px wide. The “+ New Topic” button will collapse to a + button.

Using a screen reader like macOS VoiceOver, select the button. (I’ve also reproduced this in JAWS on Windows with Firefox.)

Expected: The collapsed button should have an ARIA description, explaining that this is a New Topic button

Actual: The collapsed button has no description. The screen reader just says, “button.”

 ![50%20PM](https://global.discourse-cdn.com/meta/original/3X/f/e/fed728687f27c652db097ace41837cea089de643.jpeg)

---

<div class="post-metadata">

### Author: ![dfabulich](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dfabulich/32/108716_2.png) [@dfabulich](https://meta.discourse.org/u/dfabulich)
#### Post date: [Février 5, 2019, 3:54 UTC](https://meta.discourse.org/t/in-narrow-window-sizes-new-topic-button-has-no-aria-description/108374/2 "2019-02-05T03:54:50Z")

</div>

Note that this does not impact iOS VoiceOver, because on iOS, the New Topic button doesn’t collapse; the navigation collapses into a drop-down menu instead.

---

<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: [Février 5, 2019, 6:03 UTC](https://meta.discourse.org/t/in-narrow-window-sizes-new-topic-button-has-no-aria-description/108374/3 "2019-02-05T06:03:10Z")

</div>

@dan can you add this to your list?

---

<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: [Février 5, 2019, 11:34 UTC](https://meta.discourse.org/t/in-narrow-window-sizes-new-topic-button-has-no-aria-description/108374/4 "2019-02-05T11:34:07Z")

</div>

We’ve been mapping the `title` attribute to `aria-label` and it looks like macOS’s VoiceOver ignores it.

What I’ve done is to map the `label` attribute (which is the visible text) to the `aria-label` attribute. A quick search shows up that 268 `d-button`s have labels and only 69 have a titles, so other parts of the interface will also be improved. 😊

[https://github.com/discourse/discourse/commit/31ffcf989ce63e451baaed7deb61bf3e3126f197](https://github.com/discourse/discourse/commit/31ffcf989ce63e451baaed7deb61bf3e3126f197)

---

<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: [Février 15, 2019, 9:17 UTC](https://meta.discourse.org/t/in-narrow-window-sizes-new-topic-button-has-no-aria-description/108374/5 "2019-02-15T09:17:09Z")

</div>