Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEATURE] Add aria-attributes to social icons #341

Merged
merged 2 commits into from
Nov 16, 2017

Conversation

hputzek
Copy link
Contributor

@hputzek hputzek commented Nov 3, 2017

  • Add aria label to link
  • hide icon from screenreaders

* Add aria label to link
* hide icon from screenreaders
</f:then>
<f:else>
<a class="social-icons__item" href="{theme:constant(constant:'themes.configuration.socialmedia.xingLink')}"
target="_blank" title="Xing"><span class="icons icon-t3-xing"></span></a>
target="_blank" title="Xing" aria-label="Xing"><span aria-hidden="true" class="icons icon-t3-xing"></span></a>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Change so that the indent is 1 space instead of 2.

</f:else>
</f:if>
</f:if>
<f:if condition="{theme:constant(constant:'themes.configuration.socialmedia.useVimeo')}">
<f:if condition="{settings.vimeoLink}">
<f:then>
<a class="social-icons__item" href="{settings.vimeoLink}"
target="_blank" title="Vimeo"><span class="icons icon-t3-vimeo"></span></a>
target="_blank" title="Vimeo" aria-label="Vimeo"><span aria-hidden="true" class="icons icon-t3-vimeo"></span></a>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Change so that the indent is 1 space instead of 2.

</f:then>
<f:else>
<a class="social-icons__item" href="{theme:constant(constant:'themes.configuration.socialmedia.vimeoLink')}"
target="_blank" title="Vimeo"><span class="icons icon-t3-vimeo"></span></a>
target="_blank" title="Vimeo" aria-label="Vimeo"><span aria-hidden="true" class="icons icon-t3-vimeo"></span></a>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Change so that the indent is 1 space instead of 2.

remove obsolete space between attributes in affected tags
@hputzek
Copy link
Contributor Author

hputzek commented Nov 16, 2017

I removed the obsolete spaces now, thanks for your hint.

@MattiasNilsson MattiasNilsson merged commit 6257544 into t3kit:master Nov 16, 2017
@websi websi deleted the aria-attributes-for-social-icons branch November 16, 2017 12:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants