Bug #23030
openAccessibility Errors on OER site
0%
Description
Hi All,
I was working with the admins who run this site and they have several accessibility questions that I was unable to answer.
https://lagccoertelc.commons.gc.cuny.edu/
1. On the home page, WAVE flags a heading jump from H1 in the title to H3 in the sidebar widget. From what I can tell the code for the site is set up so that the widget content is read before the body content, creating this skipped heading level error -- see video. Is there a way to make the widget content read after the body content and/or change the header level of the widget?
2. On this page https://lagccoertelc.commons.gc.cuny.edu/listening-and-speaking-2/ several empty link errors reveal that there are several nested links in the code that do not appear on the site. For example in the green tea resource, there are 4 links and only the top level link is to the real resource and the other links are not visible on the page. Could this be from user error copying the grid block and replacing content when building the page? Is there an easy way to resolve these empty link errors here? Does the code need to be manually erased? See screenshot.
3. The third issue is a missing link in "nav toggle" area. I could not identify where or what this would be a link for or how to change it. I think this may be a feature of the theme? See screenshot
In my meeting with the accessibility person on this team, they also asked about several accessibility errors that were on the commons, not in the content of their site, and so I will create another ticket for that.
Files
Updated by Boone Gorges 20 days ago
1. On the home page, WAVE flags a heading jump from H1 in the title to H3 in the sidebar widget
This is just the way the Academic theme is built. We don't really have the resources to rebuild this aspect of the theme, which would require a fork. I don't think we consider this a severe issue, as header skips are less than best-practice but are not to my knowledge strictly forbidden by WCAG 2.2, and this practice doesn't prevent assistive technologies from accessing the content.
2. On this page https://lagccoertelc.commons.gc.cuny.edu/listening-and-speaking-2/ several empty link errors reveal that there are several nested links in the code that do not appear on the site. For example in the green tea resource, there are 4 links and only the top level link is to the real resource and the other links are not visible on the page. Could this be from user error copying the grid block and replacing content when building the page? Is there an easy way to resolve these empty link errors here? Does the code need to be manually erased? See screenshot.
I'm unsure how the code would've been built in this way. It does seem like it's a copy-paste issue - perhaps the empty link existed in the page where the links were initially copied from. The fact that these links can't be edited using the normal Block Editor tools suggests that they were pasted in as HTML links, which makes it difficult to fix them in situ. It looks like the Details block doesn't support rich text in the Summary section, which suggests that it wouldn't be possible to remove the links and rebuild them. So I guess this means that if you want to get rid of these empty links, you'll have to either get rid of the links in the Summary section (a feature that doesn't appear to be intended, but which you've figured out how to shoehorn in) or choose a different type of block.
3. The third issue is a missing link in "nav toggle" area. I could not identify where or what this would be a link for or how to change it. I think this may be a feature of the theme? See screenshot
It appears that this nav-toggle is the hamburger item that's visible only in mobile. The way that the Academica theme builds this toggle is really not very good. But, as noted earlier, we don't have the resources to fork or rewrite the Academica theme.