shopify市肆为特殊人群提供的文本可会见性功效
模板的可会见性
自界说模板时， ，，，，最好选择有助于坚持在线市肆可会见性的设计和内容。。。。。。。设计易于会见的网站， ，，，，以便每小我私家都可以使用该网站， ，，，，包括残疾人。。。。。。。您的在线市肆的可会见性关于为您的客户提供容纳性体验至关主要。。。。。。。
建设以下指南时充分思量了 Web 内容可会见性指南 (WCAG)。。。。。。。由于建设易于会见的网站时需要思量许多因素， ，，，，因此仅遵照以下指导原则并不可包管您的在线市肆完全可会见。。。。。。。您可以会见 WCAG 网站或审查下面列出的资源， ，，，，以便相识有关 Web 可会见性的详细信息。。。。。。。
提醒：若是您是开发职员， ，，，，您可以使用 Shopify 工具和最佳做法来进一步优化您的模板的可会见性。。。。。。。在 Shopify.dev 相识更多信息。。。。。。。
文本可会见性
在线市肆上的文本必需便于视觉障碍人士或难以阅读麋集段落的人士阅读。。。。。。。
颜色比照
编辑在线市肆的颜色时， ，，，，请确保所有文本都可供色盲或有其他视觉障碍的客户审查。。。。。。。这些客户依赖鲜明的颜色比照来在视觉上区分差别内容。。。。。。。您可以使用在线比照率工具来检查市肆差别部分的比照度。。。。。。。
在以下示例中， ，，，，文本与配景的比照度为 2.4:1， ，，，，关于某些客户来说难以阅读。。。。。。。
在下一个示例中， ，，，，文本与配景的比照度为 4.8:1， ，，，，关于许多客户来说更易于阅读。。。。。。。
测试所有文本的比照度， ，，，，包括正文、问题、链接和表单字段。。。。。。。请凭证以下准则举行：
正文文本和按钮文本的颜色与配景的比照度至少为 4.5:1。。。。。。。
问题和其他大文本（字体巨细为 24 px 及以上）的颜色与配景的比照度至少为 3:1。。。。。。。
图片上（包括幻灯片、横幅和视频）所有文本的颜色都与配景有足够的比照度。。。。。。。关于大文本（字体巨细为 24 px 及以上）， ，，，，比照度至少应为 3:1。。。。。。。关于更小的文本， ，，，，比照度至少应为 4.5:1。。。。。。。
非文本元素（包括输入边框和图标）的颜色与配景的比照度至少应为 3:1。。。。。。。
提醒：在某些模板中， ，，，，您可以在文本和图片之间安排一个颜色叠加层， ，，，，从而提高比照度和文本的可读性。。。。。。。
文本问题
若是使用富文本编辑器向页面添加问题， ，，，，则务必使其按顺序排列 (1 - 6)。。。。。。。辅助手艺使用问题来转达页面的结构方法。。。。。。。跳过级别（例如后跟问题级别 4 的问题级别 2）可能会使用户感应疑心。。。。。。。请遵照以下准则：
按顺序使用问题， ，，，，请勿跳过级别。。。。。。。
文本巨细和对齐方法
在编辑您模板的版式设置时， ，，，，请确保您的文本足够大， ，，，，使客户能够轻松阅读。。。。。。。
文本中的字词和字母之间的距离还应坚持一致， ，，，，便于阅读。。。。。。。在下面的示例中， ，，，，文本是两头对齐的， ，，，，这使得字词之间的距离纷歧致。。。。。。。
在下一个示例中， ，，，，文本左对齐， ，，，，这使字词之间的间距一致。。。。。。。
在对文本的巨细和对齐方法举行自界说时， ，，，，请遵照以下准则：
正文文本的最小字号相当于 16 px。。。。。。。
文本对齐方法不得为“两头对齐”。。。。。。。“两头对齐”的文本会导致字词之间的间距纷歧致。。。。。。。
备注：纵然选择相同的字号， ，，，，差别的字舷列也可能泛起差别巨细。。。。。。。字号相当于 16 px 时， ，，，，若是您使用的字体看起来比其他字体小， ，，，，则请使用更大的字号。。。。。。。
文本链接
当您添加指向文本的链接时， ，，，，请确保所有客户都可识别这些链接。。。。。。。由于某些客户难以识别色彩， ，，，，因此您无法仅依赖更改颜色来区分链接与通例文本。。。。。。。文本应带有下划线， ，，，，以是它不依赖于更改颜色来转达文本是一个链接。。。。。。。
若是您要编辑模板的样式表， ，，，，请确保没有删除文本链接样式。。。。。。。请遵照以下准则：
文本链接要么带有下划线， ，，，，要么具有差别于通例文本的其他视觉效果。。。。。。。
Shopify商户官网原文详情：
Accessibility for themes
When you customize your theme, it’s a good idea to make design and content choices that help to keep your online store accessible. An accessible website is designed so that it can be used by everyone, including people with disabilities. Accessibility for your online store is essential to providing an inclusive experience for your customers.
The guidelines below were created with the Web Content Accessibility Guidelines (WCAG) in mind. Since there are many factors to consider when creating an accessible website, only following guidelines below doesn't guarantee that your online store is fully accessible. You can learn more about web accessibility by visiting the WCAG website, or by seeing the resources listed below.
Tip
If you're a developer, then you can further optimize your theme for accessibility using Shopify tools and best practices. Learn more on Shopify.dev.
Text accessibility
It's important that the text on your online store is readable for customers who are visually impaired or who have difficulty reading dense blocks of text.
Color contrast
When you edit the colors for your online store, make sure that all of your text is accessible to customers who are colorblind or otherwise visually impaired. These customers rely on adequate color contrast to visually differentiate one thing from another. You can use an online contrast ratio tool to check the contrast of the different parts of your store.
In the example below, the text has a contrast ratio of 2.4:1 against its background, and is difficult to read for some customers.
In the next example, the text has a contrast ratio of 4.8:1, and is easier to read for many customers.
Test the contrast of all text, including body text, headings, links, and form fields. Use the following guidelines:
The color of body text and button text has a contrast ratio of at least 4.5:1 against its background.
The color of headings and other large text (font size 24 px and up) has a contrast ratio of at least 3:1 against its background.
The color of all text over images, including slideshows, banners, and videos, has sufficient contrast ratios against its background. For large text (font size 24 px and up), the contrast is at least 3:1. For smaller text the contrast is at least 4.5:1.
The color of non-text elements, including input borders and icons, has a contrast ratio of at least 3:1 against its background.
Tip
In some themes, you can place a color overlay between text and an image to improve the contrast and readability of the text.
Text headings
When you add headings to your page with the rich text editor, it is important to keep them in sequential order (1 - 6). Headings are used by assistive technologies to communicate how page content is organized. Skipping over levels, such as a heading level 2 followed by a heading level 4, can be confusing to users. Use the following guideline:
Headings are used in sequential order and do not skip over levels.
Text size and alignment
When you edit your theme's typography settings, make sure that your text is large enough for customers to comfortably read.
Text should also have consistent spacing between words and letters to make it easy to read. In the example below, the text alignment is justified, which creates inconsistent spacing between words.
In the next example, the text alignment is left-aligned, which creates consistent spacing between words.
When customizing the size and alignment of text, use the following guidelines:
The minimum font size for body text is the equivalent of 16 px.
Text alignment is not justified. Justified text creates inconsistent spacing between words.
Note
Different font families can appear comparatively small or large, even if they have the same font size. If the font you're using appears smaller than other fonts do at 16 px, then use a larger size.
Text links
When you add links to your text, make sure that they can be identified by all of your customers. Because some customers have trouble seeing color, you can't rely on a change in color alone to differentiate a link from regular text. Text should be underlined so that it doesn't rely on the change in color to communicate that the text is a link.
If you edit your theme's stylesheet, then make sure that you don't remove text link styles. Use the following guideline:
Text links are either underlined or have another visual differentiator from regular text.
文章内容泉源：Shopify商户官方网站