Fixed Add aria-hidden="true" attribute

Quy Ton

Member
Affected version
2.1.0
Add aria-hidden="true" to <i> in Share this page widget.

HTML:
<a class="shareButtons-button shareButtons-button--brand shareButtons-button--pinterest" data-href="https://pinterest.com/pin/create/bookmarklet/?url={url}&amp;description={title}">
        <i></i>
        <span>Pinterest</span>
</a>

<a class="shareButtons-button shareButtons-button--brand shareButtons-button--tumblr" data-href="https://www.tumblr.com/widgets/share/tool?canonicalUrl={url}&amp;title={title}">
        <i></i>
        <span>Tumblr</span>
</a>

<a class="shareButtons-button shareButtons-button--brand shareButtons-button--whatsApp" data-href="https://api.whatsapp.com/send?text={title}&nbsp;{url}">
        <i></i>
        <span>WhatsApp</span>
</a>

<a class="shareButtons-button shareButtons-button--email" data-href="mailto:?subject={title}&amp;body={url}">
        <i></i>
        <span>Email</span>
</a>

<a class="shareButtons-button shareButtons-button--link is-hidden" data-clipboard="{url}">
        <i></i>
        <span>Link</span>
</a>
 
Thank you for reporting this issue. It has now been resolved and we are aiming to include it in a future XF release (2.1.1).

Change log:
Add aria-hidden="true" to share icon placeholders.
Any changes made as a result of this issue being resolved may not be rolled out here until later.
 
Back
Top Bottom