Observed behavior

The button containing the down arrow icon inside the format selection dropdown is independently focusable. It receives distinct focus and is announced by screen readers, even though it is purely a decorative/functional element internal to the component.

Expected behavior

The icon button inside the combobox should not be independently focusable. It must be hidden from assistive technologies via aria-hidden="true" and removed from the tab order via tabindex="-1".

Steps to reproduce

1. Open the document export modal
2. Navigate through the modal using the keyboard
3. Notice that the dropdown arrow button receives independent focus from the combobox

Possible solution

<!-- Before -->
<button type="button">
  <svg><!-- arrow icon --></svg>
</button>

<!-- After -->
<button aria-hidden="true" tabindex="-1">
  <svg><!-- arrow icon --></svg>
</button>

Additional context / Screenshots

RGAA criteria

Critère 7.1 : Chaque script est-il, si nécessaire, compatible avec les technologies d'assistance ?

Impact

A user navigating with a keyboard or screen reader encounters two successive focus stops for a single component, which creates confusion about the modal's structure and unnecessarily burdens navigation.

Priority

P1