Merge pull request #83 from liuboaibc/update/add-image-alt

image alt

config/_default/config.toml

@@ -41,19 +41,19 @@ hasChildren = true
   [[languages.en.menu.main]]
   parent = "Scenarios"
   name = "Embracing One-stop DevOps Workflow"
-  URL = "devops"
+  URL = "devops/"
   weight = 1
 
   [[languages.en.menu.main]]
   parent = "Scenarios"
   name = "Running Microservices on Kubernetes"
-  URL = "service-mesh"
+  URL = "service-mesh/"
   weight = 2
 
   [[languages.en.menu.main]]
   parent = "Scenarios"
   name = "Building Cloud Native Observability"
-  URL = "observability"
+  URL = "observability/"
   weight = 3
 
 [[languages.en.menu.main]]
@@ -64,25 +64,25 @@ hasChildren = true
   [[languages.en.menu.main]]
   parent = "Resources"
   name = "Open Source Projects"
-  URL = "projects"
+  URL = "projects/"
   weight = 1
 
   [[languages.en.menu.main]]
   parent = "Resources"
   name = "KubeCon & QCon"
-  URL = "conferences"
+  URL = "conferences/"
   weight = 2
 
   [[languages.en.menu.main]]
   parent = "Resources"
   name = "Technology Blogs"
-  URL = "blogs"
+  URL = "blogs/"
   weight = 3
 
   [[languages.en.menu.main]]
   parent = "Resources"
   name = "Video Resources"
-  URL = "videos"
+  URL = "videos/"
   weight = 4
 
 [[languages.en.menu.main]]
@@ -97,19 +97,19 @@ name = "Community"
     [[languages.en.menu.main]]
     parent = "Community"
     name = "Contribution"
-    URL = "contribution"
+    URL = "contribution/"
     weight = 1
 
     [[languages.en.menu.main]]
     parent = "Community"
     name = "Case Studies"
-    URL = "case"
+    URL = "case/"
     weight = 2
 
     [[languages.en.menu.main]]
     parent = "Community"
     name = "Partner"
-    URL = "partner"
+    URL = "partner/"
     weight = 3
 
     [[languages.en.menu.main]]
@@ -132,19 +132,19 @@ hasChildren = true
   [[languages.zh.menu.main]]
   parent = "应用场景"
   name = "拥抱一站式 DevOps 工作流"
-  URL = "devops"
+  URL = "devops/"
   weight = 2
 
   [[languages.zh.menu.main]]
   parent = "应用场景"
   name = "在 Kubernetes 运行微服务"
-  URL = "service-mesh"
+  URL = "service-mesh/"
   weight = 4
 
   [[languages.zh.menu.main]]
   parent = "应用场景"
   name = "构建丰富的云原生可观察性"
-  URL = "observability"
+  URL = "observability/"
   weight = 8
 
 [[languages.zh.menu.main]]
@@ -155,25 +155,25 @@ hasChildren = true
   [[languages.zh.menu.main]]
   parent = "资源"
   name = "开源项目"
-  URL = "projects"
+  URL = "projects/"
   weight = 1
 
   [[languages.zh.menu.main]]
   parent = "资源"
   name = "开源峰会"
-  URL = "conferences"
+  URL = "conferences/"
   weight = 2
 
   [[languages.zh.menu.main]]
   parent = "资源"
   name = "技术博客"
-  URL = "blogs"
+  URL = "blogs/"
   weight = 3
 
   [[languages.zh.menu.main]]
   parent = "资源"
   name = "视频资源"
-  URL = "videos"
+  URL = "videos/"
   weight = 4
 
 [[languages.zh.menu.main]]
@@ -188,19 +188,19 @@ name = "开源社区"
     [[languages.zh.menu.main]]
     parent = "开源社区"
     name = "参与贡献"
-    URL = "contribution"
+    URL = "contribution/"
     weight = 1
 
     [[languages.zh.menu.main]]
     parent = "开源社区"
     name = "案例学习"
-    URL = "case"
+    URL = "case/"
     weight = 2
 
     [[languages.zh.menu.main]]
     parent = "开源社区"
     name = "合作伙伴"
-    URL = "partner"
+    URL = "partner/"
     weight = 3
 
     [[languages.zh.menu.main]]

content/en/_index.md

@@ -102,19 +102,19 @@ section4:
     - name: Service Mesh (Istio-based)
       icon: /images/home/service.svg
       content: Provide fine-grained traffic management, observability and tracing, and offer visualization for traffic topology
-      link: "service-mesh"
+      link: "service-mesh/"
       color: red
 
     - name: Rich Observability
       icon: /images/home/rich.svg
       content: Multi-dimensional monitoring, events and audit logs query are supported; multi-tenant log query and collection, alerting and notification are built-in
-      link: "observability"
+      link: "observability/"
       color: green
 
     - name: DevOps System
       icon: /images/home/dev-ops.svg
       content: Out-of-box CI/CD based on Jenkins, and automated workflow tools including Source-to-Image & Binary-to-Image
-      link: "devops"
+      link: "devops/"
       color: orange
 
     - name: Multiple Storage Solutions
@@ -158,7 +158,7 @@ section5:
 
 section6:
   title: End User Community
-  content: Tons of enterprises and organizations are using KubeSphere Container Platform for research, production and their commercial products.</br> The <a class='inner-a' target='_blank' href='../case'>Case Studies</a> list more detailed user cases and their cloud native transformation stories.
+  content: Tons of enterprises and organizations are using KubeSphere Container Platform for research, production and their commercial products.</br> The <a class='inner-a' target='_blank' href='case/'>Case Studies</a> list more detailed user cases and their cloud native transformation stories.
   children:
     - icon: /images/home/section6-anchnet.jpg
     - icon: /images/home/section6-aqara.jpg
@@ -177,11 +177,11 @@ section6:
     - icon: /images/home/section6-yiliu.jpg
 
   btnContent: Case Studies
-  btnLink: case
+  btnLink: case/
   link: mailto:kubesphere@gmail.com
   linkContent: Want to join our user community and showcase your logo? Just send an email to kubesphere@gmail.com
   joinTitle: Join the Revolution, Partner with KubeSphere
   joinContent: We look forward to your joining KubeSphere partner program to improve both ecosystems and grow your business.
-  joinLink: partner
+  joinLink: partner/
   image: /images/home/certification.jpg
 ---

content/zh/_index.md

@@ -102,19 +102,19 @@ section4:
     - name: 基于 Istio 的微服务治理
       icon: /images/home/service.svg
       content: 提供细粒度的流量管理、流量监控、灰度发布、分布式追踪，支持可视化的流量拓扑
-      link: "service-mesh"
+      link: "service-mesh/"
       color: red
 
     - name: 丰富的可观察性
       icon: /images/home/rich.svg
       content: 提供多维度与多租户的监控、日志、事件、审计搜索，支持多种告警策略与通知渠道，支持日志转发
-      link: "observability"
+      link: "observability/"
       color: green
 
     - name: DevOps 系统
       icon: /images/home/dev-ops.svg
       content: 基于 Jenkins 为引擎打造的 CI/CD，内置 Source-to-Image 和 Binary-to-Image 自动化打包部署工具
-      link: "devops"
+      link: "devops/"
       color: orange
 
     - name: 支持多种存储方案
@@ -158,7 +158,7 @@ section5:
 
 section6:
   title: 用户社区
-  content: 已有来自全球的大量知名企业与组织将 KubeSphere 容器平台广泛应用在科研、生产环境以及他们的商业产品中，</br> 点击 <a class='inner-a' target='_blank' href='../case'>案例学习</a> 查看更详细的典型用户的实践案例文章。
+  content: 已有来自全球的大量知名企业与组织将 KubeSphere 容器平台广泛应用在科研、生产环境以及他们的商业产品中，</br> 点击 <a class='inner-a' target='_blank' href='case/'>案例学习</a> 查看更详细的典型用户的实践案例文章。
   children:
     - icon: /images/home/section6-anchnet.jpg
     - icon: /images/home/section6-aqara.jpg
@@ -177,11 +177,11 @@ section6:
     - icon: /images/home/section6-yiliu.jpg
 
   btnContent: 案例学习
-  btnLink: case
+  btnLink: case/
   link: mailto:kubesphere@gmail.com
   linkContent: 希望加入用户社区并在 KubeSphere 官网展示您的 Logo？请邮件至 kubesphere@gmail.com
   joinTitle: 加入 KubeSphere 社区合作伙伴计划
   joinContent: 我们非常期待您加入 KubeSphere 社区合作伙伴计划，共同完善各自的生态，加速您的业务增长。
-  joinLink: partner
+  joinLink: partner/
   image: /images/home/certification.jpg
 ---

data/en/footer.yaml

@@ -3,13 +3,13 @@ footer:
     - title: Scenarios
       list:
         - content: Embrace DevOps
-          link: devops
+          link: devops/
 
         - content: Microservices on K8s
-          link: service-mesh
+          link: service-mesh/
 
         - content: Cloud Native Observability
-          link: observability
+          link: observability/
 
         - content: Bare Metal LoadBalancer
           link: 'https://porterlb.io/'
@@ -25,13 +25,13 @@ footer:
     - title: Resources
       list:
         - content: Projects
-          link: projects
+          link: projects/
         - content: Blogs
-          link: blogs
+          link: blogs/
         - content: KubeCon & QCon
-          link: conferences
+          link: conferences/
         - content: Videos
-          link: videos
+          link: videos/
 
     - title: KubeSphere Docs
       list:
@@ -47,11 +47,11 @@ footer:
     - title: Community
       list:
         - content: Contribution
-          link: contribution
+          link: contribution/
         - content: Case Studies
-          link: case
+          link: case/
         - content: Partners
-          link: partner
+          link: partner/
         - content: Roadmap
           link: https://github.com/kubesphere/kubesphere/blob/master/docs/roadmap.md
         - content: China Site

data/zh/footer.yaml

@@ -3,13 +3,13 @@ footer:
     - title: 应用场景
       list:
         - content: 拥抱一站式 DevOps
-          link: devops
+          link: devops/
 
         - content: 在 K8s 运行微服务
-          link: service-mesh
+          link: service-mesh/
 
         - content: 构建云原生可观察性
-          link: observability
+          link: observability/
 
         - content: 物理机 K8s 暴露服务
           link: 'https://porterlb.io'
@@ -26,13 +26,13 @@ footer:
     - title: 资源
       list:
         - content: 开源项目
-          link: projects
+          link: projects/
         - content: 技术博客
-          link: blogs
+          link: blogs/
         - content: 开源峰会
-          link: conferences
+          link: conferences/
         - content: 视频资源
-          link: videos
+          link: videos/
 
     - title: 文档中心
       list:
@@ -50,9 +50,9 @@ footer:
         - content: 参与贡献
           link: contribution
         - content: 案例学习
-          link: case
+          link: case/
         - content: 合作伙伴
-          link: partner
+          link: partner/
         - content: 版本计划
           link: https://github.com/kubesphere/kubesphere/blob/master/docs/roadmap.md
         - content: 中国站

i18n/en.yaml

@@ -42,3 +42,15 @@
   translation: We can’t find the page that you’re looking for :(
 - id: Go To Home
   translation: Go To Home
+- id: icon
+  translation: icon
+- id: background image
+  translation: background image
+- id: background image
+  translation: background image
+- id: kubesphere console screenshot
+  translation: kubesphere console screenshot
+
+
+
+

i18n/zh.yaml

@@ -42,3 +42,9 @@
   translation: We can’t find the page that you’re looking for :(
 - id: Go To Home
   translation: Go To Home
+- id: icon
+  translation: 图标
+- id: background image
+  translation: 背景图片
+- id: kubesphere console screenshot
+  translation: kubesphere console 截图

layouts/404.html

@@ -1,9 +1,9 @@
 {{ define "main" }}
 <section class="section-1">
-    <img class="img-1" data-src="/images/404/combined-shape.svg" alt="">
-    <img class="img-2" data-src="/images/404/fill.svg" alt="">
+    <img class="img-1" data-src="/images/404/combined-shape.svg" alt="icon">
+    <img class="img-2" data-src="/images/404/fill.svg" alt="background image">
     <div class="common-layout">
-        <img data-src="/images/404/404.png" alt="">
+        <img data-src="/images/404/404.png" alt="404 image">
         <p>{{ i18n "We can’t find the page that you’re looking for :(" }}</p>
         <a href="{{ site.Home.RelPermalink }}">
             <button>{{ i18n "Go To Home" }}</button>

layouts/_default/scenario.html

@@ -9,7 +9,7 @@
 {{ end }}
 
 <section class="section-img">
-  <img class="common-layout" data-src="{{ .Params.image }}" alt="">
+  <img class="common-layout" data-src="{{ .Params.image }}" alt="{{ .Title }}">
   {{ if .Params.bg }}
   <img class="bg" data-src="{{ .Params.bg }}" alt="">
   {{ end }}
@@ -35,7 +35,7 @@
           </ul>
           {{ end }}
         </div>
-        <img data-src="{{ .image }}" alt="">
+        <img data-src="{{ .image }}" alt="{{ .title }}">
       </li>
       {{ end }}
     </ul>
@@ -45,8 +45,8 @@
 
 <section class="section-3">
   {{ with .Params.section3 }}
-  <img class="bg-left" data-src="{{ .bgLeft }}" alt="">
-  <img class="bg-right" data-src="{{ .bgRight }}" alt="">
+  <img class="bg-left" data-src="{{ .bgLeft }}" alt="{{ i18n "background image" }}">
+  <img class="bg-right" data-src="{{ .bgRight }}" alt="{{ i18n "background image" }}">
   <div class="common-layout">
     <h2 class="title-black-h2">{{ .title }}</h2>
     {{ if .videoLink }}

layouts/blogs/list.html

@@ -17,7 +17,7 @@
             {{ range .Data.Pages }}
             <li data-tag='{{ .Params.tag }}'>
                 <div class='img-div'>
-                    <img data-src="{{ .Params.snapshot }}" alt="">
+                    <img data-src="{{ .Params.snapshot }}" alt="{{ .Title }}">
                 </div>
                 <div class='content-div'>
                     <p class='time'>{{ .Params.createTime }}</p>

layouts/case/list.html

@@ -15,7 +15,7 @@
     <ul class="cases-ul common-layout">
         {{ range .caseList }}
             <li>
-                <img data-src="{{ .icon | relURL }}" alt="">
+                <img data-src="{{ .icon | relURL }}" alt="{{ .content }}">
                 <p class="title-p">{{ .content }}</p>
                 <div>
                     <a class="common-green-a" href="{{ .link }}">{{ $tip }}</a>
@@ -23,7 +23,7 @@
             </li>
         {{ end }}
     </ul>
-    <img data-src="{{ .icon | relURL }}" alt="">
+    <img data-src="{{ .icon | relURL }}" alt="{{ i18n "icon" }}">
     {{ end }}
 </section>
 
@@ -42,7 +42,7 @@
             {{ $name := .name }}
             {{ range .children }}
             <li data-name="{{ $name }}">
-                <img data-src="{{ .icon | relURL }}" alt="">
+                <img data-src="{{ .icon | relURL }}" alt="{{ .name }}">
             </li>
             {{ end }}
             {{ end }}
@@ -51,7 +51,7 @@
         <p>{{ .content }} <a class="common-green-a" href="{{ .link }}">{{ .linkContent }}</a></p>
         {{ end }}
     </div>
-    <img data-src="{{ .icon | relURL }}" alt="">
+    <img data-src="{{ .icon | relURL }}" alt="{{ i18n "icon" }}">
     {{ end }}
 </section>
 <script>

layouts/conferences/list.html

@@ -8,10 +8,10 @@
                 {{ range .Params.list }}
                 <li>
                     <div class='top-div'>
-                        <img class='left-img' data-src="{{ .bg | relURL }}" alt="">
+                        <img class='left-img' data-src="{{ .bg | relURL }}" alt="{{ .name }}">
                         <h3>{{ .name }}</h3>
                         <p>{{ .content }}</p>
-                        <img class='right-img' data-src="{{  .icon | relURL }}" alt="">
+                        <img class='right-img' data-src="{{  .icon | relURL }}" alt="{{ .name }}">
                     </div>
                     <ul>
                         {{ range .children }}
@@ -21,7 +21,7 @@
                             <p>{{ .summary }}</p>
                             <div class='line'></div>
                             <a href="{{ .link }}"><button>{{ $viewDetail }}</button></a>
-                            <img data-src="{{ .image | relURL }}" alt="">
+                            <img data-src="{{ .image | relURL }}" alt="{{ .name }}">
                         </li>
                         {{ end }}
                     </ul>

layouts/contribution/list.html

@@ -16,7 +16,7 @@
         {{ range .topType }}
             <li>
                 <div class='title'>
-                    <img data-src="{{ .icon1 | relURL }}" alt="">
+                    <img data-src="{{ .icon1 | relURL }}" alt="{{ .name }}">
                     <p>{{ .name }}</p>
                 </div>
                 <div class='line'></div>
@@ -27,7 +27,7 @@
                     </li>
                     {{ end }}
                 </ul>
-                <img class='bottom-img' data-src="{{ .icon2 | relURL }}" alt="">
+                <img class='bottom-img' data-src="{{ .icon2 | relURL }}" alt="{{ i18n "background image"}}">
             </li>
         {{ end }}
         </ul>
@@ -37,19 +37,19 @@
             <h2 class="title-black-h2">{{ .topic }}</h2>
             <div>
                 <div class='top-div'>{{ .name }}</div>
-                <img data-src="{{ .icon | relURL }}" alt="">
+                <img data-src="{{ .icon | relURL }}" alt="{{ .name }}">
                 <ul class="common-flex-layout">
                     {{ range $index, $element := .type }}
                     <li>
                         <div>
-                            <img data-src="{{ .icon | relURL }}" alt="">
+                            <img data-src="{{ .icon | relURL }}" alt="{{ .name }}">
                             <span>{{ .name }}</span>
                         </div>
                         {{ if .children }}
                         <ul>
                             {{ range .children }}
                             <li class="">
-                                <img data-src="{{ $topIcon | relURL }}" alt="">
+                                <img data-src="{{ $topIcon | relURL }}" alt="{{ .name }}">
                                 <div>{{ .name }}</div>
                                 {{ if eq $index 1}}
                                 <p class='left'>{{ .content }}</p>
@@ -85,7 +85,7 @@
             {{ $icon = $element.iconActive }}
             {{ end }}
             <li class="{{ $active }}" data-info='{{ . | jsonify }}' data-index='{{ $index }}'>
-                <img data-src="{{ $icon | relURL }}" alt="">
+                <img data-src="{{ $icon | relURL }}" alt="{{ .name }}">
                 <p>{{ $element.name }}</p>
             </li>
             {{ end }}
@@ -114,12 +114,12 @@
 
 <section class='section-4'>
     {{ with .Params.section4.involved }}
-    <img data-src="/images/contribution/involve-bg.jpg" alt="">
+    <img data-src="/images/contribution/involve-bg.jpg" alt="{{ i18n "background image" }}">
     <h2 class="title-white-h2 ">{{ .title }}</h2>
     <div  class="common-flex-layout">
         {{ range .children}}
         <div>
-            <img data-src="{{ .icon | relURL }}" alt="">
+            <img data-src="{{ .icon | relURL }}" alt="{{ .title }}">
             <h3 class="title-white-h3">{{ .title }}</h3>
             <p class="common-center-p">{{ .content }}</p>
             <div>
@@ -135,10 +135,11 @@
     <div class="common-layout">
         {{ with .Params.section5 }}
         <h2 class="title-black-h2">{{ .title }}</h2>
+        {{ $alt := .title }}
         <ul>
             {{ range .list }}
             <li>
-                <img data-src="{{ .icon }}" alt="">
+                <img data-src="{{ .icon }}" alt="{{ $alt }}">
             </li>
             {{ end }}
         </ul>
@@ -196,7 +197,7 @@
         var ul = bottomDiv.find('ul')
         ul.empty()
         $.each(info.children, function( key, value ) {
-            ul.append('<li><img data-src="' + value.icon + '" alt="" ></li>');
+            ul.append('<li><img src="' + value.icon + '" alt="" ></li>');
         });
     }
 

layouts/index.html

@@ -2,9 +2,9 @@
 {{ $data := index .Site.Data .Site.Language.Lang }}
 <section class='section-1'>
   {{ with .Params.section1 }}
-  <img class='img1' data-src="images/home/bg.jpg" alt="">
-  <img class='img2' data-src="/images/home/12-3.png" alt="">
-  <img class='img3' data-src="/images/home/2.svg" alt="">
+  <img class='img1' data-src="/images/home/bg.jpg" alt="{{ i18n "background image"}}">
+  <img class='img2' data-src="/images/home/12-3.png" alt="{{ i18n "background image"}}">
+  <img class='img3' data-src="/images/home/2.svg" alt="{{ i18n "background image"}}">
   <div class="common-layout">
     <div>
       <p class='p1'>{{ .title | safeHTML }}</p>
@@ -17,9 +17,9 @@
         <button class='btn2 common-btn'>{{ .btnContent2 }}</button>
       </a>
     </div>
-    <img class='img1' data-src="/images/home/53.png" alt="">
-    <img class='img2' data-src="/images/home/left.svg" alt="">
-    <img class='img4' data-src="/images/home/46.svg" alt="">
+    <img class='img1' data-src="/images/home/53.png" alt="{{ i18n "kubesphere console screenshot"}}">
+    <img class='img2' data-src="/images/home/left.svg" alt="{{ i18n "background image"}}">
+    <img class='img4' data-src="/images/home/46.svg" alt="{{ i18n "background image"}}">
   </div>
   {{ end }}
 </section>
@@ -32,7 +32,7 @@
     <ul>
       {{ range .children }}
       <li class="common-top-inline">
-        <img src="{{ .icon }}" alt="">
+        <img src="{{ .icon }}" alt="{{ .name }}">
         <h3 class="title-black-h3 ">{{ .name | safeHTML }}</h3>
         <p class="common-center-p">{{ .content | safeHTML }}</p>
       </li>
@@ -64,7 +64,7 @@
           <li>{{ .content | safeHTML }}</li>
           {{ end }}
         </ul>
-        <img data-src="{{ .icon | relURL }}" alt="">
+        <img data-src="{{ .icon | relURL }}" alt="{{ .name }}">
       </div>
       {{ end }}
 
@@ -75,8 +75,8 @@
 
 <section class='section-4'>
   {{ with .Params.section4 }}
-  <img class='bg-1' data-src="/images/home/section4-left.png" alt="">
-  <img class='bg-2' data-src="/images/home/section4-right.svg" alt="">
+  <img class='bg-1' data-src="/images/home/section4-left.png" alt="{{ i18n "background image"}}">
+  <img class='bg-2' data-src="/images/home/section4-right.svg" alt="{{ i18n "background image"}}">
   <div class="common-layout">
     <div>
       <h2>{{ .title }}</h2>
@@ -84,7 +84,7 @@
       <ul>
         {{ range .children }}
         <li>
-          <img data-src="{{ .icon }}" alt="">
+          <img data-src="{{ .icon }}" alt="{{ .name }}">
           <div>
             <h3 class="title-white-h3">{{ .name }}</h3>
             <p class="common-p">{{ .content | safeHTML }}</p>
@@ -100,7 +100,7 @@
         <div>
           <div class='top-line {{ .color }}'></div>
           <div class='img-span-div'>
-            <img class="common-middle-inline" data-src="{{ .icon }}" alt="">
+            <img class="common-middle-inline" data-src="{{ .icon }}" alt="{{ .name }}">
             <span class="common-middle-inline">{{ .name }}</span>
           </div>
           <p class="common-p">{{ .content | safeHTML }}</p>
@@ -127,10 +127,11 @@
       <div class='front-div common-top-inline'>
         <h3 class="title-black-h3">{{ .title }}</h3>
         <p>{{ .project }}</p>
+        {{ $alt := .project }}
         <ul>
           {{ range .children }}
           <li>
-            <img data-src="{{ .icon }}" alt="">
+            <img data-src="{{ .icon }}" alt="{{ $alt }}">
           </li>
           {{ end }}
         </ul>
@@ -148,8 +149,8 @@
           </ul>
         </div>
         <div class='image'>
-          <img data-src="/images/home/applications.png" alt="">
-          <img data-src="/images/home/applications.png" alt="">
+          <img data-src="/images/home/applications.png" alt="{{ .project }}">
+          <img data-src="/images/home/applications.png" alt="{{ .project }}">
         </div>
       </div>
       {{ end }}
@@ -164,9 +165,10 @@
     <h2 class="title-black-h2">{{ .title }}</h2>
     <p class="title-p">{{ .content | safeHTML }}</p>
     <ul class="common-flex-layout">
+      {{ $alt := .title }}
       {{ range .children }}
       <li>
-        <img data-src="{{ .icon }}" alt="">
+        <img data-src="{{ .icon }}" alt="{{ $alt }}}">
       </li>
       {{ end }}
     </ul>
@@ -179,12 +181,12 @@
     <a class='join-div' href="{{ .joinLink }}">
       <p class='p1'>{{ .joinTitle }}</p>
       <p class='p2'>{{ .joinContent }}</p>
-      <img data-src="/images/home/join-right.svg" alt="">
+      <img data-src="/images/home/join-right.svg" alt="{{ i18n "background image"}}">
     </a>
-    <img class='bottom-img' data-src="{{ .image }}" alt="">
+    <img class='bottom-img' data-src="{{ .image }}" alt="cncf">
   </div>
-  <img class='bg-1' data-src="/images/home/section6-left.svg" alt="">
-  <img class='bg-2' data-src="/images/home/section6-right.svg" alt="">
+  <img class='bg-1' data-src="/images/home/section6-left.svg" alt="{{ i18n "icon" }}">
+  <img class='bg-2' data-src="/images/home/section6-right.svg" alt="{{ i18n "icon" }}">
   {{ end }}
 </section>
 

layouts/partner/list.html

@@ -15,32 +15,32 @@
         <div class="left-div">
             <div class="common-content">{{ .title }}</div>
             <p class="common-p">{{ .content }}</p>
-            <img class='img-1' data-src="{{ .bg2 | relURL }}" alt="">
-            <img class='img-2' data-src="{{ .bg3 | relURL }}" alt="">
+            <img class='img-1' data-src="{{ .bg2 | relURL }}" alt="{{ i18n "icon" }}">
+            <img class='img-2' data-src="{{ .bg3 | relURL }}" alt="{{ i18n "icon" }}">
         </div>
         <div class="right-div">
-            <img data-src="{{ .mapImage | relURL }}" alt="">
+            <img data-src="{{ .mapImage | relURL }}" alt="{{ .title }}">
             <div class='btn-div div-1'>
                 <p>{{ .name1 }}</p>
                 <div>
-                    <img data-src="{{ .icon1 | relURL }}" alt="">
+                    <img data-src="{{ .icon1 | relURL }}" alt="{{ .name1 }}">
                 </div>
             </div>
             <div class='btn-div div-2'>
                 <p>{{ .name2 }}</p>
                 <div>
-                    <img data-src="{{ .icon2 | relURL }}" alt="">
+                    <img data-src="{{ .icon2 | relURL }}" alt="{{ .name2 }}">
                 </div>
             </div>
             <div class='btn-div div-3'>
                 <p>{{ .name3 }}</p>
                 <div>
-                    <img data-src="{{ .icon3 | relURL }}" alt="">
+                    <img data-src="{{ .icon3 | relURL }}" alt="{{ .name3 }}">
                 </div>
             </div>
         </div>
     </div>
-    <img data-src="{{ .bg1 | relURL }}" alt="">
+    <img data-src="{{ .bg1 | relURL }}" alt="{{ i18n "icon" }}">
     {{ end }}
 </section>
 
@@ -71,7 +71,7 @@
         <ul class="partner-ul">
             {{ range .featuredPartnerList }}
                 <li>
-                    <img data-src="{{ .icon | relURL }}" alt="">
+                    <img data-src="{{ .icon | relURL }}" alt="{{ .content }}">
                     <div class='type'>{{ .partnerType }}</div>
                     <div class='content'>{{ .content }}</div>
                 </li>

layouts/projects/list.html

@@ -17,7 +17,7 @@
                 {{ $name := .name }}
                 {{ range .children }}
                 <li data-name="{{ $name }}">
-                    <img data-src="{{ .icon | relURL }}" alt="">
+                    <img data-src="{{ .icon | relURL }}" alt="{{ .title }}">
                     <a href="{{ .link }}" target="_blank" rel="noopener noreferrer">{{ .title }}</a>
                     <p>{{ .description }}</p>
                     <div>

layouts/videos/list.html

@@ -98,8 +98,8 @@
     }
 
     var createVideoLi = function(video) {
-        var img = '<img data-src="' + video.snapshot + '" alt="">'
-        var button = '<img data-class="btn" src="/images/videos/play.svg" alt="">'
+        var img = '<img data-src="' + video.snapshot + '" alt="background image">'
+        var button = '<img class="btn" src="/images/videos/play.svg" alt="play button">'
         var title = '<h3>' + video.title + '</h3>'
         var group = '<p>' + video.group + '</p>'
         var time = '<p class="time">' + video.createTime + '</p>'