占位符的 3 个可用性问题
Posted: Tue Dec 10, 2024 4:05 am
除了上述困难之外，还存在可用性问题。占位符是最近才引入的，因此该技术有几个明显的缺点。以下是三个典型例子：
默认情况下，占位符在字段内显示为浅灰色文本。在大多数情况下，无法使用 CSS 更改占位符颜色。这是一个相当重要的问题，主要是对于视力不佳的人来说，因为这样的文本在浅色背景下很难阅读。
占位符的 3 个可用性问题
将占位符合并到表单中会迫使用户消 澳大利亚华侨华人数据 耗他们的短期记忆，并且在填写时需要他们更加注意。对于有认知障碍的人来说，这会导致额外的问题，并且是一个严重的障碍。
对于视障人士和盲人，有专门的程序可以阅读网站上的文本。如今，并非所有屏幕阅读器都能够充分感知占位符文本，这意味着有视觉障碍的用户可能会错过潜在的重要提示。
也读一下！
“潜在客户一代——这是什么？基本方法及管理方法"
更多详情
使用占位符的陷阱
尽管有这些优点，但在使用占位符时记住一些细微差别很重要。我们来谈谈那些乍一看并不明显的时刻。
自动将页面翻译成另一种语言时的功能
某些浏览器（例如 Chrome）具有内置自动翻译器。如果用户激活此功能，某些页面属性将不会被翻译。在许多情况下，这是一件好事，因为翻译不准确可能会扭曲网站的结构。
占位符不由翻译器处理。如果字段未提供附加标签，则字段内的工具提示将保留原始语言。并且请求翻译的用户可能不知道这种语言，并且在这种情况下不明白到底需要输入什么。
有时，用户的母语是由系统根据设备的位置确定的。浏览器会根据客户端的 IP 地址翻译页面。但人们可以用母语以外的语言使用该设备。 Web 开发人员和设计人员在正确构建网站语义时应考虑到此类情况。
数字素养问题
活跃互联网用户数量正在快速增长。网页设计师的任务是让网站和应用程序易于所有年龄段的人使用。如果一个人第一次发现自己在互联网上，特别是在某种资源上，开发人员应该考虑到这一点。
越来越多的人，包括老年人，出现在互联网用户中。随着时间的推移，老一代人的数字素养不断提高，但需要解决的无障碍问题的数量也在不断增加。
使用占位符的陷阱
当然，许多新手对字段内的提示功能（更不用说术语“占位符”）本身并不熟悉。看到这样的文本，他们认为该字段已经填写，并且不明白他们还需要什么以及为什么没有发送表格。
如果该字段是必需的，则该页面将不允许用户进一步继续操作，并报告错误。如果填写输入元素是可选的，则存在无法从用户接收到某些重要信息的风险。
易于使用
辅助占位符是纯文本，有时不足以形成完整且易于理解的工具提示。有时您必须相应地更改占位符样式，添加额外的标签、图标和其他属性。
占位符对一行中的字符数也有限制，这取决于字段的长度。该网站的移动版本通常会缩小输入元素，从而隐藏部分工具提示。
如何实现网站流量和销量的成倍增长？
阿列克谢·博亚金
德米特里·斯维斯图诺夫
SEO 及开发部主管
在我的个人博客上阅读更多帖子：
我一直关心迈向一个全新水平的问题。这样指标的提升不是2、3倍，而是一般几个数量级。例如，如果我们谈论一个网站，从一千次访问到一万次或从一万次到十万次。
我知道，这样的飞跃始终是五个方面艰苦努力的结果：
站点的技术状况。
搜索引擎优化。
站点语义的集合。
创建有用的内容。
致力于转换。
与此同时，每位经理都需要增加销售额和网站的申请数量。
为了实现这种增长，请从网站下载我们用于增加销售额的分步模板：
下载模板
已下载
153014
正确使用占位符
在网站代码中引入占位符文本时，需要牢记一些重要原则：
占位符不能完全替代标签；
建议仅以简单形式使用此元素（例如，输入用户名和密码）；
背景颜色应使填充物易于阅读；
尚未在所有浏览器中实现对此技术的支持。
默认情况下，占位符在字段内显示为浅灰色文本。在大多数情况下，无法使用 CSS 更改占位符颜色。这是一个相当重要的问题，主要是对于视力不佳的人来说，因为这样的文本在浅色背景下很难阅读。
占位符的 3 个可用性问题
将占位符合并到表单中会迫使用户消 澳大利亚华侨华人数据 耗他们的短期记忆，并且在填写时需要他们更加注意。对于有认知障碍的人来说，这会导致额外的问题，并且是一个严重的障碍。
对于视障人士和盲人，有专门的程序可以阅读网站上的文本。如今，并非所有屏幕阅读器都能够充分感知占位符文本，这意味着有视觉障碍的用户可能会错过潜在的重要提示。
也读一下！
“潜在客户一代——这是什么？基本方法及管理方法"
更多详情
使用占位符的陷阱
尽管有这些优点，但在使用占位符时记住一些细微差别很重要。我们来谈谈那些乍一看并不明显的时刻。
自动将页面翻译成另一种语言时的功能
某些浏览器（例如 Chrome）具有内置自动翻译器。如果用户激活此功能，某些页面属性将不会被翻译。在许多情况下，这是一件好事，因为翻译不准确可能会扭曲网站的结构。
占位符不由翻译器处理。如果字段未提供附加标签，则字段内的工具提示将保留原始语言。并且请求翻译的用户可能不知道这种语言，并且在这种情况下不明白到底需要输入什么。
有时，用户的母语是由系统根据设备的位置确定的。浏览器会根据客户端的 IP 地址翻译页面。但人们可以用母语以外的语言使用该设备。 Web 开发人员和设计人员在正确构建网站语义时应考虑到此类情况。
数字素养问题
活跃互联网用户数量正在快速增长。网页设计师的任务是让网站和应用程序易于所有年龄段的人使用。如果一个人第一次发现自己在互联网上，特别是在某种资源上，开发人员应该考虑到这一点。
越来越多的人，包括老年人，出现在互联网用户中。随着时间的推移，老一代人的数字素养不断提高，但需要解决的无障碍问题的数量也在不断增加。
使用占位符的陷阱
当然，许多新手对字段内的提示功能（更不用说术语“占位符”）本身并不熟悉。看到这样的文本，他们认为该字段已经填写，并且不明白他们还需要什么以及为什么没有发送表格。
如果该字段是必需的，则该页面将不允许用户进一步继续操作，并报告错误。如果填写输入元素是可选的，则存在无法从用户接收到某些重要信息的风险。
易于使用
辅助占位符是纯文本，有时不足以形成完整且易于理解的工具提示。有时您必须相应地更改占位符样式，添加额外的标签、图标和其他属性。
占位符对一行中的字符数也有限制，这取决于字段的长度。该网站的移动版本通常会缩小输入元素，从而隐藏部分工具提示。
如何实现网站流量和销量的成倍增长？
阿列克谢·博亚金
德米特里·斯维斯图诺夫
SEO 及开发部主管
在我的个人博客上阅读更多帖子：
我一直关心迈向一个全新水平的问题。这样指标的提升不是2、3倍，而是一般几个数量级。例如，如果我们谈论一个网站，从一千次访问到一万次或从一万次到十万次。
我知道，这样的飞跃始终是五个方面艰苦努力的结果：
站点的技术状况。
搜索引擎优化。
站点语义的集合。
创建有用的内容。
致力于转换。
与此同时，每位经理都需要增加销售额和网站的申请数量。
为了实现这种增长，请从网站下载我们用于增加销售额的分步模板：
下载模板
已下载
153014
正确使用占位符
在网站代码中引入占位符文本时，需要牢记一些重要原则：
占位符不能完全替代标签；
建议仅以简单形式使用此元素（例如，输入用户名和密码）；
背景颜色应使填充物易于阅读；
尚未在所有浏览器中实现对此技术的支持。