Feature/accessibility (#1257)

* enhance jQuery UI Dialog to retain focus on trigger element after close * add keyboard accessibility support for jquery datepicker * add keyboard accessibility to map layer switcher * add keyboard accessibility to force graph(sticky note) toggle button * remove jquery dialog fadeout on close * add locale to the jqyery close button --------- Co-authored-by: Jagdish Kunwar <jkunwar@luageo.com> Co-authored-by: Jagdish Kunwar <jkunwar@lunageo.com>
GCRC · Jan 24, 2025 · 6d22be2 · 6d22be2
1 parent 4661eb1
commit 6d22be2
Show file tree

Hide file tree

Showing 11 changed files with 551 additions and 98 deletions.
diff --git a/nunaliit2-js/compress/nunaliit2.cfg b/nunaliit2-js/compress/nunaliit2.cfg
@@ -136,3 +136,4 @@ n2.utilitiesChangeDetectors.js
 n2.tag.js
 n2.displayTagAssignment.js
 n2.accessibilityMapAndControlsKeyboardControls.js
+n2.datepicker.js
diff --git a/nunaliit2-js/src/main/js/nunaliit2/css/basic/n2.base.css b/nunaliit2-js/src/main/js/nunaliit2/css/basic/n2.base.css
@@ -78,7 +78,7 @@ body {
  * Address `outline` inconsistency between Chrome and other browsers.
  */
 a:focus {
-    outline: thin dotted;
+    outline: 1px solid -webkit-focus-ring-color;
 }
 
 /**

diff --git a/nunaliit2-js/src/main/js/nunaliit2/css/basic/n2.theme.css b/nunaliit2-js/src/main/js/nunaliit2/css/basic/n2.theme.css
@@ -480,7 +480,7 @@ CreateDocument widget
 }
 
 .nunaliit_form_link:focus { 
-	border: 3px solid rgb(0, 255,255)
+	outline: 1px solid -webkit-focus-ring-color;
 }
 
 .nunaliit_form_link_tree_view {

diff --git a/nunaliit2-js/src/main/js/nunaliit2/css/basic/n2.widget.css b/nunaliit2-js/src/main/js/nunaliit2/css/basic/n2.widget.css
@@ -159,15 +159,17 @@
 	left: 47px;
 	top: 100px;
 }
-.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv {
+.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv,
+.olControlLayerSwitcher .layerTogglerDiv {
 	width: 28px;
 	height: 28px;
 	background-image: url('openlayers/settings_icon.png');
 	opacity: 0.7;
 	top: 5px;
 	left: -29px;
 }
-.olControlLayerSwitcher .maximizeDiv:hover, .olControlLayerSwitcher .minimizeDiv:hover {
+.olControlLayerSwitcher .maximizeDiv:hover, .olControlLayerSwitcher .minimizeDiv:hover,
+.olControlLayerSwitcher .layerTogglerDiv:hover {
 	opacity: 1;
 }
 #OpenLayers_Control_MaximizeDiv img,

diff --git a/nunaliit2-js/src/main/js/nunaliit2/dbweb.js b/nunaliit2-js/src/main/js/nunaliit2/dbweb.js
@@ -878,6 +878,8 @@ POSSIBILITY OF SUCH DAMAGE.
 				dateFormat: 'yy-mm-dd'
 				,gotoCurrent: true
 				,changeYear: true
+				,showButtonPanel: true
+				,closeText: 'Close'
 			});
 			li.append(input);
 			saveInput(columnName, input, value);

diff --git a/nunaliit2-js/src/main/js/nunaliit2/n2.canvasForceGraph.js b/nunaliit2-js/src/main/js/nunaliit2/n2.canvasForceGraph.js
@@ -189,7 +189,7 @@ if( !$d ) return;
  				};
  			};
 
- 			$('<div>')
+ 			$('<button>')
  				.addClass('n2ForceGraph_settings_button')
  				.appendTo($outer).
  				click(function(){