Fixed some accessibility issues:

1) Focus is not visible while navigating through top navbar menu items(File, Object, Tools)
2) In preference dialog wherever access key is used for a shortcut declaration, unable to get out of the textbox.
3) Focus is not visible for the links on the dashboard

Fixes #7046
This commit is contained in:
Ganesh Jaybhay
2021-12-02 16:24:10 +05:30
committed by Akshay Joshi
parent c6424e3897
commit e30cbe2579
3 changed files with 18 additions and 4 deletions

View File

@@ -35,3 +35,4 @@ Bug fixes
| `Issue #7031 <https://redmine.postgresql.org/issues/7031>`_ - Fixed an issue where SQLite database definition is wrong because the USER_ID FK references the table user_old which is not available. | `Issue #7031 <https://redmine.postgresql.org/issues/7031>`_ - Fixed an issue where SQLite database definition is wrong because the USER_ID FK references the table user_old which is not available.
| `Issue #7040 <https://redmine.postgresql.org/issues/7040>`_ - Add "section" to the Debian package control files. | `Issue #7040 <https://redmine.postgresql.org/issues/7040>`_ - Add "section" to the Debian package control files.
| `Issue #7044 <https://redmine.postgresql.org/issues/7044>`_ - Update the dropzone version to 5.9.3 and Flask-SQLAlchemy to 2.5.*. | `Issue #7044 <https://redmine.postgresql.org/issues/7044>`_ - Update the dropzone version to 5.9.3 and Flask-SQLAlchemy to 2.5.*.
| `Issue #7046 <https://redmine.postgresql.org/issues/7046>`_ - Fixed some accessibility issues.

View File

@@ -296,6 +296,23 @@ define([
break; break;
} }
} }
let el_name = ev.target.name;
if(el_name == 'key'){
let $parentDiv = $el.closest('.value'),
$nextField = $parentDiv.find('.shift .btn-checkbox');
if ($nextField.length == 0) {
$nextField = $el.closest('.value').next().find('input.form-control');
}
if ($nextField.length) {
$nextField.focus();
ev.preventDefault();
ev.stopImmediatePropagation();
ev.stopPropagation();
}
}
} }
}); });
return alertify; return alertify;

View File

@@ -385,10 +385,6 @@ div.jsoneditor-value[contenteditable=true]:hover
padding: 4px; padding: 4px;
} }
a:focus, input[type=checkbox]:focus, select:focus{
outline:none !important;
}
.jsoneditor-modal option{ .jsoneditor-modal option{
background-color: $color-primary-light !important; background-color: $color-primary-light !important;
border: 1px solid $color-primary-light !important; border: 1px solid $color-primary-light !important;