描述

以前：
#42505
#42555
另请参见#61847

省略号按钮对于低视力用户几乎不可见。我是一个视力较低的用户，我很难从视觉上识别这个按钮，尤其是当它被“隔离”使用时，比如在UI的某个地方，它被空白包围，没有其他边界或形状来吸引用户对按钮的注意。

这三个垂直点真的很薄。这是图标设计中的固有问题。此外，正如我在#42555（评论），上下文很重要。按钮周围的其他形状或边框有很大的不同。

省略号按钮现在在编辑器中被广泛使用，因此以前为模板列表报告的问题没有更大影响。

为了解释上下文的重要性#42555（评论）我举了4个例子。在此处报告：

截图：

对于视力受损的用户来说，这4种情况非常不同。感知省略号图标的能力还取决于上下文，如：围绕控件或边框或其他有助于视觉感知按钮的形状。

根据我（公认的轶事）的经验：

1. 在编辑器顶栏中：省略号之前还有其他按钮。这有助于“驱动”我的视觉，有助于感知省略号，但仍然没有那么好。
2. 在块工具栏中：其他按钮和更重要的是可见边界非常有用。我想说，在这种情况下，我可以更好地理解省略。
3. 编辑器在顶部固定了条：这是一个旧的屏幕截图，但仍然有助于理解：虽然有按钮和边框，但边框的颜色比块工具栏中使用的颜色浅灰色。我很难理解其中的省略。
4. 旧的模板列表现在类似于数据视图的“表视图”：这是最坏的情况。省略号按钮按字面意思放在空白的中间，周围没有其他控件或边框。此外，它位于最右侧，这没有帮助。除非我离屏幕很近，否则我真的看不到这个按钮。对于任何视力受损的用户来说，这种用法都存在严重问题。现在UI中有更多的地方以这种方式“孤立”使用省略。

如何补救？

我想再次指出，图标按钮只能在没有足够空间使用可见文本时使用。图标具有固有的可用性和可访问性问题。它们没有普遍意义，因为一些形状根据国家和文化背景通常有不同的含义。总的来说，编辑器中的图标使用过度。相反，它们的使用应该受到限制，因为可视文本是唯一通用、可访问的信息传递方式。

也就是说，图标设计应该改进。我想恳请设计团队为椭圆图标设计一个新的设计，使其更加清晰可见。我想先提出一些研究建议，探讨其他广泛使用的软件是如何解决这个问题的。

在我这边，我可以添加几个示例。请忽略以下示例中的省略号是水平的，因为这对此处报告的问题没有影响。

macOS查找程序：
椭圆被包裹在一个带有清晰可见边界的圆圈内：

Microsoft团队（web）：

省略号（以及所有其他图标按钮）在图标下方有可见文本：

分步复制说明

• 用户使用真正的低视力用户测试编辑器UI。
• 或者，使用一些工具模拟低视力损伤，例如白内障、青光眼、年龄相关性黄斑变性、糖尿病视网膜病变等。
• 注：过去有几种这样的工具。如今，Chrome开发工具确实有一个名为“模拟视觉缺陷”的内置工具。请记住，所有这些工具通常都是粗糙的实际视力损伤的近似值。我建议使用Chrome开发工具>控制台>打开实际的控制台>转到“渲染”选项卡，如果没有，请使用。。。省略号按钮添加>向下滚动到“模拟视觉缺陷”并选择“降低对比度”。截图：

如前所述，这只是一些对比度损失的粗略近似。

• 观察编辑器UI中的各种省略号按钮。我建议选择一个被空白包围的，例如在数据视图>表布局中。
• 观察省略号图标几乎不可见。

模拟屏幕截图示例：

屏幕截图、屏幕录制、代码片段

无响应

环境信息

无响应

请确认您已搜索回购中的现有问题。

是的

请确认您已测试除古腾堡外的所有插件。

是的