diff --git a/modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Detail.cshtml b/modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Detail.cshtml
index cdbfa13d4b..df6ab306e0 100644
--- a/modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Detail.cshtml
+++ b/modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Detail.cshtml
@@ -65,8 +65,8 @@
                                             <div class="col-auto pe-1">
                                                 @if (Model.Post.Writer != null)
                                                 {
-                                                    <a href="/Members/@Model.Post.Writer.UserName">
-                                                        <img gravatar-email="@Model.Post.Writer.Email" default-image="Identicon" class="article-avatar"/>
+                                                    <a href="/Members/@Model.Post.Writer.UserName" aria-label="Go to user profile">
+                                                        <img gravatar-email="@Model.Post.Writer.Email" default-image="Identicon" class="article-avatar" alt="User Avatar" />
                                                     </a>
                                                 }
                                             </div>
@@ -107,7 +107,7 @@
                             </div>
                         </div>
                         <div class="img-container mb-3">
-                            <img src="@Model.Post.CoverImage" />
+                            <img src="@Model.Post.CoverImage" alt="Cover Image" />
                         </div>
                     </div>
                 </section>
@@ -170,7 +170,7 @@
                         @foreach (var commentWithRepliesDto in Model.CommentsWithReplies)
                         {
                             <div class="media">
-                                <img gravatar-email="@commentWithRepliesDto.Comment.Writer.Email" default-image="Identicon" class="d-flex me-3 rounded-circle comment-avatar" />
+                                <img gravatar-email="@commentWithRepliesDto.Comment.Writer.Email" default-image="Identicon" class="d-flex me-3 rounded-circle comment-avatar" alt="User Avatar" />
                                 <div class="media-body">
                                     <h5 class="comment-owner">
                                         @(commentWithRepliesDto.Comment.Writer == null ? "" : commentWithRepliesDto.Comment.Writer.UserName)
@@ -250,7 +250,7 @@
                                     @foreach (var reply in commentWithRepliesDto.Replies)
                                     {
                                         <div class="media">
-                                            <img gravatar-email="@reply.Writer.Email" default-image="Identicon" class="d-flex me-3 rounded-circle comment-avatar" />
+                                            <img gravatar-email="@reply.Writer.Email" default-image="Identicon" class="d-flex me-3 rounded-circle comment-avatar" alt="User Avatar" />
                                             <div class="media-body">
                                                 <h5 class="comment-owner">
                                                     @(reply.Writer == null ? "" : reply.Writer.UserName)
diff --git a/modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Index.cshtml b/modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Index.cshtml
index 34de18a744..236ac47008 100644
--- a/modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Index.cshtml
+++ b/modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Posts/Index.cshtml
@@ -40,7 +40,7 @@
                             <div class="hero-articles">
                                 <div class="img-container">
                                     <a asp-page="./Detail" asp-route-postUrl="@post.Url" asp-route-blogShortName="@Model.BlogShortName">
-                                        <img src="@post.CoverImage" class="hero-article-img">
+                                        <img src="@post.CoverImage" class="hero-article-img" alt="@post.Title cover image">
                                     </a>
                                 </div>
                                 <div class="hero-content pt-3">
@@ -61,7 +61,7 @@
                                                 <div class="row">
                                                     <div class="col-auto pe-1">
                                                         <a href="/Members/@post.Writer.UserName">
-                                                            <img gravatar-email="@post.Writer.Email" default-image="Identicon" class="article-avatar"/>
+                                                            <img gravatar-email="@post.Writer.Email" default-image="Identicon" class="article-avatar" alt="@post.Writer.UserName avatar" />
                                                         </a>
                                                     </div>
                                                     <div class="col ps-1">
@@ -110,7 +110,7 @@
                                         <div class="col-4">
                                             <div class="img-container">
                                                 <a asp-page="./Detail" asp-route-postUrl="@post.Url" asp-route-blogShortName="@Model.BlogShortName">
-                                                    <img src="@post.CoverImage" class="box-article-img">
+                                                    <img src="@post.CoverImage" class="box-article-img" alt="@post.Title cover image">
                                                 </a>
                                             </div>
                                         </div>
@@ -170,7 +170,7 @@
                                         <div class="col-md-4">
                                             <div class="img-container">
                                                 <a asp-page="./Detail" asp-route-postUrl="@post.Url" asp-route-blogShortName="@Model.BlogShortName">
-                                                    <img src="@post.CoverImage" class="box-article-img">
+                                                    <img src="@post.CoverImage" class="box-article-img" alt="@post.Title cover image">
                                                 </a>
                                             </div>
                                         </div>
@@ -191,7 +191,7 @@
                                                             <div class="row">
                                                                 <div class="col-auto pe-1">
                                                                     <a href="/Members/@post.Writer.UserName">
-                                                                        <img gravatar-email="@post.Writer.Email" default-image="Identicon" class="article-avatar"/>
+                                                                        <img gravatar-email="@post.Writer.Email" default-image="Identicon" class="article-avatar" alt="@post.Writer.UserName avatar" />
                                                                     </a>
                                                                 </div>
                                                                 <div class="col ps-1">