Agent: Accessibility bugs 2 (#5994)

* made all jobs get focus and keyboard friendly

* added tooltip for steps image

* made operator dialog accessible

* localized tooltip

src/sql/workbench/parts/jobManagement/electron-browser/jobHistory.component.html

@@ -10,8 +10,8 @@
 </div>
 
 <!-- Back -->
-<div class="all-jobs">
-	<div class="back-button-icon" (click)="goToJobs()"></div>All Jobs
+<div class="all-jobs" tabindex="0" (click)="goToJobs()" (keyup.enter)="goToJobs()">
+	<div class="back-button-icon" (click)="goToJobs()" (keyup.enter)="goToJobs()"></div>All Jobs
 </div>
 
 <!-- Actions -->

src/sql/workbench/parts/jobManagement/electron-browser/jobStepsView.component.ts

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 
 import 'vs/css!./media/jobStepsView';
-
+import * as nls from 'vs/nls';
 import * as dom from 'vs/base/browser/dom';
 import { OnInit, Component, Inject, forwardRef, ElementRef, ChangeDetectorRef, ViewChild, AfterContentChecked } from '@angular/core';
 import { attachListStyler } from 'vs/platform/theme/common/styler';
@@ -105,6 +105,8 @@ export class JobStepsViewComponent extends JobManagementView implements OnInit,
 			renderer: this._treeRenderer
 		}, { verticalScrollMode: ScrollbarVisibility.Visible, horizontalScrollMode: ScrollbarVisibility.Visible });
 		this._register(attachListStyler(this._tree, this.themeService));
+		const stepsTooltip = nls.localize('agent.steps', 'Steps');
+		jQuery('.steps-header > .steps-icon').attr('title', stepsTooltip);
 		this._telemetryService.publicLog(TelemetryKeys.JobStepsView);
 	}
 

src/sql/workbench/parts/jobManagement/electron-browser/media/jobHistory.css

@@ -6,7 +6,9 @@
 
 jobhistory-component .all-jobs {
 	display: inline-block;
+	cursor: pointer;
 	font-size: 15px;
+	width: 10%;
 }
 
 .overview-container .overview-tab .resultsViewCollapsible {