ARC项目中的色盲友好界面改进方案

背景介绍

ARC（Abstraction and Reasoning Corpus）是一个人工智能推理测试集，其交互界面主要通过颜色方块来展示任务网格。然而，这种设计对于色盲用户存在明显的可访问性问题。

问题分析

色盲用户在使用ARC界面时面临两大挑战：

1. 难以区分某些颜色方块（如红绿色盲）
2. 无法自动将颜色与名称对应（即使能区分颜色，也难以建立颜色与语义的联系）

技术解决方案

方案一：显示符号编号

核心代码修改是在common.js文件中扩展setCellSymbol函数，增加显示符号编号的功能：

function setCellSymbol(cell, symbol) {
    cell.attr('symbol', symbol);
    // 移除所有可能存在的symbol类
    let classesToRemove = '';
    for (let i = 0; i < 10; i++) {
        classesToRemove += 'symbol_' + i + ' ';
    }
    cell.removeClass(classesToRemove);
    cell.addClass('symbol_' + symbol);
    cell.text(symbol); // 新增：在单元格中显示符号编号
}

该方案已通过PR合并到主分支，并添加了"显示符号编号"的复选框选项，让用户可以根据需要开启。

方案二：Tol Muted主题

项目还提供了专门的颜色主题支持：

1. 在设置页面将主题切换为"Tol Muted"
2. 该主题使用经过科学设计的色板，考虑了多种色盲类型：
   • 红色盲（Protanopia）
   • 绿色盲（Deuteranopia）
   • 蓝色盲（Tritanopia）

实现考量

1. 用户可控性：通过复选框让用户自主选择是否显示编号，避免对非色盲用户造成视觉干扰
2. 兼容性：编号显示与原有颜色系统并存，不影响原有功能
3. 扩展性：代码结构便于未来添加更多辅助功能

用户体验提升

这些改进使得：

• 色盲用户可以准确识别每个单元格代表的符号
• 所有用户都能获得颜色和数字的双重信息编码
• 界面保持了原有的简洁性，同时提高了可访问性

总结

ARC项目通过显示符号编号和提供专用色板两种方式，有效解决了色盲用户的使用障碍。这种方案不仅简单高效，而且为其他类似项目提供了可参考的可访问性设计范例。