Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom

Accessibility audit #1123

Closed
2 tasks
sra405 opened this issue Oct 23, 2024 · 2 comments · May be fixed by #1170
Closed
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 mentioned this issue Jan 20, 2025
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

# for free to join this conversation on GitHub. Already have an account? # 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
3 participants
@magdalenajadach @sra405 @adrian-rpf