Add widget ESC shortuct accessibility dialog entry (#16310)

Other (widget): Added information to the Accessibility help dialog about a keyboard shortcut that moves focus from a nested editable back to the widget.

---------

Co-authored-by: Aleksander Nowodzinski <a.nowodzinski@cksource.com>

packages/ckeditor5-widget/lang/contexts.json

@@ -7,5 +7,6 @@
 	"Insert a new paragraph directly after a widget": "Accessibility help dialog entry explaining the meaning of the keystroke that inserts a paragraph after a widget.",
 	"Insert a new paragraph directly before a widget": "Accessibility help dialog entry explaining the meaning of the keystroke that inserts a paragraph before a widget.",
 	"Move the caret to allow typing directly before a widget": "Accessibility help dialog entry explaining the meaning of the keystroke that moves the caret before a widget.",
-	"Move the caret to allow typing directly after a widget": "Accessibility help dialog entry explaining the meaning of the keystroke that moves the caret after a widget."
+	"Move the caret to allow typing directly after a widget": "Accessibility help dialog entry explaining the meaning of the keystroke that moves the caret after a widget.",
+	"Move focus from an editable area back to the parent widget": "Accessibility help dialog entry explaining the meaning of the keystroke that moves selection from a nested editable area back to the parent widget."
 }

packages/ckeditor5-widget/src/widget.ts

@@ -246,6 +246,10 @@ export default class Widget extends Plugin {
 			id: 'widget',
 			label: t( 'Keystrokes that can be used when a widget is selected (for example: image, table, etc.)' ),
 			keystrokes: [
+				{
+					label: t( 'Move focus from an editable area back to the parent widget' ),
+					keystroke: 'Esc'
+				},
 				{
 					label: t( 'Insert a new paragraph directly after a widget' ),
 					keystroke: 'Enter'

packages/ckeditor5-widget/tests/widget.js

@@ -146,6 +146,11 @@ describe( 'Widget', () => {
 			'Keystrokes that can be used when a widget is selected (for example: image, table, etc.)'
 		);
 
+		expect( editor.accessibility.keystrokeInfos.get( 'contentEditing' ).groups.get( 'widget' ).keystrokes ).to.deep.include( {
+			label: 'Move focus from an editable area back to the parent widget',
+			keystroke: 'Esc'
+		} );
+
 		expect( editor.accessibility.keystrokeInfos.get( 'contentEditing' ).groups.get( 'widget' ).keystrokes ).to.deep.include( {
 			label: 'Insert a new paragraph directly after a widget',
 			keystroke: 'Enter'