KeyboardsupportCustomerswithGo

键盘适用

眼睛视力或健身运动存有阻碍的顾客有可能会应用键盘开展在线导航和达到目标。这种顾客借助可视性的指示仪来传递她们的键盘焦点在页面上的部位。在下列实例中，电子邮箱字段名具备一个可视性的焦点指示仪：

假如您要编写模版的css样式表，请保证并没有从一切网页页面原素中删掉键盘焦点款式。请遵循下列规则：

当全部互动式网页页面原素都是有键盘焦点时，他们都是一个明确的可视性指示仪。这种原素包含连接、按键和表汉字段。

资源

若要深入分析文中中探讨的题材的Web可浏览性，客户程序下列资源。

颜色饱和度资源

ColorswithGoodContrast（对比度优良的颜色），来源于WebAccessibilityInitiative的一篇文章

ContrastRatio，一种代码转换器，可以用以搜索二种颜色中间的饱和度

ColorContrastAnalyzer，一个可供免费下载的对比例应用软件，由PacielloGroup开发设计

文本资源

16PixelsFontSize:ForBodyCopy.AnythingLessIsACostlyMistake（16像素字体尺寸：适用文章正文。一切一个关键点的缺少全是一个成本价格昂贵的不正确）,来源于SmashingMagazine的一篇文章

来自WebAIM的文章内容：Textalignment（Textalignment）

LinkAppearance（连接外型），来源于WebAIM的一篇文章

来自WebAIM的文章内容：UsingHeadingsforContentStructure（对具体内容构造应用文章标题）

取代文本资源

TexttoSpeech（文本到语音转换），来源于WebAccessibilityInitiative的一篇文章

AlternativeText（取代文本），来源于WebAIM的一篇文章

来自Medium的文章内容：Considerationswhenwritingalttext（撰写取代文本时的常见问题）

ppt视频资源

来源于A11Y新项目的文章内容：APrimertoVestibularDisorders（前庭功能病症新手入门）

TexttoSpeech（文本到语音转换），来源于WebAccessibilityInitiative的一篇文章

VideoCaptions（视频字幕），来自WebAccessibilityInitiative的一篇文章

来源于YouTube协助的文章内容：Useautomaticcaptioning（应用自动字幕）

Captionsandsubtitles（字慕和小标题），来源于Vimeo个人中心的一篇文章

键盘适用资源

KeyboardCompatibility（键盘兼容模式），来源于WebAccessibilityInitiative的一篇文章

IntroductiontoFocus（焦点介绍），来源于Google开发者的一篇文章

Shopify商家官方网站全文详细信息：

Keyboardsupport

Customerswithvisionormotorimpairmentmightuseakeyboardtonavigateandcompletetasksonline.Thesecustomersrelyonavisualindicatortocommunicatewheretheirkeyboard’sfocusisonawebpage.Intheexamplebelow,theEmailfieldhasavisualfocusindicator:

Ifyouedityourthemesstylesheet,thenmakesurethatyoudontremovethekeyboardfocusstylefromanypageelements.Usethefollowingguideline:

Allinteractivepageelementshaveaclearvisualindicatorwhentheyhavekeyboardfocus.Theseelementsincludelinks,buttons,andformfields.

Resources

Tolearnmoreaboutwebaccessibilityforthetopicsdiscussedinthisarticle,seethefollowingresources.

Colorcontrastresources

ColorswithGoodContrast,anarticlefromtheWebAccessibilityInitiative

ContrastRatio,anonlinetoolthatyoucanusetofindthecontrastratiobetweentwocolors

ColorContrastAnalyzer,acontrastratioapplicationfordownloadthatwasdevelopedbythePacielloGroup

Textresources

16PixelsFontSize:ForBodyCopy.AnythingLessIsACostlyMistake,anarticlefromSmashingMagazine

Textalignment,anarticlefromWebAIM

LinkAppearance,anarticlefromWebAIM

UsingHeadingsforContentStructure,anarticlefromWebAIM

Alternativetextresources

TexttoSpeech,anarticlefromtheWebAccessibilityInitiative

AlternativeText,anarticlefromWebAIM

Considerationswhenwritingalttext,anarticleonMedium.

Slideshowandvideoresources

APrimertoVestibularDisorders,anarticlefromTheA11YProject

TexttoSpeech,anarticlefromtheWebAccessibilityInitiative

VideoCaptions,anarticlefromtheWebAccessibilityInitiative

Useautomaticcaptioning,anarticlefromYouTubeHelp

Captionsandsubtitles,anarticlefromtheVimeoHelpCenter

Keyboardsupportresources

KeyboardCompatibility,anarticlefromtheWebAccessibilityInitiative

IntroductiontoFocus,anarticlefromGoogleDevelopers

文章由来：Shopify商家官网