Forum Discussion

PhilWade's avatar
PhilWade
Community Member
2 days ago

How do screenreaders read headers in Rise?

Do the header blocks in Rise translate to H1 and H2 for screen readers? It looks like it's more simple, just header and subheader. I have been thinking of the lesson title as H1, a header as H2, and subheader as H3, but is that right? Actually, now that I write this, I realize I've been thinking of the lesson title and the header block both as H1.

Thinking of accessibility formatting, how does this work out?

5 Replies

  • PhilFoss's avatar
    PhilFoss
    Community Member

    Phil, you are correct the 'paragraph with heading' block produces an H2, and the subheading block is an H3. The H1 exists in two places- on the cover page (course title) and then each lesson title is also h1. 

    • PhilWade's avatar
      PhilWade
      Community Member

      Just talked to my teammates about this. Does anything happen to this when lesson headers are turned off?

      • PhilFoss's avatar
        PhilFoss
        Community Member

        I started thinking about that also, I assumed this option would remove the lesson title H1 altogether. But it doesn't, the lesson title is still there in the code. A parent element around the H1 is set to opacity:0. So it still takes up visible blank space, its just hidden to sighted users. I'm pretty sure a screen reader would read the H1 as usual. Kind of strange.