Dacpac extension announces invalid text inputs in screen reader mode (#7133)

Text input boxes will have an updated aria-label with a given error message if the input is invalid.
This commit is contained in:
Elliot Boschwitz
2019-09-12 11:05:56 -07:00
committed by GitHub
parent 206c5146e1
commit aaf115a5c8
2 changed files with 15 additions and 3 deletions

View File

@@ -141,7 +141,19 @@ export default class InputBoxComponent extends ComponentBase implements ICompone
public validate(): Thenable<boolean> {
return super.validate().then(valid => {
this.inputElement.validate();
valid = valid && this.inputElement.validate();
// set aria label based on validity of input
if (valid) {
this.inputElement.setAriaLabel(this.ariaLabel);
} else {
if (this.ariaLabel) {
this.inputElement.setAriaLabel(nls.localize('period', "{0}. {1}", this.ariaLabel, this.inputElement.inputElement.validationMessage));
} else {
this.inputElement.setAriaLabel(this.inputElement.inputElement.validationMessage);
}
}
return valid;
});
}