Cleanup SVG icon markup

Created on 4 December 2020, over 3 years ago
Updated 26 June 2024, 2 days ago

Problem/Motivation

Currently the SVG iconsสผ markup (see sourcecode) is filled with Adobe's own proprietary-purpose metadata, which is useless for web browsers:
โ†’

Also, their viewbox has an incorrect size which makes proper CSS alignment difficult:
โ†’

Steps to reproduce

Inspect the DOM of a page and check the SVG markup.

Proposed resolution

Use Inkscape to set their viewbox properly and SVGO online converter to cleanup the unnecessary code while maintaining the exactly same visual appearance.

Remaining tasks

Review, test, commit, release.

User interface changes

No visual difference shall appear.

๐Ÿ› Bug report
Status

Needs work

Version

2.0

Component

Code

Created by

๐Ÿ‡ญ๐Ÿ‡บHungary Balu Ertl Budapest ๐Ÿ‡ช๐Ÿ‡บ

Live updates comments and jobs are added and updated live.
  • Needs issue summary update

    Issue summaries save everyone time if they are kept up-to-date. See Update issue summary task instructions.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • ๐Ÿ‡ณ๐Ÿ‡ฑNetherlands sander.bras

    Because of a recent accessibility audit, we had to change the way the text "this link/mail is external" is set.
    aria-labelledby on the svg tag is not supported by all screenreaders.
    We went for the most reliable way, of just including a 'visually-hidden' next to the icon, that is supported by all screenreaders.
    The SVG icon still has it's own title, so visual users can hover over the icon, and get a popup with the text.
    But we've also added aria-hidden=true to the SVG itself, so that screenreaders won't pronounce the text twice.
    We do see further improvements to accessibility for the placement of the text (it should always be after the link, despite of the position settings), but that is out of scope for this ticket, and we'll make a new one for that.

  • ๐Ÿ‡ฎ๐Ÿ‡นItaly kopeboy Mainland

    Very good, thank you!

    The patch was not applying to latest dev version, so this is the new one.

    โ†’

  • Status changed to RTBC about 2 months ago
  • ๐Ÿ‡ฎ๐Ÿ‡นItaly kopeboy Mainland

    Actually there was an error at extlink.install: the update was re-declared but I think it should replace the previous extlink_update_8103

    I'm noob but after this my updb worked.

    I consider this reviewed as I only re-applied @sander.bras work from #23 and tested that it worked.

    Here the new patch โ†’

  • ๐Ÿ‡ฎ๐Ÿ‡นItaly kopeboy Mainland
  • Status changed to Needs work about 1 month ago
  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany Anybody Porta Westfalica

    @kopeboy thank you, but please provide it as MR.

  • First commit to issue fork.
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia immaculatexavier

    immaculatexavier โ†’ changed the visibility of the branch 3186584- to hidden.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States smustgrave

    This will need an issue summary update as not super clear what's being proposed. Seems to be adding new settings.

Production build 0.69.0 2024