docs: add alt for image element

src/sitePages/newHome/components/banner/banner.jsx

@@ -38,7 +38,7 @@ function Banner() {
                             </defs>
                         </svg>
                         <a style={{ position: 'absolute', height: 'fit-content', left: 224, top: -26 }} href={"https://www.rspack.dev"} aria-label={"rspack"} target={"_blank"} rel="noreferrer">
-                            <img style={{ width: "60px", position: "relative", left: "-18px" }} src={"https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/rspack.png"}/>
+                            <img style={{ width: "60px", position: "relative", left: "-18px" }} alt='rspack logo' src={"https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/rspack.png"}/>
                         </a>
                         <svg aria-label={"remix"} style={{ position: 'relative', top: "-16px", left: "304px", transform: 'scale(1.3)' }} height="24" viewBox="0 0 350 165" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><title>Remix Logo</title>
                             <path fillRule="evenodd" clipRule="evenodd" d="M133.85 124.16C135.3 142.762 135.3 151.482 135.3 161H92.2283C92.2283 158.927 92.2653 157.03 92.3028 155.107C92.4195 149.128 92.5411 142.894 91.5717 130.304C90.2905 111.872 82.3473 107.776 67.7419 107.776H54.8021H0V74.24H69.7918C88.2407 74.24 97.4651 68.632 97.4651 53.784C97.4651 40.728 88.2407 32.816 69.7918 32.816H0V0H77.4788C119.245 0 140 19.712 140 51.2C140 74.752 125.395 90.112 105.665 92.672C122.32 96 132.057 105.472 133.85 124.16Z" fill="currentColor"></path>

src/sitePages/newHome/components/comments/comments.jsx

@@ -96,24 +96,24 @@ function Comments(props) {
                 <span key='chromatic'>
                     <img
                         src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/chromatic.png"
-                        alt="semi application demo"
+                        alt="chromatic logo"
                         className={styles.group3736} 
                     />
                     <img
                         src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/chromatic-dark.png"
-                        alt="semi application demo"
+                        alt="chromatic logo"
                         className={`${styles.group3736dark}`} 
                     />
                 </span>
                 <span key='cypress'>
                     <img
                         src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/cypress.png"
-                        alt="semi application demo"
+                        alt="cypress logo"
                         className={styles.group3736} 
                     />
                     <img
                         src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/cypress-dark.png"
-                        alt="semi application demo"
+                        alt="cypress logo"
                         className={`${styles.group3736dark}`} 
                     />
                 </span>
@@ -122,10 +122,10 @@ function Comments(props) {
                 <div className={styles.autoWrapper}>
                     <div className={styles.testimonial1}>
                         {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                        <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1756c0-321a-11ec-adec-e911cea4cf98.png" className={styles.mColorCN} />
+                        <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1756c0-321a-11ec-adec-e911cea4cf98.png" className={styles.mColorCN} alt="user avatar" />
                         <div className={styles.frame4569}>
                             {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e19c7c0-321a-11ec-b393-ab4adc2e449f.svg" className={styles.quoteMark} />
+                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e19c7c0-321a-11ec-b393-ab4adc2e449f.svg" className={styles.quoteMark} alt="quote icon" />
                             <div className={styles.feedbackPersonDetail}>
                                 <p className={styles.feedback}><span className={styles.feedback_3a905c13}>{_t("access_is_simple_and_easy_to_use", { }, "接入简单易上手；")}</span></p>
                                 <div className={styles.personDetails}>
@@ -139,13 +139,13 @@ function Comments(props) {
                         <div className={styles.mColorCN_beba3295}>
                             <div className={styles.autoWrapper_4fa00029}>
                                 {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                                <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e17a4e1-321a-11ec-9c23-a9f1bde3758e.svg" className={styles.autoWrapper_4fa00029} />
+                                <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e17a4e1-321a-11ec-9c23-a9f1bde3758e.svg" className={styles.autoWrapper_4fa00029} alt="user avatar" />
                                 <p className={styles.text_b1d6cd66}>C</p>
                             </div>
                         </div>
                         <div className={styles.frame4569}>
                             {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e190470-321a-11ec-b008-15e09471f238.svg" className={styles.quoteMark} />
+                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e190470-321a-11ec-b008-15e09471f238.svg" className={styles.quoteMark} alt="quote icon" />
                             <div className={styles.feedbackPersonDetail}>
                                 <p className={styles.feedback}>{_t("the_components_are_quite_complete__covering_a_wide_range_and_the_overall_style_i_e10d9214b403886d249f00b8c4dbb975", { }, "组件挺全的，覆盖的比较广泛，整体风格也不错。")}</p>
                                 <div className={styles.personDetails}>
@@ -159,13 +159,13 @@ function Comments(props) {
                         <div className={styles.mColorCN_beba3295}>
                             <div className={styles.autoWrapper_4fa00029}>
                                 {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                                <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1ab220-321a-11ec-ab65-77a60c02a0b5.svg" className={styles.autoWrapper_4fa00029} />
+                                <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1ab220-321a-11ec-ab65-77a60c02a0b5.svg" className={styles.autoWrapper_4fa00029} alt="user avatar" />
                                 <p className={styles.text_11043f46}>M</p>
                             </div>
                         </div>
                         <div className={styles.frame4569}>
                             {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1ad930-321a-11ec-ab65-77a60c02a0b5.svg" className={styles.quoteMark} />
+                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1ad930-321a-11ec-ab65-77a60c02a0b5.svg" className={styles.quoteMark} alt="quote icon" />
                             <div className={styles.feedbackPersonDetail}>
                                 <p className={styles.feedback_daa8760d}>{_t("design_resources_are_obviously_helpful_to_improve_efficiency_", { }, "设计资源对提效有明显帮助。")}</p>
                                 <div className={styles.personDetails}>
@@ -181,13 +181,13 @@ function Comments(props) {
                         <div className={styles.mColorCN_beba3295}>
                             <div className={styles.autoWrapper_4fa00029}>
                                 {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                                <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e190470-321a-11ec-8b14-8fb159794ae4.svg" className={styles.autoWrapper_4fa00029} />
+                                <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e190470-321a-11ec-8b14-8fb159794ae4.svg" className={styles.autoWrapper_4fa00029} alt="user avatar" />
                                 <p className={styles.text_f8842908}>Y</p>
                             </div>
                         </div>
                         <div className={styles.frame4569}>
                             {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1b0040-321a-11ec-ab65-77a60c02a0b5.svg" className={styles.quoteMark} />
+                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1b0040-321a-11ec-ab65-77a60c02a0b5.svg" className={styles.quoteMark} alt="quote icon" />
                             <div className={styles.feedbackPersonDetail}>
                                 <p className={styles.feedback}>{_t("there_are_many_other_business_uses_within_the_company__there_are_more_sample_ref_c5fe7051d5fbf1a547084c91f7c4fd8e", { }, "有很多公司内的其他业务使用，有比较多的样例参考，我们依托")}</p>
                                 <div className={styles.personDetails_53392045}>
@@ -199,10 +199,10 @@ function Comments(props) {
                     </div>
                     <div className={styles.testimonial1}>
                         {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                        <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e190471-321a-11ec-b008-15e09471f238.png" className={styles.mColorCN} />
+                        <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e190471-321a-11ec-b008-15e09471f238.png" className={styles.mColorCN} alt="user avatar" />
                         <div className={styles.frame4569}>
                             {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1a15e0-321a-11ec-b393-ab4adc2e449f.svg" className={styles.quoteMark} />
+                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1a15e0-321a-11ec-b393-ab4adc2e449f.svg" className={styles.quoteMark} alt="quote icon" />
                             <div className={styles.feedbackPersonDetail}>
                                 <p className={styles.feedback}>{_t("super_good!_strong_push_", { }, "超级好用！强推。")}</p>
                                 <div className={styles.personDetails}>
@@ -214,10 +214,10 @@ function Comments(props) {
                     </div>
                     <div className={styles.testimonial7}>
                         {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                        <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e192b80-321a-11ec-8b14-8fb159794ae4.png" className={styles.mColorCN} />
+                        <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e192b80-321a-11ec-8b14-8fb159794ae4.png" className={styles.mColorCN} alt="user avatar" />
                         <div className={styles.frame4569}>
                             {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1979a0-321a-11ec-adec-e911cea4cf98.svg" className={styles.quoteMark} />
+                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1979a0-321a-11ec-adec-e911cea4cf98.svg" className={styles.quoteMark} alt="quote icon" />
                             <div className={styles.feedbackPersonDetail}>
                                 <p className={styles.feedback}>{_t("as_an_excellent_benchmarking_industry", { }, "作为对标业界优秀的")}</p>
                                 <div className={styles.personDetails}>
@@ -231,10 +231,10 @@ function Comments(props) {
                 <div className={styles.frame4571}>
                     <div className={styles.testimonial3}>
                         {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                        <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1b2750-321a-11ec-ab65-77a60c02a0b5.png" className={styles.mColorCN} />
+                        <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1b2750-321a-11ec-ab65-77a60c02a0b5.png" className={styles.mColorCN} alt="user avatar" />
                         <div className={styles.frame4569}>
                             {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1a3cf0-321a-11ec-b393-ab4adc2e449f.svg" className={styles.quoteMark} />
+                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1a3cf0-321a-11ec-b393-ab4adc2e449f.svg" className={styles.quoteMark} alt="quote icon" />
                             <div className={styles.feedbackPersonDetail}>
                                 <p className={styles.feedback}>{_t("easy_to_use__beautiful_style_", { }, "使用方便，样式美观。")}</p>
                                 <div className={styles.personDetails}>
@@ -248,13 +248,13 @@ function Comments(props) {
                         <div className={styles.mColorCN_beba3295}>
                             <div className={styles.autoWrapper_4fa00029}>
                                 {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                                <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1b9c80-321a-11ec-ab65-77a60c02a0b5.svg" className={styles.autoWrapper_4fa00029} />
+                                <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1b9c80-321a-11ec-ab65-77a60c02a0b5.svg" className={styles.autoWrapper_4fa00029} alt="user avatar" />
                                 <p className={styles.text_b1d6cd66}>G</p>
                             </div>
                         </div>
                         <div className={styles.frame4569}>
                             {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e19a0b0-321a-11ec-9c23-a9f1bde3758e.svg" className={styles.quoteMark} />
+                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e19a0b0-321a-11ec-9c23-a9f1bde3758e.svg" className={styles.quoteMark} alt="quote icon" />
                             <div className={styles.feedbackPersonDetail}>
                                 <p className={styles.feedback}>{_t("uniform_style_and_high_fidelity_prototype_facilitate_communication_with_front_en_95d0c0ccece05c104b98ac0dae9fb53b", { }, "统一的样式，高保真的原型便于与前端同学进行沟通。")}</p>
                                 <div className={styles.personDetails}>
@@ -266,10 +266,10 @@ function Comments(props) {
                     </div>
                     <div className={styles.testimonial7}>
                         {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                        <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1979a1-321a-11ec-adec-e911cea4cf98.png" className={styles.mColorCN} />
+                        <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e1979a1-321a-11ec-adec-e911cea4cf98.png" className={styles.mColorCN} alt="user avatar" />
                         <div className={styles.frame4569}>
                             {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e19c7c0-321a-11ec-9c23-a9f1bde3758e.svg" className={styles.quoteMark} />
+                            <img src="https://lf9-static.semi.design/obj/semi-tos/images/7e19c7c0-321a-11ec-9c23-a9f1bde3758e.svg" className={styles.quoteMark} alt="quote icon" />
                             <div className={styles.feedbackPersonDetail}>
                                 <p className={styles.feedback_daa8760d}>{_t("the_documentation_is_very_detailed_and_the_details_of_the_components_are_well_th_aadc51a1122c41cf69ebd4b15e83e864", { }, "文档非常详细，对组件的细节思考非常充足。")}</p>
                                 <div className={styles.personDetails}>

src/sitePages/newHome/components/feature/feature.jsx

@@ -2,6 +2,7 @@
 import { _t } from "../../../../utils/locale";
 import React from 'react';
 import styles from "./feature.module.scss";
+import { IconSkeleton } from '@douyinfe/semi-icons-lab';
 
 function Feature(props) {
 
@@ -12,7 +13,7 @@ function Feature(props) {
             <div className={styles.featuresList}>
                 <div className={styles.row1}>
                     <div className={styles.iconDetails}>
-                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/d2c-code.png" />
+                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/d2c-code.png" alt="d2c icon" />
                         <div className={styles.details}>
                             <p className={styles.headline}>{_t("feature_D2C")}</p> 
                             <p className={styles.description}>
@@ -21,7 +22,7 @@ function Feature(props) {
                         </div>
                     </div>
                     <div className={styles.iconDetails}>
-                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/a11y-icon.png" />
+                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/a11y-icon.png" alt="a11y icon" />
                         <div className={styles.details}>
                             <p className={styles.headline}>{_t("feature_a11y")}</p>
                             <p className={styles.description}>
@@ -30,7 +31,7 @@ function Feature(props) {
                         </div>
                     </div>
                     <div className={styles.iconDetails}>
-                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/language-icon.png" />
+                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/language-icon.png" alt="i18n icon" />
                         <div className={styles.details}>
                             <p className={styles.headline}>{_t("feature_language")}</p>
                             <p className={styles.description}>
@@ -41,7 +42,7 @@ function Feature(props) {
                 </div>
                 <div className={styles.row1}>
                     <div className={styles.iconDetails}>
-                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/livecode-icon.png" />
+                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/livecode-icon.png" alt="live code icon" />
                         <div className={styles.details}>
                             <p className={styles.headline}>{_t("feature_live_code")}</p> 
                             <p className={styles.description}>
@@ -50,7 +51,7 @@ function Feature(props) {
                         </div>
                     </div>
                     <div className={styles.iconDetails}>
-                        <img className={styles.table} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/ssr-icon.png" />
+                        <img className={styles.table} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/ssr-icon.png" alt="auto test icon" />
                         <div className={styles.details}>
                             <p className={styles.headline}>{_t("feature_test")}</p>
                             <p className={styles.description}>
@@ -59,7 +60,7 @@ function Feature(props) {
                         </div>
                     </div>
                     <div className={styles.iconDetails}>
-                        <img className={styles.table} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/a11y-icon.png" />
+                        <IconSkeleton style={{ fontSize: "28px" }} />
                         <div className={styles.details}>
                             <p className={styles.headline}>{_t("feature_SSR")}</p>
                             <p className={styles.description}>
@@ -70,7 +71,7 @@ function Feature(props) {
                 </div>
                 <div className={styles.row1} style={{ width: "100%" }}>
                     <div className={styles.iconDetails}>
-                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/fa-icon.png" />
+                        <img className={styles.icon} src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/fa-icon.png" alt="developer friendly" />
                         <div className={styles.details}>
                             <p className={styles.headline}>{_t("feature_FA")}</p>
                             <p className={styles.description}>

src/sitePages/newHome/components/pro/pro.jsx

@@ -48,6 +48,7 @@ function Pro(props) {
                 <img
                     src="https://lf9-static.semi.design/obj/semi-tos/images/homepage-pro-code.jpg"
                     className={styles.syntaxHighlighter}
+                    alt="d2c demo code"
                 />
                 <div className={styles.rectangle1080}></div>
                 <div className={styles.frame14295}>
@@ -56,11 +57,13 @@ function Pro(props) {
                         <img
                             src="https://lf9-static.semi.design/obj/semi-tos/images/5de23960-3242-11ec-8b14-8fb159794ae4.png"
                             className={styles.chromeStandart}
+                            alt="figma design file demo"
                         />
                         {/* eslint-disable-next-line */}
                         <img
                             src="https://lf9-static.semi.design/obj/semi-tos/images/5ddb0d70-3242-11ec-adec-e911cea4cf98.png"
                             className={styles.chromeStandart_2167fd7e}
+                            alt="figma design file demo"
                         />
                         <div className={styles.chromeStandart_07210c83}>
                             <Component></Component>

src/sitePages/newHome/components/products/products.jsx

@@ -11,15 +11,15 @@ function Products(props) {
             <p className={styles.text_ff23e7f4}>{_t("now_serving_100_000", { }, "现已服务 10 万")}</p>
             <div className={styles.frame14369}>
                 <div key='douyinCreator'>
-                    <img src="https://lf9-static.semi.design/obj/semi-tos/images/16cf36e0-321a-11ec-b393-ab4adc2e449f.png" className={classnames(styles.image42, styles.hideInDark)} />          
-                    <img className={classForDarkImage} src="https://lf9-static.semi.design/obj/semi-tos/images/a50bd6f0-3474-11ec-b008-15e09471f238.png" style={{ width: 155, height: 36 }} />              
+                    <img src="https://lf9-static.semi.design/obj/semi-tos/images/16cf36e0-321a-11ec-b393-ab4adc2e449f.png" className={classnames(styles.image42, styles.hideInDark)} alt="douyin logo" />          
+                    <img className={classForDarkImage} src="https://lf9-static.semi.design/obj/semi-tos/images/a50bd6f0-3474-11ec-b008-15e09471f238.png" style={{ width: 155, height: 36 }} alt="douyin logo" />              
                 </div>
                 <div key="lark" className={classnames(styles.group720)}>
-                    <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/lark.png" className={styles.logo_lark} />
+                    <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/lark.png" className={styles.logo_lark} alt="larkprogram logo" />
                     <LarkProgramSvg />
                 </div>
                 <div key="byteHi" className={classnames(styles.group720)}>
-                    <img src="https://lf9-static.semi.design/obj/semi-tos/images/16cec1b0-321a-11ec-adec-e911cea4cf98.png" className={styles.logo_bytehi} />
+                    <img src="https://lf9-static.semi.design/obj/semi-tos/images/16cec1b0-321a-11ec-adec-e911cea4cf98.png" className={styles.logo_bytehi} alt="bytehi logo"/>
                     <ByteHiSvg />
                 </div>
                 <div key="starRiver" className={classnames(styles.group720)}>
@@ -29,7 +29,7 @@ function Products(props) {
                     <AnyWebSvg />
                 </div>
                 <div className={styles.frame4144}>
-                    <img src="https://lf9-static.semi.design/obj/semi-tos/images/16d06f60-321a-11ec-9c23-a9f1bde3758e.png" className={styles.logo_sso} />
+                    <img src="https://lf9-static.semi.design/obj/semi-tos/images/16d06f60-321a-11ec-9c23-a9f1bde3758e.png" className={styles.logo_sso} alt="bytedance sso logo" />
                     <p className={styles.developer_11777484}>Bytedance SSO</p>
                 </div>
                 <div key="capcut" className={classnames(styles.group720)}>

src/sitePages/newHome/components/resource/resource.jsx

@@ -30,7 +30,7 @@ function Resource(props) {
                             <span className={styles.text_70c95f84}>{_t("home.resource.rd.desc")}</span>
                         </p>
                         <p onClick={goComponentsOverview} className={styles.text_0aedd7ef}>{_t("component_documentation", { }, "组件文档")}</p>
-                    </div><img src="https://lf9-static.semi.design/obj/semi-tos/images/homepage-code.png" className={styles.frame} />
+                    </div><img src="https://lf9-static.semi.design/obj/semi-tos/images/homepage-code.png" className={styles.frame} alt="demo code" />
                 </div>
                 <div className={styles.frame23}>
                     <div className={styles.group20}>
@@ -39,7 +39,7 @@ function Resource(props) {
                             <span className={styles.text_70c95f84}>{_t("home.resource.design.desc")}</span>
                         </p>
                         <p onClick={goFigma} className={styles.figmaUIKit}>Figma UIKit</p>
-                    </div><img src="https://lf9-static.semi.design/obj/semi-tos/images/a05515c0-323c-11ec-9c23-a9f1bde3758e.png" className={styles.frame4573} />
+                    </div><img src="https://lf9-static.semi.design/obj/semi-tos/images/a05515c0-323c-11ec-9c23-a9f1bde3758e.png" className={styles.frame4573} alt="figma source demo" />
                 </div>
             </div>
         </div>

src/sitePages/newHome/components/theme/theme.jsx

@@ -65,7 +65,7 @@ function Theme(props) {
                             loading && themeType === 'default'
                                 ? <Spin wrapperClassName={styles.loadingSpin}></Spin>
                                 // eslint-disable-next-line jsx-a11y/alt-text
-                                : <img src="https://lf9-static.semi.design/obj/semi-tos/images/5c4bb380-3245-11ec-ab65-77a60c02a0b5.svg" className={styles.frame3059} />
+                                : <img src="https://lf9-static.semi.design/obj/semi-tos/images/5c4bb380-3245-11ec-ab65-77a60c02a0b5.svg" className={styles.frame3059} alt='semi logo' />
                         }
                         <div className={styles.frame4155}>
                             <p className={styles.value}><span className={styles.value_c28b964d}>Semi Design </span><span className={styles.value_79ae18fb}>{_t("default", { }, "默认")}</span></p>
@@ -78,7 +78,7 @@ function Theme(props) {
                                 ? <Spin wrapperClassName={styles.loadingSpin}></Spin>
                                 : <div className={classnames(styles.imageWrapper, styles.frame3059)}>
                                     {/* eslint-disable-next-line jsx-a11y/alt-text */}
-                                    <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/icon_lark-logo_colorful.svg" />
+                                    <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/icon_lark-logo_colorful.svg" alt="lark logo"/>
                                 </div>
                         }
                         <div className={styles.frame4155}>
@@ -91,7 +91,7 @@ function Theme(props) {
                             loading && themeType === 'douyin'
                                 ? <Spin wrapperClassName={styles.loadingSpin}></Spin>
                                 // eslint-disable-next-line jsx-a11y/alt-text
-                                : <img src="https://lf9-static.semi.design/obj/semi-tos/images/douyin-logo.png" className={styles.frame3059} style={{ width: 30 }} />
+                                : <img src="https://lf9-static.semi.design/obj/semi-tos/images/douyin-logo.png" className={styles.frame3059} style={{ width: 30 }} alt="douyin creator logo"/>
                         }
                         
                         <div className={styles.frame4155}>
@@ -104,7 +104,7 @@ function Theme(props) {
                             loading && themeType === 'capCut'
                                 ? <Spin wrapperClassName={styles.loadingSpin}></Spin>
                                 // eslint-disable-next-line jsx-a11y/alt-text
-                                : <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/capcut.svg" className={styles.frame3059} />
+                                : <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/capcut.svg" className={styles.frame3059} alt="jianying logo"/>
                         }
                         
                         <div className={styles.frame4155}>
@@ -117,7 +117,7 @@ function Theme(props) {
                             loading && themeType === 'huoshan'
                                 ? <Spin wrapperClassName={styles.loadingSpin}></Spin>
                                 // eslint-disable-next-line jsx-a11y/alt-text
-                                : <img src="https://lf9-static.semi.design/obj/semi-tos/images/5c4d8840-3245-11ec-b393-ab4adc2e449f.svg" className={styles.frame3059} />
+                                : <img src="https://lf9-static.semi.design/obj/semi-tos/images/5c4d8840-3245-11ec-b393-ab4adc2e449f.svg" className={styles.frame3059} alt="volcengine logo" />
                         }
                         
                         <div className={styles.frame4155}>