我有一个jquery网络应用程序,在我的iPhone上看起来很棒。我只是在其他人的iPhone上查看了它,并且在可访问性中打开了粗体文字。这个问题是按钮上的大部分文字都溢出了。例如,而不是"确认"在按钮上,他们的手机显示" Co ...",这有点无用。这是一个公司内部网络应用程序,因此它只需要在iPhone上运行。
任何想法如何解决这个问题?
答案 0 :(得分:1)
在css元素大小调整中使用相对单位(em,rem)可以帮助防止这种情况发生。还要避免在元素上使用设置宽度,因为溢出的文本可能会被切断。
WCAG AA标准规定,用户必须能够在不丢失内容或功能的情况下将文本大小调整至200%,因此确保任何按钮随文本增加而增长非常重要。您可以消除按钮上可能存在的任何设置宽度,否则它们应相对于其中的文本进行扩展。
wcag标准的来源:https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html