Skip to content

Add accessibility test to new_branch_ref_dropdown_spec

Annabel Dunstone Gray requested to merge 430165-new-branch-ref-dropdown into master

What does this MR do and why?

Adds accessibility test to new_branch_ref_dropdown_spec

Original failures 
     1.1) Failure/Error: expect(page).to be_axe_clean.within('.ref-selector')

            Found 2 accessibility violations:

            1) aria-required-children: Certain ARIA roles must contain particular children (critical)
                https://dequeuniversity.com/rules/axe/4.6/aria-required-children?application=axeAPI
                The following 1 node violate this rule:

                    Selector: #listbox-36
                    HTML: <div id="listbox-36" aria-labelledby="listbox-header-37" role="listbox" tabindex="-1" class="gl-new-dropdown-contents gl-new-dropdown-contents-with-scrim-overlay gl-new-dropdown-contents" style="max-height: 430.609px;">
                    Fix any of the following:
                    - Element has children which are not allowed (see related nodes)
                    - Element has no aria-busy="true" attribute

            2) scrollable-region-focusable: Scrollable region must have keyboard access (moderate)
                https://dequeuniversity.com/rules/axe/4.6/scrollable-region-focusable?application=axeAPI
                The following 1 node violate this rule:

                    Selector: #listbox-36
                    HTML: <div id="listbox-36" aria-labelledby="listbox-header-37" role="listbox" tabindex="-1" class="gl-new-dropdown-contents gl-new-dropdown-contents-with-scrim-overlay gl-new-dropdown-contents" style="max-height: 430.609px;">
                    Fix any of the following:
                    - Element should have focusable content
                    - Element should be focusable

Links

Edited by Annabel Dunstone Gray

Merge request reports