some a11y fix

Signed-off-by: npiyush97 <npiyush35@gmail.com>

docs/features/software-catalog/index.md

@@ -36,7 +36,7 @@ The Software Catalog is available to browse at `/catalog`. If you've followed
 [Getting Started with Backstage](../../getting-started), you should be able to
 browse the catalog at `http://localhost:3000`.
 
-![](../../assets/software-catalog/software-catalog-home.png)
+![screenshot of software catalog](../../assets/software-catalog/software-catalog-home.png)
 
 ## Adding components to the catalog
 
@@ -55,7 +55,7 @@ There are 3 ways to add components to the catalog:
 Users can register new components by going to `/create` and clicking the
 **REGISTER EXISTING COMPONENT** button:
 
-![](../../assets/software-catalog/bsc-register-1.png)
+![screenshot of manually register existing component](../../assets/software-catalog/bsc-register-1.png)
 
 Backstage expects the full URL to the YAML in your source control. Example:
 
@@ -66,7 +66,7 @@ https://github.com/backstage/backstage/blob/master/packages/catalog-model/exampl
 _More examples can be found
 [here](https://github.com/backstage/backstage/tree/master/packages/catalog-model/examples)._
 
-![](../../assets/software-catalog/bsc-register-2.png)
+![screenshot of creating new components](../../assets/software-catalog/bsc-register-2.png)
 
 It is important to note that any kind of software can be registered in
 Backstage. Even if the software is not maintained by your company (SaaS
@@ -100,7 +100,7 @@ More information about catalog configuration can be found
 Teams owning the components are responsible for maintaining the metadata about
 them, and do so using their normal Git workflow.
 
-![](../../assets/software-catalog/bsc-edit.png)
+![screenshot of updating component metadata](../../assets/software-catalog/bsc-edit.png)
 
 Once the change has been merged, Backstage will automatically show the updated
 metadata in the software catalog after a short while.
@@ -112,14 +112,14 @@ in user. But you can also switch to _All_ to see all the components across your
 company's software ecosystem. Basic inline _search_ and _column filtering_ makes
 it easy to browse a big set of components.
 
-![](../../assets/software-catalog/bsc-search.png)
+![screenshot of finding software in the catalog](../../assets/software-catalog/bsc-search.png)
 
 ## Starring components
 
 For easy and quick access to components you visit frequently, Backstage supports
 _starring_ of components:
 
-![](../../assets/software-catalog/bsc-starred.png)
+![screenshot of starred components](../../assets/software-catalog/bsc-starred.png)
 
 ## Integrated tooling through plugins
 
@@ -130,7 +130,7 @@ infrastructure UIs (and incurring additional cognitive overhead each time they
 make a context switch), most of these tools can be organized around the entities
 in the catalog.
 
-![tools](https://backstage.io/assets/images/tabs-abfdf72185d3ceb1d92c4237f7f78809.png)
+![screenshot of tools](https://backstage.io/assets/images/tabs-abfdf72185d3ceb1d92c4237f7f78809.png)
 
 The Backstage platform can be customized by incorporating
 [existing open source plugins](https://github.com/backstage/backstage/tree/master/plugins),

docs/overview/background.md

@@ -35,4 +35,4 @@ Backstage was originally built by Spotify and then donated to the CNCF.
 Backstage is currently in the Incubation phase. Read the announcement
 [here](https://backstage.io/blog/2022/03/16/backstage-turns-two#out-of-the-sandbox-and-into-incubation).
 
-<img src="https://backstage.io/img/cncf-white.svg" width="400" />
+<img src="https://backstage.io/img/cncf-white.svg" alt="CNCF logo" width="400" />

docs/overview/what-is-backstage.md

@@ -40,7 +40,7 @@ Out of the box, Backstage includes:
 Backstage is a CNCF Incubation project after graduating from Sandbox. Read the announcement
 [here](https://backstage.io/blog/2022/03/16/backstage-turns-two#out-of-the-sandbox-and-into-incubation).
 
-<img src="https://backstage.io/img/cncf-white.svg" width="400" />
+<img src="https://backstage.io/img/cncf-white.svg" alt="CNCF logo" width="400" />
 
 ## Benefits
 

microsite/src/pages/plugins/plugins.module.scss

@@ -32,7 +32,8 @@
       position: absolute;
       text-align: center;
       font-weight: bold;
-
+      color: black;
+      
       transform: translateY(var(--translateY)) translateX(var(--translateX))
         rotate(var(--rotation));
       transform-origin: bottom left;

microsite/src/theme/customTheme.scss

@@ -7,7 +7,7 @@
   --ifm-color-primary-darker: #2e9e8a;
   --ifm-color-primary-darkest: #268271;
 }
-
+// for docs and releases
 #__docusaurus {
   .theme-doc-markdown {
     a {
@@ -15,7 +15,34 @@
     }
   }
 }
-
+// for blog
+#__docusaurus {
+  .row {
+    .col {
+      &--7 {
+        a {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+}
+// for community page
+#__docusaurus {
+  .communityPage_src-pages-demos-demos-module {
+    a:not([class]) {
+      text-decoration: underline;
+    }
+  }
+}
+// for plugin page
+#__docusaurus {
+  .pluginsPage_src-pages-plugins-plugins-module {
+    a:not([class]) {
+      text-decoration: underline;
+    }
+  }
+}
 .footerLogo {
   background-image: url(/img/logo.svg);
   background-repeat: no-repeat;