Skip to content

Commit

Permalink
Add accessibility features to logo SVG
Browse files Browse the repository at this point in the history
The logo SVG in the main menu has been improved for accessibility. Added 'role', 'aria-labelledby', 'title', and 'desc' attributes to the SVG. The 'title' and 'desc' provide descriptive text that can be read by screen readers, making the site more accessible for visually impaired users.
  • Loading branch information
xsova committed Dec 22, 2023
1 parent bef6b0b commit d3c2866
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,9 @@
<wallpaper id='bg'></wallpaper>
<menu>
<a href='https://wiki.xxiivv.com/site/home.html' id='logo'>
<svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" height='33.0' width='160.0'>
<svg xmlns="http://www.w3.org/2000/svg" height='33.0' width='160.0' role="img" aria-labelledby="title desc">
<title id="title">xxiivv logo</title>
<desc id="desc">A continuous wave line drawing transitioning from a sine wave, to a square wave, and finally into a sawtooth wave.</desc>
<path d='M 3.0 31.0 l 0 -22 a 7.5,7.5 0 1,1 15.0,0 l 0 15.0 a 7.5,7.5 0 0,0 15.0,0 l 0 -15.0 a 7.5,7.5 0 1,1 15.0,0 l 0 22.5 l 15.0 0 l 0 -30.0 l 15.0 0 l 0 30.0 l 15.0 0 l 0 -30.0 l 0.6 0 l 15.0 28.5 l 15.0 -27.0 l 15 28.5' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round'/>
</svg>
</a>
Expand Down

0 comments on commit d3c2866

Please sign in to comment.