diff --git src/wp-admin/css/common.css src/wp-admin/css/common.css
index 0ffe623..2eb0e05 100644
--- src/wp-admin/css/common.css
+++ src/wp-admin/css/common.css
@@ -3000,11 +3000,6 @@ img {
 	content: "\f140";
 }
 
-.js .sidebar-name .sidebar-name-arrow:before {
-	padding: 10px;
-	left: 0;
-}
-
 .js #widgets-left .sidebar-name .sidebar-name-arrow {
 	display: none;
 }
@@ -3184,9 +3179,6 @@ img {
 }
 
 .widget-top a.widget-action:focus:after {
-	-webkit-box-shadow:
-		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30,140,190,.8);
 	box-shadow:
 		0 0 0 1px #5b9dd9,
 		0 0 2px 1px rgba(30,140,190,.8);
@@ -3263,6 +3255,9 @@ img {
 	top: 12px;
 	right: 10px;
 	z-index: 1;
+	width: 20px;
+	border-radius: 50%;
+	text-indent: -1px; /* account for the dashicon alignment */
 }
 
 .accordion-section-title:focus {
@@ -3274,6 +3269,12 @@ img {
 	border-color: #a0a5aa transparent;
 }
 
+.js .accordion-section-title:focus:after {
+	box-shadow:
+			0 0 0 1px #5b9dd9,
+			0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
 .cannot-expand .accordion-section-title {
 	cursor: auto;
 }
diff --git src/wp-admin/css/widgets.css src/wp-admin/css/widgets.css
index f0be076..ce7f236 100644
--- src/wp-admin/css/widgets.css
+++ src/wp-admin/css/widgets.css
@@ -91,11 +91,29 @@
 	box-sizing: border-box;
 }
 
-.sidebar-name-arrow {
-	position: absolute;
-	top: 0;
-	right: 0;
-	bottom: 0;
+.js .sidebar-name .handlediv {
+	float: right;
+    width: 48px;
+    height: 48px;
+    padding: 0;
+}
+
+.js .sidebar-name .handlediv:focus {
+	box-shadow: none;
+	outline: none;
+}
+
+.js .sidebar-name .handlediv:focus .sidebar-name-arrow:before {
+	box-shadow:
+		0 0 0 1px #5b9dd9,
+		0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+.js .sidebar-name .sidebar-name-arrow:before {
+	margin-top: 4px;
+	width: 20px;
+	border-radius: 50%;
+	text-indent: -1px; /* account for the dashicon alignment */
 }
 
 .js .sidebar-name {
@@ -249,10 +267,6 @@ div#widgets-right .sidebar-name h3 {
 	padding: 15px 7px;
 }
 
-div#widgets-right .sidebar-name .sidebar-name-arrow:before {
-	top: 2px;
-}
-
 div#widgets-right .widget-top {
 	padding: 0;
 }
diff --git src/wp-admin/includes/template.php src/wp-admin/includes/template.php
index cc590e3..ab90c8b 100644
--- src/wp-admin/includes/template.php
+++ src/wp-admin/includes/template.php
@@ -1148,6 +1148,10 @@ function do_accordion_sections( $screen, $context, $object ) {
 					}
 					?>
 					<li class="control-section accordion-section <?php echo $hidden_class; ?> <?php echo $open_class; ?> <?php echo esc_attr( $box['id'] ); ?>" id="<?php echo esc_attr( $box['id'] ); ?>">
+						<button type="button" class="handlediv button-link" aria-expanded="true">
+							<span class="screen-reader-text"><?php echo sprintf( __( 'Toggle panel: %s' ), $sidebar_name ); ?></span>
+							<span class="sidebar-name-arrow" aria-hidden="true"></span>
+						</button>
 						<h3 class="accordion-section-title hndle" tabindex="0">
 							<?php echo esc_html( $box['title'] ); ?>
 							<span class="screen-reader-text"><?php _e( 'Press return or enter to open this section' ); ?></span>
diff --git src/wp-admin/includes/widgets.php src/wp-admin/includes/widgets.php
index 746a892..b54f83f 100644
--- src/wp-admin/includes/widgets.php
+++ src/wp-admin/includes/widgets.php
@@ -80,7 +80,10 @@ function wp_list_widget_controls( $sidebar, $sidebar_name = '' ) {
 	if ( $sidebar_name ) {
 		?>
 		<div class="sidebar-name">
-			<div class="sidebar-name-arrow"><br /></div>
+			<button type="button" class="handlediv button-link" aria-expanded="true">
+				<span class="screen-reader-text"><?php echo sprintf( __( 'Toggle panel: %s' ), $sidebar_name ); ?></span>
+				<span class="sidebar-name-arrow" aria-hidden="true"></span>
+			</button>
 			<h2><?php echo esc_html( $sidebar_name ); ?> <span class="spinner"></span></h2>
 		</div>
 		<?php
@@ -278,4 +281,4 @@ function wp_widget_control( $sidebar_args ) {
  */
 function wp_widgets_access_body_class($classes) {
 	return "$classes widgets_access ";
-}
\ No newline at end of file
+}