Improve landing page accessibility

1 files changed, 6 insertions, 3 deletions

diff --git a/src/components/landing/sections/Software.tsx b/src/components/landing/sections/Software.tsx
index c44a6ad..34178cc 100644
--- a/src/components/landing/sections/Software.tsx
+++ b/src/components/landing/sections/Software.tsx
@@ -30,8 +30,8 @@ function ScreenshotImage() {
   // Force re-render in browser.
   // https://github.com/facebook/docusaurus/blob/e012e0315862b2ca02cad40c58d11d31c319ff75/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx#L32-L36
   const isBrowser = useIsBrowser();
-  const { isDarkTheme } = useColorMode();
-  const refineryScreenshot = isDarkTheme
+  const { colorMode } = useColorMode();
+  const refineryScreenshot = colorMode === 'dark'
     ? refineryScreenshotLight
     : refineryScreenshotDark;
 
@@ -190,7 +190,10 @@ export default function Software() {
               )}
             >
               <div className={styles.ferdium__icon}>
-                <FerdiumLogo className={styles.ferdium__logo} />
+                <FerdiumLogo
+                  className={styles.ferdium__logo}
+                  aria-hidden="true"
+                />
               </div>
               <div
                 className={clsx(styles.ferdium__content, styles.description)}