Ticket #8270: 8270.a11y-2.patch

src/bp-core/admin/css/hello-rtl.css

@@ -208 +208 @@
         background-image: url(https://ps.w.org/buddypress/assets/banner-772x250.png);
 }
 
+#plugin-information-title h1 {
+        font-size: 1em;
+        font-weight: 600;
+        padding: 0;
+        margin: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+}
+
+#plugin-information-title.with-banner h1 {
+        position: relative;
+        font-family: "Helvetica Neue", sans-serif;
+        display: inline-block;
+        font-size: 20px;
+        line-height: 1.68;
+        box-sizing: border-box;
+        max-width: 85%;
+        padding: 0 15px;
+        margin-top: 30px;
+        color: #fff;
+        background: rgba(30, 30, 30, 0.9);
+        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+        box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
+        border-radius: 8px;
+}
+
 /*
  * 4.3 - Content content
  */
@@ -235 +262 @@
 /*------------------------------------------------------------------------------
  * 6.0 - Media Queries
  *----------------------------------------------------------------------------*/
+@media screen and (min-width: 770px) {
+        #plugin-information-title.with-banner h1 {
+                font-size: 30px;
+                line-height: 2;
+                margin-top: 174px;
+                max-width: 100%;
+        }
+}
+
 /*
  * 6.1 - Desktop Medium
  */

src/bp-core/admin/css/hello.css

@@ -208 +208 @@
         background-image: url(https://ps.w.org/buddypress/assets/banner-772x250.png);
 }
 
+#plugin-information-title h1 {
+        font-size: 1em;
+        font-weight: 600;
+        padding: 0;
+        margin: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+}
+
+#plugin-information-title.with-banner h1 {
+        position: relative;
+        font-family: "Helvetica Neue", sans-serif;
+        display: inline-block;
+        font-size: 20px;
+        line-height: 1.68;
+        box-sizing: border-box;
+        max-width: 85%;
+        padding: 0 15px;
+        margin-top: 30px;
+        color: #fff;
+        background: rgba(30, 30, 30, 0.9);
+        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+        box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
+        border-radius: 8px;
+}
+
 /*
  * 4.3 - Content content
  */
@@ -235 +262 @@
 /*------------------------------------------------------------------------------
  * 6.0 - Media Queries
  *----------------------------------------------------------------------------*/
+@media screen and (min-width: 770px) {
+        #plugin-information-title.with-banner h1 {
+                font-size: 30px;
+                line-height: 2;
+                margin-top: 174px;
+                max-width: 100%;
+        }
+}
+
 /*
  * 6.1 - Desktop Medium
  */

src/bp-core/admin/sass/hello.scss

@@ -234 +234 @@
         background-image: url(https://ps.w.org/buddypress/assets/banner-772x250.png);
 }
 
+#plugin-information-title h1 {
+        font-size: 1em;
+        font-weight: 600;
+        padding: 0;
+        margin: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+}
+
+#plugin-information-title.with-banner h1 {
+        position: relative;
+        font-family: "Helvetica Neue", sans-serif;
+        display: inline-block;
+        font-size: 20px;
+        line-height: 1.68;
+        box-sizing: border-box;
+        max-width: 85%;
+        padding: 0 15px;
+        margin-top: 30px;
+        color: #fff;
+        background: rgba(30, 30, 30, 0.9);
+        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+        box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
+        border-radius: 8px;
+}
+
 /*
  * 4.3 - Content content
  */
@@ -265 +292 @@
  * 6.0 - Media Queries
  *----------------------------------------------------------------------------*/
 
+@media screen and (min-width: 770px) {
+
+        #plugin-information-title.with-banner h1 {
+                font-size: 30px;
+                line-height: 2;
+                margin-top: 174px;
+                max-width: 100%;
+        }
+}
+
 /*
  * 6.1 - Desktop Medium
  */

src/bp-core/classes/class-bp-admin.php

@@ -633 +633 @@
         ?>
 
                 <div id="bp-hello-container">
-                        <div id="plugin-information-scrollable">
+                        <div id="plugin-information-scrollable" role="document">
                                 <div id='plugin-information-title' class="with-banner">
                                         <div class='vignette'></div>
-                                        <h2>
+                                        <h1>
                                                 <?php printf(
                                                         /* translators: %s is the placeholder for the BuddyPress version number. */
                                                         esc_html__( 'BuddyPress %s', 'buddypress' ),
                                                         $version
                                                 ); ?>
-                                        </h2>
+                                        </h1>
                                 </div>
                                 <div id="plugin-information-tabs">
                                         <a name="whats-new" href="#whats-new" class="current"><?php esc_html_e( 'What\'s new?', 'buddypress' ); ?></a>