added attributes for a11y

This commit is contained in:
Beverly Nguyen
2024-11-01 11:47:25 -07:00
parent 60e9ac18f5
commit 4d0d92f825

View File

@@ -40,12 +40,18 @@
{% set item_link_content %} {% set item_link_content %}
{% if item.is_folder %} {% if item.is_folder %}
<a href="{{ url_for('.choose_template', service_id=current_service.id, template_type=template_type, template_folder_id=item.id) }}" <a href="{{ url_for('.choose_template', service_id=current_service.id, template_type=template_type, template_folder_id=item.id) }}"
class="usa-link template-list-folder"> class="usa-link template-list-folder"
tabindex="0"
role="link"
aria-label="{{ format_item_name(item.name) }}">
<span class="live-search-relevant">{{- format_item_name(item.name) -}}</span> <span class="live-search-relevant">{{- format_item_name(item.name) -}}</span>
</a> </a>
{% elif not item.ancestors %} {% elif not item.ancestors %}
<a href="{{ url_for('.view_template', service_id=current_service.id, template_id=item.id) }}" <a href="{{ url_for('.view_template', service_id=current_service.id, template_id=item.id) }}"
class="usa-link template-list-template"> class="usa-link template-list-template"
tabindex="0"
role="link"
aria-label="{{ format_item_name(item.name) }}">
<span class="live-search-relevant"> <span class="live-search-relevant">
{%- if current_service.api_keys -%} {%- if current_service.api_keys -%}
<span class="display-none">{{ item.id }} </span> <span class="display-none">{{ item.id }} </span>
@@ -82,6 +88,8 @@
"id": "templates-or-folder-" ~ item.id, "id": "templates-or-folder-" ~ item.id,
"classes": "template-list-item template-list-item-with-checkbox {}".format( "classes": "template-list-item template-list-item-with-checkbox {}".format(
"template-list-item-hidden-by-default" if item.ancestors else "template-list-item-without-ancestors"), "template-list-item-hidden-by-default" if item.ancestors else "template-list-item-without-ancestors"),
"attributes": { "role": "checkbox", "aria-describedby": item.id ~ "-item-hint" },
"after": item_link_content ~ item_meta "after": item_link_content ~ item_meta
} %} } %}
{% set _ = checkboxes_data.append(checkbox_config) %} {% set _ = checkboxes_data.append(checkbox_config) %}