AIS-64 | @jdwjdwjdw | A11y and console fixups (#153)

Co-authored-by: Shea McKinney <[email protected]>
SU-SWS · May 29, 2024 · 1019979 · 1019979
1 parent 4d18501
commit 1019979
Show file tree

Hide file tree

Showing 10 changed files with 229 additions and 189 deletions.
diff --git a/content/examples/alerts.mdx b/content/examples/alerts.mdx
@@ -40,15 +40,15 @@ lastUpdatedDate: 2022-04-06T12:00:00.000Z
               width="20" className="ml-02em">
               <path fillRule="evenodd"
                 d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
-                clip-rule="evenodd"></path>
+                clipRule="evenodd"></path>
             </svg>
           </button>
         </div>
         <h2 className="order-1 mb-15 md:mb-0 flex flex-shrink rs-mr-1 w-full md:w-max">
           <span className="mr-5 inline-block">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"
               height="20" width="20">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"
                 d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9">
               </path>
             </svg>
@@ -72,7 +72,7 @@ lastUpdatedDate: 2022-04-06T12:00:00.000Z
               class="button group leading-display bg-transparent hocus:bg-transparent p-0 flex items-center w-fit sans font-semibold text-white hocus:text-white text-17 uppercase font-bold inline-block tracking-widest mr-0 ml-auto"
               type="button"><span>Dismiss</span><span class="sr-only">Information</span>
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" height="20"
-              width="20" className="ml-02em">
+              width="20" class="ml-02em">
               <path fill-rule="evenodd"
                 d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
                 clip-rule="evenodd"></path>
@@ -106,7 +106,7 @@ lastUpdatedDate: 2022-04-06T12:00:00.000Z
               width="20" className="ml-02em">
               <path fillRule="evenodd"
                 d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
-                clip-rule="evenodd"></path>
+                clipRule="evenodd"></path>
             </svg>
           </button>
         </div>
@@ -122,7 +122,7 @@ lastUpdatedDate: 2022-04-06T12:00:00.000Z
               <path
                 fillRule="evenodd"
                 d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
-                clip-rule="evenodd"
+                clipRule="evenodd"
               ></path>
             </svg>
           </span>
@@ -137,4 +137,4 @@ lastUpdatedDate: 2022-04-06T12:00:00.000Z
     </div>
   </Section>
 
-</div>
+</div>
diff --git a/content/examples/cards.mdx b/content/examples/cards.mdx
diff --git a/content/examples/containers.mdx b/content/examples/containers.mdx
@@ -5,7 +5,7 @@ lastUpdatedDate: 2023-04-28T12:00:00.000Z
 
 <Section heading="Usage:" width="full" className="max-w-1200">
   ```html
-  <div className="cc rs-py-2 px-20 bg-black-10 mb-40">
+  <div class="cc rs-py-2 px-20 bg-black-10 mb-40">
     <div>This is a container example</div>
   </div>
   ```
@@ -14,7 +14,7 @@ lastUpdatedDate: 2023-04-28T12:00:00.000Z
   </div>
 
   ```html
-  <div className="w-full rs-py-2 px-20 bg-black-10 mb-40">
+  <div class="w-full rs-py-2 px-20 bg-black-10 mb-40">
     <div>This is a container example</div>
   </div>
   ```
@@ -23,7 +23,7 @@ lastUpdatedDate: 2023-04-28T12:00:00.000Z
   </div>
 
   ```html
-  <div className="w-screen rs-py-2 px-20 bg-black-10 mb-40">
+  <div class="w-screen rs-py-2 px-20 bg-black-10 mb-40">
     <div>This is a container example</div>
   </div>
   ```