diff --git a/files/en-us/web/css/list-style/index.md b/files/en-us/web/css/list-style/index.md
index d7e7d4bbbaf6704..7b81064ac41a70e 100644
--- a/files/en-us/web/css/list-style/index.md
+++ b/files/en-us/web/css/list-style/index.md
@@ -103,7 +103,7 @@ These CSS workarounds should only be used when an HTML solution is unavailable,
 
 - ['Fixing' Lists](https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html) (2023)
 - [VoiceOver and list-style-type: none](https://gerardkcohen.me/writing/2017/voiceover-list-style-type.html) (2017)
-- [Understanding WCAG: Create content that can be presented in different ways](/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.3_%E2%80%94_Create_content_that_can_be_presented_in_different_ways)
+- [Understanding WCAG: Create content that can be presented in different ways](/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable#guideline_1.3_—_create_content_that_can_be_presented_in_different_ways)
 - [Understanding success criterion 1.3.1: Info and relationships | WCAG 2.1](https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html)
 
 ## Examples
diff --git a/files/en-us/web/html/attributes/index.md b/files/en-us/web/html/attributes/index.md
index d08f5ccbe883598..71e012272ad99c1 100644
--- a/files/en-us/web/html/attributes/index.md
+++ b/files/en-us/web/html/attributes/index.md
@@ -146,7 +146,7 @@ Elements in HTML have **attributes**; these are additional values that configure
       </td>
       <td>
         Specifies the URL of an image file.
-        <div class="note">
+        <div class="note notecard">
           <p>
             <strong>Note:</strong> Although browsers and email clients may still
             support this attribute, it is obsolete. Use CSS
@@ -168,7 +168,7 @@ Elements in HTML have **attributes**; these are additional values that configure
       </td>
       <td>
         <p>Background color of the element.</p>
-        <div class="note">
+        <div class="note notecard">
           <p>
             <strong>Note:</strong> This is a legacy attribute. Please use the
             CSS {{ Cssxref("background-color") }} property instead.
@@ -184,7 +184,7 @@ Elements in HTML have **attributes**; these are additional values that configure
       </td>
       <td>
         <p>The border width.</p>
-        <div class="note">
+        <div class="note notecard">
           <p>
             <strong>Note:</strong> This is a legacy attribute. Please use the
             CSS {{ Cssxref("border") }} property instead.
@@ -250,7 +250,7 @@ Elements in HTML have **attributes**; these are additional values that configure
           This attribute sets the text color using either a named color or a
           color specified in the hexadecimal #RRGGBB format.
         </p>
-        <div class="note">
+        <div class="note notecard">
           <p>
             <strong>Note:</strong> This is a legacy attribute. Please use the
             CSS {{ Cssxref("color") }} property instead.
@@ -605,7 +605,7 @@ Elements in HTML have **attributes**; these are additional values that configure
           Specifies the height of elements listed here. For all other elements,
           use the CSS {{cssxref("height")}} property.
         </p>
-        <div class="note">
+        <div class="note notecard">
           <p>
             <strong>Note:</strong> In some instances, such as
             {{ HTMLElement("div") }}, this is a legacy attribute, in
@@ -1359,7 +1359,7 @@ Elements in HTML have **attributes**; these are additional values that configure
         <p>
           For the elements listed here, this establishes the element's width.
         </p>
-        <div class="note">
+        <div class="note notecard">
           <p>
             <strong>Note:</strong> For all other instances, such as
             {{ HTMLElement("div") }}, this is a legacy attribute, in