[Issue 5277-145] accessibility - Language drop downs do not advise as drop… (#9265)

* [Issue 5277-145] resolved - Language drop downs do not advise as drop downs - screen readers

* reseolve code change request by @nathanwoulfe and set aria-jaspopup to true instead of binding to the property.

Co-authored-by: Justin Shearer <justin@proworks.com>
This commit is contained in:
Justin Shearer
2020-10-27 19:19:55 -07:00
committed by GitHub
parent 375817d63a
commit e9e8a0354d

View File

@@ -40,7 +40,7 @@
maxlength="255" />
</ng-form>
<button type="button" ng-if="vm.hasVariants === true && hideChangeVariant !== true" class="umb-variant-switcher__toggle umb-outline" ng-click="vm.dropdownOpen = !vm.dropdownOpen" ng-class="{'--error': vm.errorsOnOtherVariants}">
<button type="button" ng-if="vm.hasVariants === true && hideChangeVariant !== true" class="umb-variant-switcher__toggle umb-outline" ng-click="vm.dropdownOpen = !vm.dropdownOpen" ng-class="{'--error': vm.errorsOnOtherVariants}" aria-haspopup="true" aria-expanded="{{vm.dropdownOpen}}">
<span ng-bind="editor.content.displayName"></span>
<umb-icon icon="{{vm.dropdownOpen ? 'icon-navigation-up' : 'icon-navigation-down'}}" class="umb-variant-switcher__expand" ng-class="{'icon-navigation-down': !vm.dropdownOpen, 'icon-navigation-up': vm.dropdownOpen}">&nbsp;</umb-icon>
</button>