Skip to content
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

[Feature]: Accessibility upgrade #18

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

NickBanken
Copy link

No description provided.

@NickBanken NickBanken changed the title [Feature]: accessibility.md changes [Feature]: Accessibility upgrade Jan 27, 2025
src/components/accessibility.md Show resolved Hide resolved
```vue
<button aria-label="Close">X</button>
```
- **Provide Text Alternatives**: Use alt attributes for images and other non-text content. This helps screen readers provide a description of images, icons, and other visual elements.

Choose a reason for hiding this comment

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

I like this ressource for alternative text best practices, maybe we can add it?
https://web.dev/learn/accessibility/images#alternative_text_best_practices

- Follow WCAG Guidelines: Adhere to the Web Content Accessibility Guidelines (WCAG), which recommend a minimum contrast ratio of:
- 4.5:1 for normal text (under 18px or bold text under 14px).
- 3:1 for large text (18px or larger, or bold text 14px or larger).
- Use Contrast Checking Tools: Tools like `WebAIM's` Contrast Checker or browser plugins can help you validate contrast ratios.

Choose a reason for hiding this comment

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

When you mention a specific tool, can you maybe add a link to the tool's website?

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

Successfully merging this pull request may close these issues.

2 participants