Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Social icons (buttons/links) – writing groups of links semantically

  • Hi

    I wonder if you could help with some advice: we regularly use buttons or links with icons to create social media links in footers etc.

    But we get a failure on Accessibility checks for “Write lists or groups of links semantically
    WCAG 2.0 A 1.3.1”

    What’s the best way to approach this using Generate Blocks Pro?

    The buttons/links should be in a ul li, and display as a row.

    Thanks
    Laura

  • Hi Laura,

    Where are you getting this error? Is there more information regarding the failure as well?

  • Hi,

    This is from Silktide – an accessibility checker.

    The error is:

    WCAG 2.0 A 1.3.1

    Lists of related items should be written semantically as a list.

    Usually, this means rewriting these to use the <ul> or <ol> tags.

    This allows assistive technologies to more easily navigate from item to item, or past entire groups of links if the user wants to.

    We’re getting this if a user tries to add a set of buttons or links with icons for social media links.

    I’ve attached a site that has the error.

  • Hi there,

    if you want to use the Headline Block then you would need to use the role attribute.

    1. Add a Container Block and in its block settings Advanced > CUSTOM ATTRIBUTES –> Add Attribute:

    add: role -> list

    2. Add your Headlines inside and give those attributes of role -> listitem

  • Thanks, David, that’s really helpful 🙂

  • You’re welcome

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.