Hi,
I am using Siteimprove to optimize my Newspaper site in regards to accessibility.
I have stumbled on a few things I cant seem to correct.
It seems that some tags are empty and that triggers an error in accessibility.
<div class="tds-title tds-title1 td-fix-index tdi_34">
<h3 class="tdm-title tdm-title-sm"></h3>
</div>and
<iframe width="500" height="212" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen src="https://player.vimeo.com/video/655301189?&&"></iframe>
I know the code snippets are short, but can you tell more about how to fill these tags so machines can read them?
Best.
Lars
Hi kabbolig,
This code that you mentioned is referring to a title from that page, now the title can be from any block, this can be fill using the tagDiv Composer , edit the page and click on the block without title -> https://i.imgur.com/QRoQxJn.png set the custom title and the problem should be solved for that block.
The second code seems to be from an iframe with a player, for this problem you can add the title element for that iframe, here is a guide that can help you -> https://equalizedigital.com/accessibility-checker/iframe-missing-title/
Thank you!
Hi Calin,
Thanks a lot for your reply.
Regarding the Iframe, my page is a Category page with video embeds using the TagDiv composer and the Video embed shortcode. Where can I find and edit the generated the code? The same goes for the “Header Live Search”? Where is the code located to be edited to add an Aria-label?
Best regards.
Lars
Hello Lars!
The code of our element called “Header Live Search” can be found in wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_search.php
Hope that helps you somehow!
Thank you!
