Merge pull request #41 from redwoodjs/jgmw/improve-accessibility-score

Fix some accessibility issues
redwoodjs · Jul 3, 2024 · 8ba2211 · 8ba2211
2 parents 854be36 + 3154c01
commit 8ba2211
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/web/src/components/BlogCard/BlogCard.tsx b/web/src/components/BlogCard/BlogCard.tsx
@@ -27,9 +27,9 @@ interface BlogCardProps {
 const BlogCard = ({ post }: BlogCardProps) => {
   return (
     <article className="rounded-[4px] border-1 border-maiTai p-7 pb-5">
-      <h4 className="mb-2 text-sm font-bold uppercase text-maiTai">
+      <p className="mb-2 text-sm font-bold uppercase text-maiTai">
         {prettifyDate(post.publishedAt)}
-      </h4>
+      </p>
       <Link
         to={routes.blogIndividual({ slug: post.slug })}
         className="text-white hover:text-sulu"

diff --git a/web/src/components/Home/NavHome/NavHome.tsx b/web/src/components/Home/NavHome/NavHome.tsx
@@ -219,6 +219,7 @@ const Nav = () => {
               onClick={() => {
                 setIsThemeDropdownShowing((prevValue) => !prevValue)
               }}
+              aria-label="switch theme"
             >
               <Icon
                 id={selectedTheme}

diff --git a/web/src/components/Home/RedwoodIs/RedwoodIs.tsx b/web/src/components/Home/RedwoodIs/RedwoodIs.tsx
@@ -43,7 +43,7 @@ const RedwoodIs = () => {
           >
             {Constants.CREATE_REDWOOD_SCRIPT}
           </div>
-          <button onClick={copyToClipboard}>
+          <button onClick={copyToClipboard} aria-label="copy install command">
             {isCopied ? (
               <span className="text-sulu">
                 <Icon id="check" />

diff --git a/web/src/components/Nav/Nav.tsx b/web/src/components/Nav/Nav.tsx
@@ -226,6 +226,7 @@ const Nav = () => {
               onClick={() => {
                 setIsThemeDropdownShowing((prevValue) => !prevValue)
               }}
+              aria-label="switch theme"
             >
               <Icon
                 id={selectedTheme}