应用屏幕阅读器的客户借助取代文本
2022-05-18 15:33:27
图片的取代文本
当您向您的在线商店加上图片时,请尽量使视障或眼睛视力欠佳的客户也可以浏览这种图片。您可以根据加上精准叙述每份图片具体内容的取代文本来完成此目地。应用屏幕阅读器的客户借助取代文本来获得您在线商店上的图片具体内容。
您可以从Shopify后台管理将取代文本加上到商品图片。您可以根据模版管理工具将取代文本加上到模版中的别的图片。
在将取代文本加上到图片时,假定您要向闭着眼睛的人叙述图片是一个好的作法。协助它们在脑子里产生一张图片。您叙述图片的形式也在于网页页面的具体内容。例如,假如您的公司是一家旅游社,那麼您叙述图片的方法很有可能与当您的公司是一家户外运动装备店时各有不同。请思索下列图片:
针对旅游社来讲,您可以参照这两个好朋友已经旅游的国家和地区,及其她们正望向的深海的名字。另一方面,针对户外运动装备店来讲,您也许会重视这两个好朋友背包的品牌和特点。
假如您的公司是一家旅游社,那麼实际效果不佳的取代文本实例可能是“两人面朝大海”。针对同样的旅游社来讲,实际效果不错的取代文本实例可能是“在一个春光明媚的日里头,二位朋友已经西班牙的拉古什旅游,她们一起远眺着卡米洛海边的海滩”。
幻灯片和视频可浏览性
当您向您的在线商店加上视频时,请保证要充分考虑下列客户人群的要求:眼睛视力欠佳的客户、存有听障或英语听力欠佳的客户,或很有可能易患前庭功能混乱的客户。
在其中一部分客户依靠屏幕阅读器的文本到语音转换作用,该功能可高声诵读网页页面的具体内容。来源于视频和歌曲的额外声频很有可能会使此感受难以解决,城市广场其出现意外发生时。最好是为您的视频加上内藏式字慕,便于失聪或有听障的客户可以浏览这种具体内容。
前庭功能混乱的客户很有可能会由于收看挪动的信息而产生头晕目眩的病症。因而,使幻灯片和视频不容易全屏播放是十分关键的。
幻灯片
当您向您的在线商店加上幻灯片时,请遵循下列规则:
不全屏播放幻灯片。
假如幻灯片全屏播放,他们应包含客户可以用以中止或终止幻灯片播放视频的设定。
视频
当您向您的在线商店加上视频时,请遵循下列规则:
视频不容易全屏播放。
假如视频全屏播放,则其声频静音模式。
针对包括声频的视频,此视频彻底由此可见,不会受到别的网页页面原素的阻拦。这可以使内藏式字慕维持由此可见。
针对包括会话的视频,可以应用文本听录稿。这种听录稿可涵盖在界面上,或包括在可根据连接浏览的独立网页页面中。
这种规则也适用幻灯片中的视频。
Shopify商家官方网站全文详细信息:
Alternativetextforimages
Whenyouaddimagestoyouronlinestore,itsimportanttomakethemaccessibletocustomerswhoareblindorhavelowvision.Youcandothisbyaddingalternativetextthataccuratelydescribeseachimage.Customerswhousescreenreadersrelyonalttexttocommunicatethecontentofimagesonyouronlinestore.
YoucanaddalttexttoyourproductimagesfromtheShopifyadmin.Youcanaddalttexttotheotherimagesinyourthemefromthethemeeditor.
Whenyouaddalttexttoanimage,agoodpracticeistopretendthatyouredescribingtheimagetosomeonewhohastheireyesclosed.Helpthemtocreateanimageintheirmind.Thewaythatyoudescribeanimagealsodependsonthecontextofyourwebpage.Forexample,youmightdescribeanimagedifferentlyifyourbusinessisatravelagencythanifyourbusinessisanoutdoorequipmentstore.Considerthefollowingimage:
Foratravelagency,youmightrefertothecountryandregioninwhichthetwofriendsaretraveling,andtothenameoftheoceanorseathattheyrelookingat.Ontheotherhand,foranoutdoorequipmentstore,youmightfocusonthebrandsandfeaturesofthetwofriendsbackpacks.
Ifyourbusinessisatravelagency,thenanexampleofpooralttextmightbe,Twopeopleinfrontoftheocean.Forthesameagency,anexampleofgoodalttextmightbe,TwofriendstravelinginLagos,Portugal,lookingoutatthesandycoveofPraiadoCamiloonasunnyday.
Slideshowandvideoaccessibility
Whenyouaddvideostoyouronlinestore,makesurethatyouconsidertheneedsofcustomerswithlowvision,customerswhoaredeaforhardofhearing,orcustomerswhomightbesusceptibletovestibulardisorders.
Someofthesecustomersrelyonthetexttospeechcapabilityofscreenreaders,whichreadaloudthecontentsofawebpage.Additionalaudiofromvideosandmusic,especiallywhenitsunexpected,canmakethisexperiencedifficult.Forcustomerswhoaredeaforhardofhearing,itsagoodideatoaddclosedcaptioningtoyourvideossothatthosecustomerscanaccessthecontent.
Customerswithvestibulardisorderscanexperiencedizzinesswithmovingcontent.Becauseofthis,itsimportantthatslideshowsandvideosdontplayautomatically.
Slideshows
Whenyouaddaslideshowtoyouronlinestore,usethefollowingguidelines:
Slideshowsdonotplayautomatically.
Ifslideshowsdoplayautomatically,thentheyincludeasettingthatcustomerscanusetopauseorstoptheslideshow.
Videos
Whenyouaddavideotoyouronlinestore,usethefollowingguidelines:
Videosdonotplayautomatically.
Ifvideosdoplayautomatically,thentheiraudioismuted.
Forvideosthatincludeaudio,thevideoisfullyvisibleandnotobstructedbyotherpageelements.Thisallowsclosedcaptionstoremainvisible.
Forvideosthatincludedialogue,texttranscriptsareavailable.Theseareincludedeitheronthepage,orinalinktoaseparatepage.
Theseguidelinesalsoapplytovideosthatareinaslideshow.
文章由来:Shopify商家官网
部分文章来源于网络,如有侵权,请联系 caihong@youzan.com 删除。