Add Aria tags

This commit is contained in:
Joakim Hellsén 2024-06-27 13:34:33 +02:00
commit 5496bcdf5a
No known key found for this signature in database
GPG key ID: D196AE66FEBE1DC9

View file

@ -25,7 +25,7 @@
margin: 0; margin: 0;
} }
.title { header {
text-align: center; text-align: center;
} }
@ -74,43 +74,51 @@
</head> </head>
<body> <body>
{% if messages %} {% if messages %}
<ul class="messages"> <ul class="messages" role="alert" aria-live="polite">
{% for message in messages %} {% for message in messages %}
<li {% if message.tags %}class="{{ message.tags }}"{% endif %}>{{ message }}</li> <li {% if message.tags %}class="{{ message.tags }}"{% endif %}
role="alert">{{ message }}</li>
{% endfor %} {% endfor %}
</ul> </ul>
{% endif %} {% endif %}
<span class="title"> <header>
<h1> <h1>
<a href='{{ url_for("index") }}'>FeedVault</a> <a href='{{ url_for("index") }}' aria-label="FeedVault Home">FeedVault</a>
</h1> </h1>
</span> </header>
<div class="leftright"> <div class="leftright">
<div class="left"> <div class="left">
<small>Archive of <small>Archive of
<a href="https://en.wikipedia.org/wiki/Web_feed">web feeds</a>. <a href="https://en.wikipedia.org/wiki/Web_feed"
aria-label="Wikipedia article on web feeds">web feeds</a>.
{{ stats }} {{ stats }}
</small> </small>
</div> </div>
<div class="right"> <div class="right">
<form action='{{ url_for("search") }}' method="get" class="search"> <form role="search"
<input type="text" name="q" placeholder="Search" /> action='{{ url_for("search") }}'
<button type="submit">Search</button> method="get"
class="search"
aria-label="Search form">
<input type="search" name="q" placeholder="Search" aria-label="Search input" />
<button type="submit" aria-label="Search button">Search</button>
</form> </form>
</div> </div>
</div> </div>
<nav> <nav aria-label="Main navigation">
<small> <small>
<div class="leftright"> <div class="leftright">
<div class="left"> <div class="left">
<a href='{{ url_for("index") }}'>Home</a> | <a href='{{ url_for("index") }}' aria-label="Home page">Home</a> |
<a href='{{ url_for("feeds") }}'>Feeds</a> | <a href='{{ url_for("feeds") }}' aria-label="Feeds page">Feeds</a> |
<a href='{{ url_for("upload_files") }}'>Upload</a> | <a href='{{ url_for("upload_files") }}' aria-label="Upload page">Upload</a> |
<a href='{{ url_for("contact") }}'>Contact</a> <a href='{{ url_for("contact") }}' aria-label="Contact page">Contact</a>
</div> </div>
<div class="right"> <div class="right">
<a href="https://github.com/TheLovinator1/FeedVault">GitHub</a> | <a href="https://github.com/TheLovinator1/FeedVault"
<a href="https://github.com/sponsors/TheLovinator1">Donate</a> aria-label="GitHub page">GitHub</a> |
<a href="https://github.com/sponsors/TheLovinator1"
aria-label="Donate page">Donate</a>
</div> </div>
</div> </div>
</small> </small>