Aria Labels for Buttons

Below, the Subscribe buttons for newsletter 1 and newsletter 2 require the visual context to understand what is being subscribed to. Aria labels are added to these buttons in the settings pane so that screen readers can provide sufficient information to the user. Other buttons contain no aria label, as the Text is sufficient to describe their purpose.

Newsletter 1

This is our awesome newsletter for people like you

Newsletter 2

You may also like Newsletter 2

an image placeholder reading your image here

Better Title

Much Better body

an image placeholder reading your image here

Does this work still?

This is the body

an image placeholder reading your image here

Title

Body

The Title

Body text goes here

  • Another item

Here’s some more body text

The New Way

Some body text to tell you all about this cool this.

  • List Item 1
  • List Item 2
    • List Item 4

And really, isn’t this just exactly what we wanted?

-ils