replacing divs and spans with h1 and h2 tags for accessibility

solid-contrib · Sep 8, 2024 · 85f99aa · 85f99aa
1 parent 1df3a70
commit 85f99aa
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 17 deletions.
diff --git a/app/components/sections.tsx b/app/components/sections.tsx
@@ -36,7 +36,7 @@ export default async function Sections() {
         <div className="mb-10" id="tutorials">
           <div className="max-w-max mb-2">
             <div className="bg-primary-800 p-3">
-              <span className="text-3xl text-primary-50">Tutorials</span>
+              <h2 className="text-3xl text-primary-50">Tutorials</h2>
             </div>
           </div>
           {tutorialList.length &&
@@ -55,9 +55,9 @@ export default async function Sections() {
         <div className="mb-10" id="how-to">
           <div className="max-w-max mb-2">
             <div className="bg-primary-800 p-3">
-              <span className="text-3xl text-primary-50">
+              <h2 className="text-3xl text-primary-50">
                 How-to Guides and Examples
-              </span>
+              </h2>
             </div>
           </div>
           {howToList.length &&
@@ -76,9 +76,9 @@ export default async function Sections() {
         <div className="mb-10" id="explanation">
           <div className="max-w-max mb-2">
             <div className="bg-primary-800 p-3">
-              <span className="text-3xl text-primary-50">
+              <h2 className="text-3xl text-primary-50">
                 Explanations and Walk-Throughs
-              </span>
+              </h2>
             </div>
           </div>
           {explanationList.length &&
@@ -97,9 +97,9 @@ export default async function Sections() {
         <div className="mb-10" id="reference">
           <div className="max-w-max mb-2">
             <div className="bg-primary-800 p-3">
-              <span className="text-3xl text-primary-50">
+              <h2 className="text-3xl text-primary-50">
                 Protocols, Specifications and other Reference Materials
-              </span>
+              </h2>
             </div>
           </div>
           {referenceList.length &&
@@ -155,9 +155,6 @@ const getData = cache(async () => {
   // Build List of links, URL's, categories, about
   const linksList: any = [];
   for (let i = 0; i < links.length; i++) {
-    console.log('link no.', i);
-    console.log('type', links[i]);
-    console.log(' ');
     let newLink: { name: string; url: string; category: string } = {
       name: '',
       url: '',

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,36 +1,36 @@
-import Nav from './components/nav'
-import './globals.css'
+import Nav from './components/nav';
+import './globals.css';
 
 export const metadata = {
   title: 'Getting Started with Solid',
   description: 'Learn to build Solid Apps',
-}
+};
 
 export default function RootLayout({
   children,
 }: {
-  children: React.ReactNode
+  children: React.ReactNode;
 }) {
   return (
     <html lang="en" className="bg-primary-50">
       <body className="bg-transparent">
         <main>
           <header className="fixed top-0 w-full">
             <div className="bg-primary-800 shadow-lg border-dashed border-2 border-primary-100 border-x-transparent border-t-transparent">
-              <div className="flex text-primary-300">
+              <h1 className="flex text-primary-300">
                 <span className="flex pl-10 font-extrabold text-8xl tracking-tighter items-end">
                   Solid
                 </span>
                 <span className="flex text-8xl tracking-tight font-extralight items-end">
                   DeveloperGroup
                 </span>
-              </div>
+              </h1>
             </div>
             <Nav></Nav>
           </header>
           <div className="mt-48">{children}</div>
         </main>
       </body>
     </html>
-  )
+  );
 }