- Commit
- d417d591376570f1ae74a3629b9d2a6b7c8fb838
- Parent
- f3b5ef178bf529e51b3d432828c7dadfb14412eb
- Author
- Pablo <pablo-escobar@riseup.net>
- Date
Updated some aria labels
photo-gallery-styles
Design documents for photos.pablopie.xyz 📸️
Diffstat
2 files changed, 14 insertions, 14 deletions
| Status | File Name | N° Changes | Insertions | Deletions |
| Modified | index.haml | 2 | 1 | 1 |
| Modified | index.html | 26 | 13 | 13 |
diff --git a/index.haml b/index.haml @@ -22,7 +22,7 @@ - for img in Dir["photos/*.*"].sort - filename = img.gsub "photos/", "" %li - %a{ :href => "./" + filename + ".html" } + %a{ :href => "./" + filename + ".html", :"aria-label"=> filename } -# TODO: Render WEBP preview images instead -# TODO: Add alt text %img{ :src => "./" + img }
diff --git a/index.html b/index.html @@ -29,67 +29,67 @@ </nav> <ul id='gallery'> <li> -<a href='./1.png.html'> +<a aria-label='1.png' href='./1.png.html'> <img src='./photos/1.png'> </a> </li> <li> -<a href='./10.jpg.html'> +<a aria-label='10.jpg' href='./10.jpg.html'> <img src='./photos/10.jpg'> </a> </li> <li> -<a href='./11.jpg.html'> +<a aria-label='11.jpg' href='./11.jpg.html'> <img src='./photos/11.jpg'> </a> </li> <li> -<a href='./12.jpg.html'> +<a aria-label='12.jpg' href='./12.jpg.html'> <img src='./photos/12.jpg'> </a> </li> <li> -<a href='./13.jpg.html'> +<a aria-label='13.jpg' href='./13.jpg.html'> <img src='./photos/13.jpg'> </a> </li> <li> -<a href='./2.jpg.html'> +<a aria-label='2.jpg' href='./2.jpg.html'> <img src='./photos/2.jpg'> </a> </li> <li> -<a href='./3.jpg.html'> +<a aria-label='3.jpg' href='./3.jpg.html'> <img src='./photos/3.jpg'> </a> </li> <li> -<a href='./4.jpg.html'> +<a aria-label='4.jpg' href='./4.jpg.html'> <img src='./photos/4.jpg'> </a> </li> <li> -<a href='./5.jpg.html'> +<a aria-label='5.jpg' href='./5.jpg.html'> <img src='./photos/5.jpg'> </a> </li> <li> -<a href='./6.jpg.html'> +<a aria-label='6.jpg' href='./6.jpg.html'> <img src='./photos/6.jpg'> </a> </li> <li> -<a href='./7.jpg.html'> +<a aria-label='7.jpg' href='./7.jpg.html'> <img src='./photos/7.jpg'> </a> </li> <li> -<a href='./8.jpg.html'> +<a aria-label='8.jpg' href='./8.jpg.html'> <img src='./photos/8.jpg'> </a> </li> <li> -<a href='./9.png.html'> +<a aria-label='9.png' href='./9.png.html'> <img src='./photos/9.png'> </a> </li>