-
Posts
-
I am using the WAVE accessibility plugin to do some testing on my site – https://wave.webaim.org/extension/ and I am getting the following errors
on the section labelled “CHECK OUT OUR OTHER BOWL 360 FRANCHISE”The error is “Empty link. A link contains no text”
screenshot here – https://ibb.co/Fn8dSKB
How do I fix this issue? I am using the Partner/Logo block on that section.
I have already added a “link title” to each logo element.
MY SITE – https://bowl360.nyc/
Thanks
Hey navindesigns,
Thank you for the inquiry.
The error is due to the slider element below the headline:
<a href="https://bowl360astoria.nyc/" data-rel="slide-1" class="slide-image" title=""><span class="av-partner-fake-img" style="padding-bottom:76.666666666667%; background-image:url(https://xxxxxx.nyc/wp-content/uploads/2023/05/02-2.png);"></span></a>To fix it, make sure to apply Link Title > Link Title to each slide, then add this script in the functions.php file.
function ava_custom_script_add_hidden_text() { ?> <script type="text/javascript"> (function ($) { $(document).ready(function () { $('.slide-image').each(function () { var $this = $(this); var titleText = $this.attr('title'); if (titleText) { var hiddenSpan = $('<span>', { 'class': 'visually-hidden', 'text': titleText }); $this.append(hiddenSpan); } }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_add_hidden_text', 9999);This will create a hidden span element inside the slide-image container.
<a href="https://bowl360astoria.nyc/" data-rel="slide-1" class="slide-image" title="Visit Bowl 360 Astoria"> <span class="av-partner-fake-img" style="padding-bottom:76.666666666667%; background-image:url(https://xxxxx.nyc/wp-content/uploads/2023/05/02-2.png);" aria-hidden="true"></span> <span class="visually-hidden">Visit Bowl 360 Astoria</span> </a>Best regards,
IsmaelI added the above code but it does not seem to work
I am providing my login if you want to take a look. please note that section is coming from a footer widget that is created by shortcode from another page
Hi,
Thank you for the info.
The script is not working because you didn’t apply Link Title to the slides. Please edit the shortcode and apply the title for each slide and provide a link to the page containing the shortcode or slider element so that we can check it.
Best regards,
IsmaelWhich shortcode do I need to apply the link titles to? I am confused
Are you referring to the PHP code?
my page shortcode does have link titles (see below)
[av_section min_height='' min_height_pc='25' min_height_px='500px' padding='small' custom_margin='0px' custom_margin_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' color='main_color' background='bg_color' custom_bg='#000000' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-gw04d9' sc_version='1.0']
[av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='-25' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-fvcgnh' sc_version='1.0' admin_preview_bg='']
[av_heading heading='CHECK OUT OUR OTHER BOWL 360 FRANCHISE ' tag='h3' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='26' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='20' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-desktop-font-size-1='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='custom-color-heading' custom_font='#ffffff' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' headline_padding='' headline_padding_sync='true' av-desktop-headline_padding='' av-desktop-headline_padding_sync='true' av-medium-headline_padding='' av-medium-headline_padding_sync='true' av-small-headline_padding='' av-small-headline_padding_sync='true' av-mini-headline_padding='' av-mini-headline_padding_sync='true' padding='10' av-desktop-padding='' av-medium-padding='' av-small-padding='' av-mini-padding='' icon_padding='10' av-desktop-icon_padding='' av-medium-icon_padding='' av-small-icon_padding='' av-mini-icon_padding='' link='manually,http://' link_dynamic='' link_target='' title_attr='' id='' custom_class='' template_class='' av_uid='av-esbpnx' sc_version='1.0' admin_preview_bg='']
Birthdays. Holidays. Parties for the kids. Parties for the office. Parties for you and your friends. When you’re ready to celebrate, then it’s time to BE BOWLED. Bring your party to the lanes and get ready for one unforgettable event.
[/av_heading][av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='-50' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-cpo64d' sc_version='1.0' admin_preview_bg='']
[av_partner heading='' type='grid' columns='8' navigation='arrows' control_layout='av-control-default' nav_visibility_desktop='' nav_arrow_color='' nav_arrow_bg_color='' nav_dots_color='' nav_dot_active_color='' size='no scaling' img_size_behave='' border='' img_border='solid' img_border_width='1' img_border_width_sync='true' img_border_color='#cccccc' border_radius='12' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' padding='10px' padding_sync='true' animation='slide' transition_speed='' autoplay='false' interval='5' heading_tag='' heading_class='' img_scrset='' lazy_loading='disabled' el_id='' custom_class='' template_class='' av_uid='av-bil12l' sc_version='1.0']
[av_partner_logo id='2178' id_dynamic='' hover='Bowl 360 Ozone Park' link='manually,https://bowl360.nyc/' link_dynamic='' link_target='_blank' linktitle='Bowl 360 Ozone Park' av_uid='av-9cabb1' sc_version='1.0']
[av_partner_logo id='2180' id_dynamic='' hover='' link='manually,https://bowl360astoria.nyc/' link_dynamic='' link_target='' linktitle='Bowl 360 Astoria' av_uid='av-6z8btp' sc_version='1.0']
[av_partner_logo id='2181' id_dynamic='' hover='' link='manually,https://bowl360brooklyn.nyc/' link_dynamic='' link_target='' linktitle='Bowl360 Brooklyn' av_uid='av-6jvk4t' sc_version='1.0']
[av_partner_logo id='2183' id_dynamic='' hover='' link='manually,http://bowl360newhydepark.com/' link_dynamic='' link_target='' linktitle='Bowl 360 New Hyde Park' av_uid='av-44jhel' sc_version='1.0']
[av_partner_logo id='2184' id_dynamic='' hover='' link='manually,https://bowl360strikecityspringhill.com/' link_dynamic='' link_target='' linktitle='Bowl 360 Strike City Spring Hill' av_uid='av-101zh' sc_version='1.0']
[av_partner_logo id='2220' id_dynamic='' hover='' link='manually,https://island360restaurant.com/' link_dynamic='' link_target='' linktitle='Island 360 Restaurant' av_uid='av-101zh-2' sc_version='1.0']
[av_partner_logo id='2222' id_dynamic='' hover='' link='manually,https://paddles360.com/' link_dynamic='' link_target='' linktitle='Paddles 360' av_uid='av-101zh-1' sc_version='1.0']
[av_partner_logo id='2260' id_dynamic='' hover='' link='manually,https://uptownbarandgrill360.com/' link_dynamic='' link_target='' linktitle='Uptown Bar and Grill' av_uid='av-101zh-1-1' sc_version='1.0']
[/av_partner][/av_section]
Hi,
Thank you for the update.
It looks like the link title is not being added to the html. Please add this to the functions.php file:
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1); function avia_include_shortcode_template($paths) { $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/'); return $paths; }Create a folder/file structure inside the child theme directory: shortcodes > logoslider > logoslider.php. Then, add this code to override the default logo slider element.
// https://pastebin.com/AEKjwcRe
The script should function correctly after this modification.
Best regards,
IsmaelThis is still not working.
here are my steps that I did
1- copied the following to my functions.pho
add_filter(‘avia_load_shortcodes’, ‘avia_include_shortcode_template’, 15, 1);
function avia_include_shortcode_template($paths)
{
$template_url = get_stylesheet_directory();
array_unshift($paths, $template_url.’/shortcodes/’);return $paths;
}2- added a new folder for structure – screenshot here – https://ibb.co/x2Qp70Z
3- pasted the entire code from https://pastebin.com/AEKjwcRe onto this new logoslider.php file
Is that correct?
Hi,
Your screenshot has this structure:
enfold-child ▸ config-templatebuilder ▸ avia-shortcodes ▸ logoslider ▸ logoslider.php
It should be:
enfold-child ▸ shortcodes ▸ logoslider ▸ logoslider.phpBest regards,
MikeI corrected it
I think it worked, can you verify for me?
- You must be logged in to reply to this topic.