[MDL-67577] Accessibility: Wrong tabindex order in top navbar(message+notification) - Moodle Tracker

XML

Word

Printable

Affected Branches:
MOODLE_37_STABLE, MOODLE_38_STABLE, MOODLE_39_STABLE
Fixed Branches:
MOODLE_37_STABLE, MOODLE_38_STABLE
Pull from Repository:
git://github.com/bmbrands/moodle.git
Pull Master Branch:
~~MDL-67577~~-master
Pull Master Diff URL:
https://github.com/bmbrands/moodle/compare/4e41ace0be...MDL-67577-master
Testing Instructions:
Hide

Both with boost and classic:

Login to moodle

Purge caches

Use the tab key on your keyboard to navigate the items in the top navbar

Verify the tab order is search -> notification -> messages -> user dropdown (and the opposite going backwards - generally using SHIFT + TAB)
Show
Both with boost and classic: Login to moodle Purge caches Use the tab key on your keyboard to navigate the items in the top navbar Verify the tab order is search -> notification -> messages -> user dropdown (and the opposite going backwards - generally using SHIFT + TAB)

Running accessibility test, it seems tabindex order of, messages and notification is wrong.

using the tab key to navigate, from search input field to the next element,

we expect the indexing to be as followed:

notification

message

but the order is wrong as mentioned.

the indexing should reflect the visual order of the elements in the DOM

will help resolve

MDL-56376 Tab order incorrect for new popovers in navbar

MDL-67863 Ensure keyboard focus order is efficient and logical

Participants:: adi, Bas Brands, CiBoT, Eloy Lafuente (stronk7), Gladys Basiana, Mathew May

Component watchers:: Jun Pataleta, Huong Nguyen, Bas Brands, Mathew May, Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona)

Estimated:

Not Specified

Remaining:

Logged:

1h 58m