Take a elements without href as button

Author: linkdotnet

src/LinkDotNet.Blog.Web/Features/Home/Components/Anchor.razor

@@ -1,6 +1,6 @@
 @if (string.IsNullOrEmpty(Href))
 {
-    <a class="@CssClass">@ChildContent</a>
+    <a class="@CssClass" role="button">@ChildContent</a>
 }
 else
 {
@@ -9,10 +9,10 @@ else
 @code {
     [Parameter]
     public string CssClass { get; set; }
-    
+
     [Parameter]
     public string Href { get; set; }
-    
+
     [Parameter]
-    public RenderFragment ChildContent { get; set; } 
+    public RenderFragment ChildContent { get; set; }
 }

src/LinkDotNet.Blog.Web/Pages/_Layout.cshtml

@@ -48,7 +48,7 @@
         An unhandled exception has occurred. See browser dev tools for details.
     </environment>
     <a href="/" class="reload">Reload</a>
-    <a class="dismiss">x</a>
+    <a class="dismiss" role="button">x</a>
 </div>
 <script src="_framework/blazor.server.js"></script>
 <script async src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js" integrity="sha512-bgHRAiTjGrzHzLyKOnpFvaEpGzJet3z4tZnXGjpsCcqOnAH6VGUx9frc5bcIhKTVLEiCO6vEhNAgx5jtLUYrfA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>