diff options
| author | Michael Manfre | 2022-12-07 11:12:43 -0500 |
|---|---|---|
| committer | GitHub | 2022-12-07 09:12:43 -0700 |
| commit | 25b8bf6a2e5cdbf921ca8ba4a994f57c1c859844 (patch) | |
| tree | d33ed6a8a1d06c42dc197ab43f9beccf8f43e89f /templates/base.html | |
| parent | 7413dab0520b68bfb7d96805b44cc3e384113aec (diff) | |
| download | takahe-25b8bf6a2e5cdbf921ca8ba4a994f57c1c859844.tar.gz takahe-25b8bf6a2e5cdbf921ca8ba4a994f57c1c859844.tar.bz2 takahe-25b8bf6a2e5cdbf921ca8ba4a994f57c1c859844.zip | |
Keyboard navigation
Diffstat (limited to 'templates/base.html')
| -rw-r--r-- | templates/base.html | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/templates/base.html b/templates/base.html index ac79b24..df8ebdf 100644 --- a/templates/base.html +++ b/templates/base.html @@ -20,7 +20,8 @@ {% block extra_head %}{% endblock %} </head> <body class="{% block body_class %}{% endblock %}" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'> - + <a id='skip-to-main' class='screenreader-text' href='#main-content'>Skip to Content</a> + <a id='skip-to-nav' class='screenreader-text' href='#side-navigation'>Skip to Navigation</a> <main> <header> <a class="logo" href="/"> @@ -29,19 +30,19 @@ </a> <menu> {% if user.is_authenticated %} - <a href="{% url "compose" %}" title="Compose" {% if top_section == "compose" %}class="selected"{% endif %}> + <a href="{% url "compose" %}" title="Compose" role="menuitem" {% if top_section == "compose" %}class="selected"{% endif %}> <i class="fa-solid fa-feather"></i> </a> - <a href="{% url "search" %}" title="Search" {% if top_section == "search" %}class="selected"{% endif %}> + <a href="{% url "search" %}" title="Search" role="menuitem" {% if top_section == "search" %}class="selected"{% endif %}> <i class="fa-solid fa-search"></i> </a> {% if allows_refresh %} - <a href="." title="Refresh" hx-get="." hx-select=".left-column" hx-target=".left-column" hx-swap="outerHTML" hx-trigger="click, every 120s"> + <a href="." title="Refresh" role="menuitem" hx-get="." hx-select=".left-column" hx-target=".left-column" hx-swap="outerHTML" hx-trigger="click, every 120s"> <i class="fa-solid fa-rotate"></i> </a> {% endif %} <div class="gap"></div> - <a href="/identity/select/" class="identity"> + <a href="/identity/select/" role="menuitem" class="identity"> {% if not request.identity %} No Identity <img src="{% static "img/unknown-icon-128.png" %}" title="No identity selected"> @@ -52,7 +53,7 @@ </a> {% else %} <div class="gap"></div> - <a href="/auth/login/" class="identity"><i class="fa-solid fa-right-to-bracket"></i> Login</a> + <a href="/auth/login/" role="menuitem" class="identity"><i class="fa-solid fa-right-to-bracket"></i> Login</a> {% endif %} </menu> </header> @@ -61,11 +62,11 @@ {% block pre_content %} {% endblock %} <div class="columns"> - <div class="left-column"> + <div class="left-column" id="main-content"> {% block content %} {% endblock %} </div> - <div class="right-column"> + <div class="right-column" id="side-navigation"> {% block right_content %} {% include "activities/_menu.html" %} {% endblock %} |