'', 'title' => '', 'desc' => '', 'fallback' => false, ); // Parse args. $args = wp_parse_args($args, $defaults); // Set aria hidden. $aria_hidden = ' aria-hidden="true"'; // Set ARIA. $aria_labelledby = ''; /* * This theme doesn't use the SVG title or description attributes; non-decorative icons are described with .screen-reader-text. * * However, child themes can use the title and description to add information to non-decorative SVG icons to improve accessibility. * * Example 1 with title: 'arrow-right', 'title' => __('This is the title', 'textdomain'))); ?> * * Example 2 with title and description: 'arrow-right', 'title' => __('This is the title', 'textdomain'), 'desc' => __('This is the description', 'textdomain'))); ?> * * See https://www.paciellogroup.com/blog/2013/12/using-aria-enhance-svg-accessibility/. */ if ($args['title']) { $aria_hidden = ''; $unique_id = uniqid(); $aria_labelledby = ' aria-labelledby="title-' . $unique_id . '"'; if ($args['desc']) { $aria_labelledby = ' aria-labelledby="title-' . $unique_id . ' desc-' . $unique_id . '"'; } } // Begin SVG markup. $svg = ''; // Display the title. if ($args['title']) { $svg .= '' . esc_html($args['title']) . ''; // Display the desc only if the title is already set. if ($args['desc']) { $svg .= '' . esc_html($args['desc']) . ''; } } /* * Display the icon. * * The whitespace around `` is intentional - it is a work around to a keyboard navigation bug in Safari 10. * * See https://core.trac.wordpress.org/ticket/38387. */ $svg .= ' '; // Add some markup to use as a fallback for browsers that do not support SVGs. if ($args['fallback']) { $svg .= ''; } $svg .= ''; return $svg; } ?>