From e9e8a0354ddb36d12ebdecddf0569132dc96f4be Mon Sep 17 00:00:00 2001
From: Justin Shearer <justin.shearer@gmail.com>
Date: Tue, 27 Oct 2020 19:19:55 -0700
Subject: [PATCH] =?UTF-8?q?[Issue=205277-145]=20accessibility=20-=20Langua?=
 =?UTF-8?q?ge=20drop=20downs=20do=20not=20advise=20as=20drop=E2=80=A6=20(#?=
 =?UTF-8?q?9265)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* [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>
---
 .../src/views/components/editor/umb-editor-content-header.html  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html
index 1ef870960dd2..fdcd7340202f 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html
@@ -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>