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
WCAG Issues - Improvements to follow WCAG Standards / accessibility #21443
Comments
@GabeGabeT thanks a lot for your testing and feedback! I will go through the issues directly tomorrow, look into fixes and/or come back with questions for clarification. cc @nextcloud/accessibility for reference |
Thanks again so much for your feedback! I have some questions regarding the review:
Could you provide more details there? I went through the PDF viewer, it is tabable and the buttons have text. Or is this issue the one you are referring to? WAI-ARIA enhancement for toolbars Ref @juliushaertl @danxuliu for the PDF viewer.
Same here, I was able to navigate to the zoom keys via keyboard and zoom in and out via the integrated PDF viewer just fine. They are marked up as buttons and have the text "Zoom In" and "Zoom Out". Ref @juliushaertl @danxuliu for the PDF viewer as well.
The flow works the following way:
Since you brought up the PDF viewer before, I noticed that when opening a PDF, the viewer app does not receive the focus and tabbing still goes through the file list. This we need to fix of course. Is this what you are referring to? Ref @juliushaertl @skjnldsv regarding this.
Is the missing Ref @juliushaertl for the Text editor:
We do have bypass/skip links at the top of each page. Do you mean that the PDF app should also have a bypass link to skip the navigation and go to the PDF content itself?
Where specifically does this happen?
Yes, the PDF viewer seems to overly use the tabindex numbering. @juliushaertl is this something we can fix and upstream? It’s strange as well since most of them are buttons and inputs which could be focused anyway. Possibly just setting
This is something we are currently working on. Which duplicate IDs did you come across? Ref @skjnldsv here
I’m a bit confused here, is the "download button to download the pdf" description maybe copied here by accident, or does this indeed relate to the PDF viewer?
Is this about the notification showing in the top right? Could you describe what the issue is? Ref @juliushaertl for the showNotification component.
Where does this occur?
Can confirm this. It was both
Ref @skjnldsv @juliushaertl on the sidebar component. |
@GabeGabeT can you confirm that point 10 is about the notifications in the top right needing Ref https://github.com/nextcloud/nextcloud-dialogs/blob/master/lib/toast.ts → cc @juliushaertl @ChristophWurst |
@jancborchardt I will clarify the issues below. Regarding: Item 1: Using label elements to associate text labels with form controls, on PDF viewer
Item 2: Zooming and Scaling to be turned on, on PDF viewer
Item 3: Keyboard, on the app
Item 4: Keyboard, text editor toolbar on app
Item 5: Bypass, on PDF viewer
Item 6: Focus, on the app
Item 7: Tabindex, on PDF viewer
Item 8: Duplicate IDs, on the app id="notification"
id="controls"
id="file_action_panel"
id="editor"
id="emptycontent"
Check for the following: Item 9: Submenu expanded/collapsed states, on the PDF viewer and the app
Item 10: Success notification, on app
Item 11: Autocomplete, on the app
Suggested Solution
Item 12: Landmark, on app
|
Here are a few more we found that we found/couldn't address: The action link in the filelist is not coded to allow aria-expanded to detect whether or not its expanded to let the user know. The PDF viewer also fails in this. The next issue being aria-attributes : Invalid ARIA attribute value: aria-controls=""menu-kvknk"" at a[aria-controls=""menu-kvknk""]
Suggested Solution
|
There are a few more issues to report: File and folder names under table column header "Name" are not coded as th
The iframe containing the PDF viewer is missing landmarks like main, nav, etc.
List under "Internal link" at .sharing-entry__internal
Headings skip levels (go from h2 to h5)
The focus jumps unexpectedly from the Comments Tab to the Comments input field Focus indicators around the PDF buttons on the PDF viewer are very difficult to see |
Hi, please update to 24.0.8 or better 25.0.2 and report back if it fixes the issue. Thank you! |
I'm pretty sure this is still not done if you look at the references above. |
All right. |
There are various WCAG issues that are oustanding even though nextcloud claims to follow the standards. I have included an excel of the outstanding issues.
wcagFixes.xlsx
Including:
@szet0018
@RubyDo
The text was updated successfully, but these errors were encountered: