Thorium Reader项目中的页面选择器键盘导航优化

Thorium Reader项目中的页面选择器键盘导航优化

thorium-reader A cross platform desktop reading app, based on the Readium Desktop toolkit 项目地址: https://gitcode.com/gh_mirrors/th/thorium-reader

背景介绍

Thorium Reader是一款开源的电子书阅读器，近期开发团队发现并修复了用户界面中一个关于键盘导航的重要问题。该问题涉及阅读器中的页面选择器控件，用户无法通过键盘便捷地选择特定页码。

问题分析

在原始实现中，页面选择器使用了SelectBox组件，该组件存在以下键盘交互缺陷：

1. 本地化显示错误："number on number"的提示语不符合语言规范
2. 键盘导航逻辑混乱：
   • 使用方向键下键打开弹出列表后，左右方向键选择选项时会导致焦点丢失
   • 直接使用左右方向键操作选择器控件同样会出现焦点被窃取的问题

解决方案

开发团队通过以下方式解决了这些问题：

1. 将SelectBox组件替换为更现代的Combobox组件
2. 重新设计了键盘交互逻辑：
   • 简化了打开选择列表的操作
   • 优化了方向键导航时的焦点管理
   • 确保键盘操作时不会意外转移焦点

技术实现细节

Combobox组件相比传统SelectBox具有更好的可访问性和键盘支持：

1. 支持直接输入页码或通过方向键导航
2. 提供更直观的键盘快捷键提示
3. 内置完善的焦点管理机制
4. 与屏幕阅读器等辅助技术有更好的兼容性

用户体验改进

这一改动显著提升了以下用户体验：

1. 视障用户可以通过键盘更高效地导航
2. 减少了操作时的认知负担
3. 使界面提示更加清晰准确
4. 提高了整体操作的流畅性

总结

Thorium Reader团队通过组件替换和交互优化，解决了页面选择器的键盘导航问题。这一改进体现了开源项目对可访问性和用户体验的持续关注，也展示了现代Web组件在解决传统UI问题上的优势。

thorium-reader A cross platform desktop reading app, based on the Readium Desktop toolkit 项目地址: https://gitcode.com/gh_mirrors/th/thorium-reader