先在窄屏下找具体是哪一格
把文章缩到常用手机宽度,在表格里找到首次越过右边界的位置。若某一行的英文编号或长网址完整横跨列宽,而上一行的短字能正常断行,可先用一条同长度的公开样例比较。检查时不要只截断文字来让表格看似变窄;截断之后读者无法判断缺掉的是哪里。也可以将长字符串单独放进同宽容器,判断问题是否随文本重现。这样能分清是整张表设计过宽,还是某一条长内容把它推开。
增加断行位置和改写原值是两回事
CSS Text 介绍了在普通断行无法容纳的情况下处理过长字符串。显示时把一条编号移到下一行,并不需要在原值中永久插入额外字母或空格。复核时可复制换行后的整条编号到文本编辑器,与资料原值逐字符比较。若读者复制后多了连字符,应检查连字符是原编号的一部分还是人工加进去的。以真实编号作公开例子之前,也要确认它确实来自可引用资料,免得把随机字符串写成产品档案。
来源链接可以换成便于理解的文字
无障碍技术 C33 还指出,给链接用可理解的文字通常比显示一整串网址更便于使用。资料表里的来源可以显示文档名称,实际地址仍由链接保存。这样读者知道点过去会看到什么,窄屏也无需容纳整段参数。如果网址本身就是要对照的内容,仍可完整显示并允许折行,另加复制核对。分清读者是否必须看到字符串,就能决定用短标签还是把完整地址作为内容。
最后核对说明和其他列是否还对得上
改变换行后,可检查变高的那一行是否仍和对应的图、版本及资料说明对齐。长编号要能从头读到尾,普通中文条目也要保持阅读节奏。测试记录注明浏览器、显示宽度和出现问题的字段。若页中还有需横向阅读的整体对照图,应独立给它安排可达区域,不把所有内容都压在一列里。读者以后遇到某个小屏只有这一行撑出时,可以先回到同一条编号,确认换行和复制两个目标是否都达成。
常见问题
Q1 问:折行后复制出来的编号必须带空格吗?
A1 答:视觉折行可以保留原字符串。复制核对时应检查有没有人为插入不属于编号的字符。
Q2 问:表格缩窄后只露半条编号可以吗?
A2 答:查资料时往往需要全文。可以让它换行,再核对完整文字及旁边说明是否可读。
Q3 问:每条来源都要显示完整网址吗?
A3 答:可用清楚的文档名作为链接文字。只有需要比较网址本身时,再把完整文本作为可见内容。