-
Notifications
You must be signed in to change notification settings - Fork 26
Make product availability more clear #171
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
The checks and exes that was there before was unclear. This is more obvious at a glance.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR improves the visual clarity of product availability across different regions by replacing text-based checkmarks and X symbols with colored emoji indicators in a documentation table.
- Replaces ✓ (checkmark) and ✗ (X) symbols with 🟢 (green circle) and 🔴 (red circle) emojis
- Makes product availability status more visually distinct and accessible at a glance
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
| | Machine Learning | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | 🟢 | | ||
| | Databases | 🟢 | 🔴 | 🟢 | 🟢 | 🟢 | 🟢 | | ||
| | GPU Kubernetes | 🟢 | 🟢 | 🔴 | 🔴 | 🔴 | 🔴 | | ||
| | GPU Compute | 🟢 | 🟢 | 🔴 | 🔴 | 🔴 | 🔴 | |
Copilot
AI
Aug 13, 2025
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Using only colored emojis to convey availability status may create accessibility issues for users with color blindness or screen readers. Consider adding text labels or using symbols that don't rely solely on color differentiation.
| | GPU Compute | 🟢 | 🟢 | 🔴 | 🔴 | 🔴 | 🔴 | | |
| | CPU Kubernetes | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | | |
| | CPU Compute | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | | |
| | Object Stores | 🟢 Available | 🔴 Unavailable | 🟢 Available | 🟢 Available | 🔴 Unavailable | 🟢 Available | | |
| | Volumes | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | | |
| | Machine Learning | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | | |
| | Databases | 🟢 Available | 🔴 Unavailable | 🟢 Available | 🟢 Available | 🟢 Available | 🟢 Available | | |
| | GPU Kubernetes | 🟢 Available | 🟢 Available | 🔴 Unavailable | 🔴 Unavailable | 🔴 Unavailable | 🔴 Unavailable | | |
| | GPU Compute | 🟢 Available | 🟢 Available | 🔴 Unavailable | 🔴 Unavailable | 🔴 Unavailable | 🔴 Unavailable | |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I had thought of the accessibility issue. The solution proposed by copilot highlights the issue, but doesn't solve it very well. For that, I'd suggest switching to an HTML table and attaching proper ARIA tags to the documentation, but that's out of scope. I'm just intending to make this more obvious to a visual user. I completely missed that Object Store was not available in PHX1 because the exes are not visually very different from the checks in the font used by the Civo docs site.
The checks and exes that was there before was unclear. This is more obvious at a glance.