fix(a11y): heading elements are not in a sequentially-descending order

senar-ai · Feb 2, 2023 · 346cd4a · 346cd4a
1 parent 4dd733c
commit 346cd4a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/components/activities-grid.tsx b/app/components/activities-grid.tsx
@@ -70,9 +70,9 @@ export function ActivitesGrid({ activities }: { activities: Activity[] }) {
         >
           <category.icon className="w-16 h-16 flex-shrink-0 mx-auto " />
         </div>
-        <h3 className="mt-2 text-sm font-medium text-gray-900">
+        <h2 className="mt-2 text-sm font-medium text-gray-900">
           Belum ada aktivitas {category.title}
-        </h3>
+        </h2>
         <p className="mt-1 text-sm text-gray-500">
           Ada usulan? Silakan tambahkan aktivitas untuk {category.description}{' '}
           melalui formulir berikut ini.

diff --git a/app/components/card.tsx b/app/components/card.tsx
@@ -51,7 +51,7 @@ export const Card: React.FC<CardProps> = ({
           />
         ) : null}
 
-        <h3 className="mt-6 text-gray-900 text-sm font-medium">{name}</h3>
+        <h2 className="mt-6 text-gray-900 text-sm font-medium">{name}</h2>
         <dl className="mt-1 flex-grow flex flex-col justify-between">
           <dt className="sr-only">Description</dt>
           <dd className="text-gray-500 text-sm">{description}</dd>