From 867232531c626e328cc21fc2bee95abcbf611675 Mon Sep 17 00:00:00 2001
From: Poornima Nayar <poornimakrishnav@gmail.com>
Date: Sat, 29 Feb 2020 21:36:56 +0000
Subject: [PATCH] Create Content Blueprints accessibility improvements (#7020)

* Create Content Blueprints - Disallow element types and some accessibility improvements

* re-enabled element types for content blueprint
---
 .../src/less/modals.less                      | 10 +++++---
 .../src/views/contentblueprints/create.html   | 23 ++++++++++---------
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/modals.less b/src/Umbraco.Web.UI.Client/src/less/modals.less
index 925f845c4c..4ce907d06f 100644
--- a/src/Umbraco.Web.UI.Client/src/less/modals.less
+++ b/src/Umbraco.Web.UI.Client/src/less/modals.less
@@ -88,9 +88,13 @@
   	background: @white;
 }
 
-.umb-dialog .umb-btn-toolbar .umb-control-group{
-	border: none;
-	padding: none;
+.umb-dialog .abstract{
+    margin-bottom:20px;
+}
+
+.umb-dialog .umb-btn-toolbar .umb-control-group {
+    border: none;
+    padding: none;
 }
 
 .umb-dialog-body{
diff --git a/src/Umbraco.Web.UI.Client/src/views/contentblueprints/create.html b/src/Umbraco.Web.UI.Client/src/views/contentblueprints/create.html
index 6146c007b1..2e1d398409 100644
--- a/src/Umbraco.Web.UI.Client/src/views/contentblueprints/create.html
+++ b/src/Umbraco.Web.UI.Client/src/views/contentblueprints/create.html
@@ -1,18 +1,20 @@
 <div ng-controller="Umbraco.Editors.ContentBlueprint.CreateController as vm">
 
     <div class="umbracoDialog umb-dialog-body with-footer" ng-cloak>
-        
+
         <div class="umb-pane">
-            
+
             <h5><localize key="create_createUnder">Create an item under</localize> {{currentNode.name}}</h5>
-            <p class="abstract" style="margin-bottom: 20px;"><localize key="create_createContentBlueprint">Select the document type you want to make a content template for</localize></p>
+            <p class="abstract">
+                <localize key="create_createContentBlueprint">Select the document type you want to make a content template for</localize>
+            </p>
 
             <umb-load-indicator ng-if="vm.loading"></umb-load-indicator>
 
             <ul class="umb-actions umb-actions-child">
-                <li class="umb-action" ng-repeat="documentType in vm.documentTypes | orderBy:'name':false">
-                    <button href="" class="umb-action-link umb-outline btn-reset" ng-click="vm.createBlueprint(documentType)" prevent-default>
-                        <i class="large icon {{documentType.icon}}"></i>
+                <li class="umb-action" ng-repeat="documentType in vm.documentTypes |orderBy:'name':false">
+                    <button class="umb-action-link umb-outline btn-reset" ng-click="vm.createBlueprint(documentType)" prevent-default>
+                        <i class="large icon {{documentType.icon}}" aria-hidden="true"></i>
                         <span class="menu-label">
                             {{documentType.name}}
                             <small>
@@ -29,11 +31,10 @@
 
     <div class="umb-dialog-footer btn-toolbar umb-btn-toolbar">
 
-        <umb-button
-            label-key="buttons_somethingElse"
-            action="vm.close()"
-            type="button"
-            button-style="info">
+        <umb-button label-key="buttons_somethingElse"
+                    action="vm.close()"
+                    type="button"
+                    button-style="info">
         </umb-button>
 
     </div>