networkException/nwex.de
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Avatar: Add description and accessibility attributes

Browse source 
Following ideas mentioned in https://css-tricks.com/accessible-svgs/
This commit is contained in:
networkException 2022-11-15 22:17:38 +01:00
parent ca3fe5ccd9
commit 5b1d1521cc
Signed by: networkException
GPG key ID: E3877443AE684391
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
public/avatar.svg
View file

@ -1,8 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) --> <!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg version="1.1" id="svg421232" width="613.53674" height="613.53668" viewBox="0 0 613.53676 613.53668" sodipodi:docname="avatar.svg" xml:space="preserve" inkscape:export-filename="small.svg" inkscape:export-xdpi="90.395332" inkscape:export-ydpi="90.395332" inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"> <svg version="1.1" id="svg421232" width="613.53674" height="613.53668" viewBox="0 0 613.53676 613.53668" aria-labelledby="avatar-title avatar-description" role="img" sodipodi:docname="avatar.svg" xml:space="preserve" inkscape:export-filename="small.svg" inkscape:export-xdpi="90.395332" inkscape:export-ydpi="90.395332" inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
<title id="title425952">networkException's avatar</title> <title id="avatar-title">networkException's avatar</title>
<desc id="avatar-description">
A cartoony vector grahic with thick outlines.
It's showing person with pale skin and white hair on orange background.
The person is wearing a gray hoodie and has large black eyes.
</desc>
<defs id="defs421236"> <defs id="defs421236">
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath421250"> <clipPath clipPathUnits="userSpaceOnUse" id="clipPath421250">
<path d="M 0,768 H 1366 V 0 H 0 Z" id="path421248" /> <path d="M 0,768 H 1366 V 0 H 0 Z" id="path421248" />

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 19 KiB