Skip to content

🎨 Palette: [UX improvement] Enhance README DX and accessibility#34

Open
Igor Holt (igor-holt) wants to merge 1 commit into
mainfrom
palette-readme-enhancement-6626635320248518151
Open

🎨 Palette: [UX improvement] Enhance README DX and accessibility#34
Igor Holt (igor-holt) wants to merge 1 commit into
mainfrom
palette-readme-enhancement-6626635320248518151

Conversation

@igor-holt
Copy link
Copy Markdown
Member

💡 What

Enhanced the README.md to improve Developer Experience (DX) and accessibility.

🎯 Why

As an infrastructure project without a frontend, the README.md is the primary interface. These changes make the project's purpose and architecture more immediately understandable and accessible.

♿ Accessibility

  • Added title attributes to badges for tooltips and screen reader clarity.
  • Used a GitHub Alert to clearly highlight the experimental status.

📸 Visual Changes

  • New Mermaid diagram showing the relationship between Cloud Native, Orchestration, and Infrastructure layers.
  • Styled the "Arbiter Core" node to stand out as the primary component.

PR created automatically by Jules for task 6626635320248518151 started by Igor Holt (@igor-holt)

- Added Mermaid architecture diagram to visualize layers and Arbiter Core.
- Added accessibility titles to status badges.
- Added GitHub Caution alert for experimental status.
- Refined feature descriptions for better clarity and uniqueness.

Co-authored-by: igor-holt <125706350+igor-holt@users.noreply.github.com>
@google-labs-jules
Copy link
Copy Markdown
Contributor

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

Copy link
Copy Markdown

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request enhances the README.md by adding accessibility metadata to badges, an experimental status warning, a Mermaid architecture diagram, and expanded feature descriptions. The review feedback focuses on further improving accessibility by recommending that descriptive information be placed in image alt attributes rather than just title tags, and suggesting a text-based summary for the visual diagram to support screen readers.

Comment thread README.md
Comment on lines +3 to +4
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg "License: MIT - Open source software license")](https://opensource.org/licenses/MIT)
![Status: Experimental](https://img.shields.io/badge/Status-Experimental-orange "Project Status: Experimental - Not recommended for production use")
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

While adding title attributes provides tooltips for mouse users, screen readers primarily rely on the alt attribute (the text inside the square brackets). To improve accessibility as intended, the descriptive information should be included in the alt text. This is especially important for the experimental status badge, as the "Not recommended for production use" warning is currently only in the title and may be missed by assistive technologies.

Suggested change
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg "License: MIT - Open source software license")](https://opensource.org/licenses/MIT)
![Status: Experimental](https://img.shields.io/badge/Status-Experimental-orange "Project Status: Experimental - Not recommended for production use")
[![License: MIT - Open source software license](https://img.shields.io/badge/License-MIT-yellow.svg "License: MIT - Open source software license")](https://opensource.org/licenses/MIT)
![Project Status: Experimental - Not recommended for production use](https://img.shields.io/badge/Status-Experimental-orange "Project Status: Experimental - Not recommended for production use")

Comment thread README.md
Comment on lines +15 to +39
```mermaid
graph TD
subgraph CloudNative [Cloud Native]
K8s[Kubernetes Cluster]
Workloads[AI Workloads]
end

subgraph Orchestration [Orchestration]
Arbiter((Arbiter Core))
Scheduler[Quantum-Accelerated Scheduler]
end

subgraph Infrastructure [Infrastructure]
BareMetal[Bare-Metal Hardware]
aSHARD[aSHARD VRAM Pinning]
end

Workloads --> K8s
K8s <--> Scheduler
Scheduler <--> Arbiter
Arbiter <--> aSHARD
aSHARD <--> BareMetal

style Arbiter fill:#f96,stroke-width:4px
```
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The Mermaid diagram is a significant visual addition but lacks an accessible alternative for users with visual impairments. Since accessibility is a stated goal of this PR, consider adding a brief text-based summary of the architecture flow immediately following the diagram to ensure the information is available to all users via screen readers.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant