Merge pull request #7360 from LLK/release/2023-02-01

[Master] release/2023-02-01

src/components/extension-landing/extension-landing.scss

@@ -39,7 +39,7 @@
     .headline-icon {
         height: 40px;
         width: 40px;
-        margin: auto;
+        margin: auto 0;
     }
 
     .download {

src/views/boost/boost.jsx

@@ -34,7 +34,7 @@ class Boost extends ExtensionLanding {
                     renderCopy={
                         <FlexRow className="extension-copy">
                             <h1><img
-                                alt=""
+                                alt="Boost"
                                 className="headline-icon"
                                 src="/images/boost/boost.svg"
                             />LEGO BOOST</h1>

src/views/download/scratch-link/download.jsx

@@ -31,7 +31,7 @@ const ScratchLink = ({intl}) => {
                         <FlexRow className="column extension-copy">
                             <h1><img
                                 alt={intl.formatMessage({id: 'scratchLink.linkLogo'})}
-                                width="40px"
+                                className="headline-icon"
                                 src="/images/scratchlink/scratch-link-logo.svg"
                             />{intl.formatMessage({id: 'scratchLink.headerTitle'})}</h1>
                             <FormattedMessage id="scratchLink.headerText" />

src/views/ev3/ev3.jsx

@@ -39,7 +39,8 @@ class EV3 extends ExtensionLanding {
                     renderCopy={
                         <FlexRow className="column extension-copy">
                             <h1><img
-                                alt="ev3.svg"
+                                alt="EV3"
+                                className="headline-icon"
                                 src="/images/ev3/ev3.svg"
                             />LEGO MINDSTORMS EV3</h1>
                             <FormattedMessage

src/views/ev3/ev3.scss

@@ -5,6 +5,10 @@
         background-color: $ui-orange;
         background-image: url("/images/ev3/ev3-pattern.svg");
     }
+    .headline-icon {
+        width: 32px;
+        height: 36px;
+    }
     .step-image.tall {
         height: 16rem;
     }

src/views/gdxfor/gdxfor.jsx

@@ -34,7 +34,8 @@ class GdxFor extends ExtensionLanding {
                     renderCopy={
                         <FlexRow className="extension-copy">
                             <h1><img
-                                alt=""
+                                alt="Vernier Force & Acceleration"
+                                className="headline-icon"
                                 src="/images/gdxfor/gdxfor.svg"
                             />Vernier Force & Acceleration</h1>
                             <FormattedMessage

src/views/microbit/microbit.jsx

@@ -38,7 +38,8 @@ class MicroBit extends ExtensionLanding {
                     renderCopy={
                         <FlexRow className="extension-copy">
                             <h1><img
-                                alt=""
+                                alt="Microbit"
+                                className="headline-icon"
                                 src="/images/microbit/microbit.svg"
                             />micro:bit</h1>
                             <FormattedMessage

src/views/microbit/microbit.scss

@@ -7,6 +7,11 @@
         background-image: url("/images/microbit/mbit-pattern.svg");
     }
 
+    .headline-icon {
+        width: 34px;
+        height: 28px;
+    }
+
     .things-to-try {
         .display-hello {
             .step-image {

src/views/wedo2/wedo2.jsx

@@ -35,7 +35,8 @@ class Wedo2 extends ExtensionLanding {
                     renderCopy={
                         <FlexRow className="extension-copy">
                             <h1><img
-                                alt=""
+                                alt="Wedo"
+                                className="headline-icon"
                                 src="/images/wedo2/wedo2.svg"
                             />LEGO Education WeDo 2.0</h1>
                             <FormattedMessage