AOSSIE-Org / AOSSIE-Org/PictoPy

Feat: Make PictoPy More Accessible – Keyboard Navigation & High Contrast Mode

未关闭
#1,157 5 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
Python
星标
283
派生
679
平均合并
7 天 2 小时
30 天内合并 PR
3

描述

### Describe the feature

### Problem

Currently, PictoPy's main interface and controls are difficult to use for people who rely on keyboard navigation or need higher contrast for visibility. Key areas affected include:

- Sidebar navigation has no visible focus indicator (keyboard users can't tell which section is active).
- Icon-only buttons (e.g., Face Search, Search) have no visible or screen-reader-friendly labels.
- The theme menu lacks a "High Contrast" option, making it hard for some users to comfortably view content.

These issues make PictoPy less inclusive and harder to use for anyone with visual impairments or those who depend on assistive technology.

### Suggested Solution

- Add strong visible focus rings to sidebar/menu items and inputs, so keyboard users can see what's focused (see "Recommended Fixes" mockup below).
- Add accessible labels (aria-label/alt text) for all icon-only buttons. Show tooltip on hover and ensure screen readers announce the action.
- Add a "High Contrast" option to the theme selector, supporting strong color contrast for all UI elements.
- Update internal documentation to include new accessibility improvements.

_Left: current state with missing focus, missing labels, and no high contrast.

Right: strong focus ring, labeled icons, and new theme option._

### Why this is needed

This improves usability for everyone – not just users with disabilities – and aligns PictoPy with accessibility standards (WCAG, ADA). It will also make the project more appealing for broader community adoption.

### Add ScreenShots

Image

### Record

- [x] I agree to follow this project's Code of Conduct
- [x] I want to work on this issue

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。