Forum Discussion
Accessibility concerns with course name as title & H1, and H1 tags with slide titles via Heading 1 style
Hi Karin, I think it may be because the title is in a different region to the main content, therefore the main content region can then use the H1 element.
I don't really use the SL player structure and so haven't had to think this one over before, but I would suspect that that is the rationale.
You are right that the title is also in the HTML title element, but it is also useful to have a visual representation of the title on the course and I can see the rationale for choosing H1 for the title of the course.
In my opinion, because they are in separate regions, and the main region is identified as "Main region" it would not cause too much confusion for assistive tech users.
Ideally, I think an option to set that title to aria-hidden=true would be good, as it does kind of sit in no mans land between the hamburger button and the navigation region.
If you'd like some a JavaScript snippet to hide that element from assistive technology, add this to your Master Template on timeline start:
if(typeof window.courseTitleSet === 'undefined')
{
var coursetitle = document.querySelector('h1.presentation-title');
coursetitle.setAttribute('aria-hidden',true);
window.courseTitleSet = true;
}
Assuming one doesn't use the JavaScript you provided (thank you!) and leaving aside that assistive technology users could probably figure out what's going on...
Wouldn't this still technically be a WCAG 1.3.1 failure, though? Because the relationship perceived visually is that slides exist within the course, and the only way to communicate that programmatically via headings would be an H1 representing the course and an H2 representing the slide, with regions not mattering because they don't impact the heading hierarchy..?
(Btw, I'd wager the course title Karin mentioned being read in every slide is the web page's <title>, and I feel like my screen readers still announce it on occasion in certain contexts: SL embedded in Rise, showing/hiding layers, navigating slides)
Related Content
- 10 months ago