Create branch : Option names present for comboboxes are not announcing by screen reader

XMLWordPrintable

    Issue Summary

    The options present for “Type” combobox is announcing only with index numbers which leads to incomplete information for screen reader users.

    Steps to Reproduce

    1. Navigate onto the “Create” button present in header region and activate it.
    2. Navigate onto the “branch” link and activate it.
    3. Navigate onto the “Type” combo and activate it.
    4. Navigate onto the options present for this combobox with up/down keys.
    5. Observe screen reader announcement.

    Screenshot

    Actual Results

    When screen reader users navigates through combobox options of “Type” element it is announcing with index number only inappropriately. As a result if option names with index are not announced then screen reader users will not be able to interact with it effectively.

    For example : There is third option name such as “Hotfix” for “Type” element.

    When user navigates onto this option with up/down keys, this combobox option is announcing as “option object object focused, 3 of 5. 5 results available.” etc inappropriately. As result if combobox items option name are not reading out then screen reader users might not able to complete this field successfully.

    Expected Results

    The combobox elements option name with appropriate index should be announced by screen reader for mentioned elements when user navigates through it using up/down keys via screen reader software.

    Example : For “Type” combobox element when user focuses on “Hotfix” third option out of 5 items. It should announce as “option Hotfix selected, 3 of 5. 5 results available” etc.

    The part of static text i.e “option focused, 3 of 5. 5 results available.” coming from live region in <span> element should be updated with option names programmatically according to user interaction with this combobox options.

    Code snippet

    <span id="aria-context">option Hotfix focused, 3 of 5. 5 results available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu.</span>
    

    Workaround

    Currently there is no known workaround for this behavior. A workaround will be added here when available

    Environment

    MacBook Pro (16 inch, 2021)
    macOs Sonoma 14.7.1 (23H222)
    Chrome - Version 131.0.6778.265 (Official Build) (arm64)
    Firefox- Version 112.0. 1
    Safari- Version 18.2
    JAWS- Version 2024
    NVDA- Version 2024

          Assignee:
          Unassigned
          Reporter:
          Rogerpinto Marialouis (Inactive)
          Votes:
          0 Vote for this issue
          Watchers:
          2 Start watching this issue

            Created:
            Updated:
            Resolved: