Skip to content

Topcoder open logo add title and aria-label. #3002

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

Merged
merged 3 commits into from
Jul 26, 2019

Conversation

afrisalyp
Copy link
Collaborator

@codeMinter
Copy link
Contributor

@anonymousjaggu Should set the alt text as TCO19.

@veshu
Copy link
Contributor

veshu commented Jul 25, 2019

@afrisalyp Please check the feedback here.

@afrisalyp
Copy link
Collaborator Author

@veshu @codeMinter

According to some references, an inline SVG uses the <title> tag to describe the content.
Additionally, we can specify aria-label and role="img".

https://stackoverflow.com/questions/4697100/accessibility-recommended-alt-text-convention-for-svg-and-mathml
http://web-accessibility.carnegiemuseums.org/code/svg/

Therefore we don't have to put alt in the TCO 2019 logo since it's not the proper way.

Thanks.

@veshu
Copy link
Contributor

veshu commented Jul 25, 2019

we don't have to put alt in the TCO 2019 logo since it's not the proper way.

The issue is you have set aria-label="Topcoder open 2019" instead of "tco19"

@afrisalyp
Copy link
Collaborator Author

Yes. It's already done. Please check the file changes.

@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="109px" height="81px" viewBox="0 0 109 81" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg width="109px" height="81px" viewBox="0 0 109 81" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" aria-label="Topcoder Open 2019">
Copy link
Contributor

Choose a reason for hiding this comment

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

role="img" aria-label="Topcoder Open 2019"

@afrisalyp You are still using full form instead of "tco19" which is short form.

@afrisalyp
Copy link
Collaborator Author

Oh, sorry. My mistake. I'll fix it.

@anonymousjaggu
Copy link
Collaborator

@afrisalyp please resolve the conflict

@afrisalyp
Copy link
Collaborator Author

@anonymousjaggu Done.

@sushilshinde sushilshinde merged commit a00f0de into topcoder-platform:qa-accessibility Jul 26, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants