Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 19, 2023 at 9:50 am #1413682
    Guenni007

    some thoughts on roles and lables.
    1. The logo

    Link text that is recognisable, unique and focusable makes it easier for screen reader users to use. This also applies to alternative text for images used as links.

    maybe we can use the title attribute on media-library for that aria-label
    and have for logo alt and title attributes too. ( and on svg it should be transfered to the svg tag.

    – same with a.avia_image i tested it with jQuery script that pagespeed insight will accept that – and no comment on bad Accessibility is listed then.

    2. the menu-item: .av-burger-menu-main should get also a role=”menuitem”

    July 19, 2023 at 5:54 pm #1413736
    Günter

    Hey Guenter,

    Thank you for your input. As always this makes sense.

    1.) av-burger-menu-main – added role for release 5.6.5

    As I’ve never really digged deeper into that role stuff – could you please help me with the html attributes needed to add it correctly and where to place them ?

    The info we have in media gallery when editing an image:

    Image title = post_title
    Alternative Text = postmeta ‘_wp_attachment_image_alt’
    Caption = post_excerpt
    Description = post_content
    Copyright = postmeta ‘_avia_attachment_copyright’

    We can proceed in a step by step starting with logo and then a.avia_image

    Best regards,
    Günter

    July 20, 2023 at 7:39 am #1413788
    Guenni007

    Believe me, I didn’t go that deep into the matter either. The last time I had to optimize the pagespeed for a customer, I noticed the slightly worse value for accessibility (in the mobile case).

    after I added some stuff via jQuery ( which is certainly not the best way) :

    PS: there I have not yet installed an SEO plugin, which is why Meta Descriptions are missing – therefore there also not yet the 100%

    see private Content Area

    But you see that I have made it easy for myself

    July 20, 2023 at 7:50 am #1413789
    Guenni007

    PS : pagespeed insight is not complaining about the missing alt title attribute for the logo but about the lack of the aria-label

    July 20, 2023 at 2:52 pm #1413838
    Guenni007

    OK – here we go

    July 20, 2023 at 3:22 pm #1413841
    Günter

    Hi,

    Looks good. Thanks for checking.

    Here are examples for the 2 filters:

    https://github.com/KriesiMedia/enfold-library/blob/master/actions%20and%20filters/Markup%20and%20Attributes/avf_avia_logo_link_aria.php
    https://github.com/KriesiMedia/enfold-library/blob/master/actions%20and%20filters/Markup%20and%20Attributes/avf_avia_logo_link_title.php

    Best regards,
    Günter

    July 20, 2023 at 11:09 pm #1413872
    Guenni007

    the second filter – does it need all those arguments – if so it had to be:

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘WAI-ARIA …’ is closed to new replies.