From 88004873ec303b0aa12bbf58a25630cc4e7e8bb1 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Fri, 24 Mar 2023 13:22:22 -0400
Subject: [PATCH] A11Y: usernames aren't a meaningful heading (#20623)

---
 app/assets/javascripts/discourse/app/templates/user.hbs | 4 ++--
 app/assets/stylesheets/common/base/user.scss            | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/templates/user.hbs b/app/assets/javascripts/discourse/app/templates/user.hbs
index c271c338c31..ba01ab343d0 100644
--- a/app/assets/javascripts/discourse/app/templates/user.hbs
+++ b/app/assets/javascripts/discourse/app/templates/user.hbs
@@ -116,7 +116,7 @@
           <UserProfileAvatar @user={{this.model}} @tagName="" />
           <div class="primary-textual">
             <div class="user-profile-names">
-              <h1
+              <div
                 class="{{if this.nameFirst 'full-name' 'username'}}
                   user-profile-names__primary"
               >
@@ -129,7 +129,7 @@
                 {{#if this.model.status}}
                   <UserStatusMessage @status={{this.model.status}} />
                 {{/if}}
-              </h1>
+              </div>
               <div
                 class="{{if this.nameFirst 'username' 'full-name'}}
                   user-profile-names__secondary"
diff --git a/app/assets/stylesheets/common/base/user.scss b/app/assets/stylesheets/common/base/user.scss
index a14824e9ebd..4a89af3d1e7 100644
--- a/app/assets/stylesheets/common/base/user.scss
+++ b/app/assets/stylesheets/common/base/user.scss
@@ -781,6 +781,10 @@
     font-size: 0.8em;
     vertical-align: baseline;
   }
+  .user-status-message {
+    display: inline-flex;
+    vertical-align: baseline;
+  }
 }
 
 .user-profile-names__secondary {