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.

Sign up for GitHub

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

Jump to bottom

Accessibility audit #1123

Open
2 tasks
sra405 opened this issue Oct 23, 2024 · 2 comments · May be fixed by #1170
Open
2 tasks

Accessibility audit #1123

sra405 opened this issue Oct 23, 2024 · 2 comments · May be fixed by #1170
Assignees
@magdalenajadach
Labels
tech debt

Comments

@sra405
Copy link
Contributor

sra405 commented Oct 23, 2024 •
edited by magdalenajadach
Loading

Accessibility audit for web-component.html

Axe accessibility audit to identify critical and non-critical (nice-to-have) issues. The audit output will be used to create backlog tickets for improvement.

Focus Page

The web-component page is the primary focus for this audit, as it is the most critical part of the site.

  • - /web-component.html
  • - sidebar options

Output

A prioritized list of critical issues to address immediately.
A secondary list of easy-to-fix, non-critical issues for future improvements.

Reference

Please review the findings from the previous accessibility audit for context and historical data.
@magdalenajadach magdalenajadach self-assigned this Jan 20, 2025
@create-issue-branch Create Issue Branch
Copy link
Contributor

Branch issues/1123-Accessibility_audit created!

create-issue-branch bot added a commit that referenced this issue Jan 20, 2025
@create-issue-branch
Create draft PR for #1123
11f90f3
@create-issue-branch create-issue-branch bot linked a pull request Jan 20, 2025 that will close this issue
Draft
@magdalenajadach
Copy link
Contributor

magdalenajadach commented Jan 27, 2025 •
edited
Loading

Output of the tests performed with AXE dev tools

1. Lack of language attribute

  • Description: <html> element does not have a [lang] attribute

2. Modal focus issue

3. Image of text is used instead of real text

  • aria-hidden="true" is used on informative content making it inaccessible to assistive technology.
Image

4. Role: The element's role is missing or incorrect

  • The element's role is missing or is not appropriate for the element's function.

5. Heading

  • Text appears and functions like a section heading but is not marked up as such.
Image

6. Keyboard

Image Image

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

@magdalenajadach magdalenajadach

Labels
tech debt
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Accessibility audit RaspberryPiFoundation/editor-ui
2 participants
@magdalenajadach @sra405