fix: Add aria-labels

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: linkdotnet

src/LinkDotNet.Blog.Web/Features/Components/MarkdownTextArea.razor

@@ -9,39 +9,39 @@
 
 <div id="@Id" class="markdown-editor-container @Class">
     <div class="markdown-toolbar">
-        <button type="button" class="toolbar-btn" title="@GetShortcutText("Undo", "Z")" @onclick="Undo" disabled="@(!canUndo)">
+        <button type="button" class="toolbar-btn" title="@GetShortcutText("Undo", "Z")" aria-label="@GetShortcutText("Undo", "Z")" @onclick="Undo" disabled="@(!canUndo)">
             <i class="bi bi-arrow-counterclockwise"></i>
         </button>
-        <button type="button" class="toolbar-btn" title="@GetShortcutText("Redo", "Y")" @onclick="Redo" disabled="@(!canRedo)">
+        <button type="button" class="toolbar-btn" title="@GetShortcutText("Redo", "Y")" aria-label="@GetShortcutText("Redo", "Y")" @onclick="Redo" disabled="@(!canRedo)">
             <i class="bi bi-arrow-clockwise"></i>
         </button>
         <div class="toolbar-divider"></div>
-        <button type="button" class="toolbar-btn" title="@GetShortcutText("Bold", "B")" @onclick="InsertBold">
+        <button type="button" class="toolbar-btn" title="@GetShortcutText("Bold", "B")" aria-label="@GetShortcutText("Bold", "B")" @onclick="InsertBold">
             <i class="bi bi-type-bold"></i>
         </button>
-        <button type="button" class="toolbar-btn" title="@GetShortcutText("Italic", "I")" @onclick="InsertItalic">
+        <button type="button" class="toolbar-btn" title="@GetShortcutText("Italic", "I")" aria-label="@GetShortcutText("Italic", "I")" @onclick="InsertItalic">
             <i class="bi bi-type-italic"></i>
         </button>
-        <button type="button" class="toolbar-btn" title="Heading 1" @onclick="InsertH1">
+        <button type="button" class="toolbar-btn" title="Heading 1" aria-label="Heading 1" @onclick="InsertH1">
             <i class="bi bi-type-h1"></i>
         </button>
-        <button type="button" class="toolbar-btn" title="Heading 2" @onclick="InsertH2">
+        <button type="button" class="toolbar-btn" title="Heading 2" aria-label="Heading 2" @onclick="InsertH2">
             <i class="bi bi-type-h2"></i>
         </button>
-        <button type="button" class="toolbar-btn" title="Heading 3" @onclick="InsertH3">
+        <button type="button" class="toolbar-btn" title="Heading 3" aria-label="Heading 3" @onclick="InsertH3">
             <i class="bi bi-type-h3"></i>
         </button>
         <div class="toolbar-divider"></div>
-        <button type="button" class="toolbar-btn" title="@GetShortcutText("Quote", "⇧.")" @onclick="InsertQuote">
+        <button type="button" class="toolbar-btn" title="@GetShortcutText("Quote", "⇧.")" aria-label="@GetShortcutText("Quote", "⇧.")" @onclick="InsertQuote">
             <i class="bi bi-quote"></i>
         </button>
-        <button type="button" class="toolbar-btn" title="@GetShortcutText("Code", "E")" @onclick="InsertCode">
+        <button type="button" class="toolbar-btn" title="@GetShortcutText("Code", "E")" aria-label="@GetShortcutText("Code", "E")" @onclick="InsertCode">
             <i class="bi bi-code"></i>
         </button>
-        <button type="button" class="toolbar-btn" title="Code Block" @onclick="InsertCodeBlock">
+        <button type="button" class="toolbar-btn" title="Code Block" aria-label="Code Block" @onclick="InsertCodeBlock">
             <i class="bi bi-code-square"></i>
         </button>
-        <button type="button" class="toolbar-btn" title="@GetShortcutText("Horizontal Rule", "⇧H")" @onclick="InsertHorizontalRule">
+        <button type="button" class="toolbar-btn" title="@GetShortcutText("Horizontal Rule", "⇧H")" aria-label="@GetShortcutText("Horizontal Rule", "⇧H")" @onclick="InsertHorizontalRule">
             <i class="bi bi-hr"></i>
         </button>
         <div class="toolbar-divider"></div>