diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 895986e..d619e94 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -13,6 +13,7 @@ hasCJKLanguage = true
 [params]
     author = "Your Name"
     avatar = "avatar.jpg"
+    # avatarDescription = "My avatar description"
     favicon = "favicon.ico"
     description = """
         Please write anything here.
diff --git a/layouts/index.html b/layouts/index.html
index 9956da5..cbf8b8b 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -7,7 +7,7 @@
         <header>
           <!-- avator -->
           <div class="avatar">
-            <img class="avatarMask" src="/img/{{ .Site.Params.avatar }}" alt="avatar">
+            <img class="avatarMask" src="/img/{{ .Site.Params.avatar }}" alt="{{ .Site.Params.avatarDescription }}">
             <img src="/img/avatar-border.svg" class="avatar-border" alt="avatar-border">
           </div>
           <!-- author -->
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index cf8a7ba..c3db6c4 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,7 +1,7 @@
 <header>
   <!-- avator -->
   <div class="avatar">
-    <img class="avatarMask" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.avatar }}">
+    <img class="avatarMask" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.avatar }}" alt="{{ .Site.Params.avatarDescription }}">
     <a href="{{ .Site.BaseURL }}"><img class="avatar-border" src="{{ .Site.BaseURL }}/img/avatar-border.svg"></a>
   </div>
   <!-- author -->