ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-15 10:58:31 -05:00
Code Issues Packages Projects Releases Wiki Activity

Adds aria labels to all input ui (#1136)

Browse Source 
* adds aria-label to inputs for connection

* formatting

* add ariaLabels to all checkboxes/inputboxes/dropdowns
This commit is contained in:
Anthony Dresser
2018-04-13 12:09:25 -07:00
committed by GitHub
parent 13fb9fdfd2
commit f739c47984
13 changed files with 97 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/sql/parts/objectExplorer/serverGroupDialog/serverGroupDialog.ts
View File

@@ -77,8 +77,8 @@ export class ServerGroupDialog extends Modal {
this._bodyBuilder = builder;
});
// Connection Group Name
let serverGroupNameLabel = localize('connectionGroupName', 'Server group name');
this._bodyBuilder.div({ class: 'dialog-label' }, (labelContainer) => {
let serverGroupNameLabel = localize('connectionGroupName', 'Server group name');
labelContainer.innerHtml(serverGroupNameLabel);
});
this._bodyBuilder.div({ class: 'input-divider' }, (inputCellContainer) => {
@@ -86,17 +86,20 @@ export class ServerGroupDialog extends Modal {
this._groupNameInputBox = new InputBox(inputCellContainer.getHTMLElement(), this._contextViewService, {
validationOptions: {
validation: (value: string) => !value && !this._skipGroupNameValidation ? ({ type: MessageType.ERROR, content: errorMessage }) : null
}
},
ariaLabel: serverGroupNameLabel
});
});
// Connection Group Description
let groupDescriptionLabel = localize('groupDescription', 'Group description');
this._bodyBuilder.div({ class: 'dialog-label' }, (labelContainer) => {
let groupDescriptionLabel = localize('groupDescription', 'Group description');
labelContainer.innerHtml(groupDescriptionLabel);
});
this._bodyBuilder.div({ class: 'input-divider' }, (inputCellContainer) => {
this._groupDescriptionInputBox = new InputBox(inputCellContainer.getHTMLElement(), this._contextViewService);
this._groupDescriptionInputBox = new InputBox(inputCellContainer.getHTMLElement(), this._contextViewService, {
ariaLabel: groupDescriptionLabel
});
});
// Connection Group Color

7
src/sql/parts/objectExplorer/viewlet/connectionViewlet.ts
View File

@@ -28,6 +28,7 @@ import { warn } from 'sql/base/common/log';
import { IObjectExplorerService } from 'sql/parts/objectExplorer/common/objectExplorerService';
import { IPartService } from 'vs/workbench/services/part/common/partService';
import { INotificationService } from 'vs/platform/notification/common/notification';
import { localize } from 'vs/nls';
export class ConnectionViewlet extends Viewlet implements IConnectionsViewlet {
@@ -88,12 +89,14 @@ export class ConnectionViewlet extends Viewlet implements IConnectionsViewlet {
this._viewletContainer = viewletContainer;
viewletContainer.div({ class: 'search-box' }, (searchBoxContainer) => {
this._searchBoxContainer = searchBoxContainer;
let searchServerString = localize('Search server names', 'Search server names');
this._searchBox = new InputBox(
searchBoxContainer.getHTMLElement(),
null,
{
placeholder: 'Search server names',
actions: [this._clearSearchAction]
placeholder: searchServerString,
actions: [this._clearSearchAction],
ariaLabel: searchServerString
}
);
this._searchTerm = '';