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 摘要。