fixed `ARIA role should be appropriate for the element` for select language button

This commit is contained in:
daria 2023-08-09 14:25:10 +03:00
parent ae86311c62
commit 972a61c532
1 changed files with 5 additions and 4 deletions

View File

@ -60,12 +60,13 @@ define([
var languages = Msg._languages;
var selected = Msg._languageUsed;
var keys = Object.keys(languages).sort();
keys.forEach(function (l) {
var attr = { value: l, role: 'option'};
var options = keys.map(function (l) {
var attr = { value: l };
if (selected === l) { attr.selected = 'selected'; }
options.push(h('option', attr, languages[l]));
return h('option', attr, languages[l]);
});
var select = h('select', {role: 'listbox', 'label': 'language','aria-label': 'languages'}, options); // XXX
Msg.selectLanguage = "Select a language"; // XXX
var select = h('select', { 'aria-label': Msg.selectLanguage }, options);
$(select).change(function () {
Language.setLanguage($(select).val() || '', null, function () {
window.location.reload();