accessibility

Hey Advantage09,

Thank you for the inquiry.

1.) The contact form has an option to display missing or invalid fields. Please set the Content > Frontend > Display Fields With Error settings to “yes”.

2.) Adding the following script in the functions.php might help.

function ava_custom_script() { 
	?>
	<script>
		(function($) {
			$(document).ready(function() {
				$('#top #avia-menu').attr('role', 'menubar');
			});	
		}(jQuery)); 
	</script>
	<?php
}
add_action('wp_footer', 'ava_custom_script');

Best regards,
Ismael

Hi,

Thank you for the update.

2.) Did you just switch to a burger/icon menu? We updated the selector in the above script to apply the role attribute to the appropriate element. Please try it again.

function ava_custom_script() { 
	?>
	<script>
		(function($) {
			$(document).ready(function() {
				$('#top #av-burger-menu-ul').attr('role', 'menubar');
			});	
		}(jQuery)); 
	</script>
	<?php
}
add_action('wp_footer', 'ava_custom_script');

3.) The modifications described in the following thread may help in resolving the “landmark” issue.

// https://kriesi.at/support/topic/wcag-2-1-level-aa-and-landmarks/#post-1220909

Best regards,
Ismael

Hi,
For “Certain ARIA roles must contain particular children” in reference to the burger menu please try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_change_burger_role() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function ($) {
  $(".menu-item-avia-special").attr('role','menu' );
  })(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_change_burger_role');

Best regards,
Mike

Hi,
To change your “Share this post on” to a “p” tag try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function change_share_elem_title_to_p_tag() { ?>
  <script>
(function($) {
  $(function() {
    function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    replaceElementTag('h5.av-share-link-description', '<p></p>');
  });
}(jQuery)); 
</script>
  <?php
}
add_action('wp_footer', 'change_share_elem_title_to_p_tag');

Best regards,
Mike