Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. social media icons and aria-label

social media icons and aria-label

Scheduled Pinned Locked Moved General Discussion
9 Posts 2 Posters 1.7k Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • K
    K
    kappe
    wrote on last edited by
    #1

    Hi. Is it possible to add the aria-label attribute to the social media icon?

    1 Reply Last reply
    0
    • arminunruhA
      arminunruhA
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      do you need to make a website for people with assistive technology, like for example a website for someone who is blind?
      or what do you need it for

      1 Reply Last reply
      0
      • K
        K
        kappe
        wrote on last edited by kappe
        #3

        I know you know how it works :)

        1 Reply Last reply
        0
        • arminunruhA
          arminunruhA
          arminunruh
          Global Moderator
          wrote on last edited by
          #4

          so there is no way to do that :/
          but what do u need it for?
          which labels would you like to see there? maybe i can just hard-code them in!

          1 Reply Last reply
          0
          • K
            K
            kappe
            wrote on last edited by
            #5

            Thanks, Armin. PageSpeed ​​Insight shows a note under the accessibility point. This only affects the social media icons in the footer. And they don't have to be readable. Maybe with aria-hidden="true" (and focusable="false"?). Can the attributes be added to the svg code? The icons are in my media lib. Just a small detail, I know.

            1 Reply Last reply
            0
            • arminunruhA
              arminunruhA
              arminunruh
              Global Moderator
              wrote on last edited by
              #6

              i can add aria-hidden="true" to the anchor tags that inherit the icon images

              maybe that works. you'll need to wait for the next lay theme update release, then that will be included

              1 Reply Last reply
              0
              • K
                K
                kappe
                wrote on last edited by
                #7

                bist mein held

                1 Reply Last reply
                0
                • K
                  K
                  kappe
                  wrote on last edited by
                  #8

                  Thanks Armin. But Pagespeed now says '[aria-hidden="true"] elements contain focusable descendents'. The svg (as a child element?) must also not-focusable with aria-hidden=true > aria-hidden-focus

                  1 Reply Last reply
                  0
                  • arminunruhA
                    arminunruhA
                    arminunruh
                    Global Moderator
                    wrote on last edited by
                    #9

                    ok the image tag will now also have aria-hidden="true" with the next update ^^

                    1 Reply Last reply
                    0

                    Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                    Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                    With your input, this post could be even better 💗

                    Register Login
                    Reply
                    • Reply as topic
                    Log in to reply
                    • Oldest to Newest
                    • Newest to Oldest
                    • Most Votes


                    Online Users
                    A
                    alasdair17
                    Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                    laytheme.com
                    • Login

                    • Don't have an account? Register

                    • Login or register to search.
                    • First post
                      Last post
                    0
                    • Recent
                    • Tags
                    • Popular
                    • Users
                    • Search