Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use a labeled <aside> for show tools sidebar #3423

Merged
merged 1 commit into from
Nov 1, 2024
Merged

Conversation

thatbudakguy
Copy link
Member

@thatbudakguy thatbudakguy commented Oct 30, 2024

The show page sidebar is currently displayed
inside a <section>; this changes it to use the <aside> element,
which is arguably more appropriate for a sidebar.

The search sidebar had an aria-label already set, but the show
sidebar did not, which also meant that it had no accessible name
despite having a landmark role.

Thus this also adds a configurable aria-label for the show page sidebar
similar to the one for the search sidebar.

@jcoyne
Copy link
Member

jcoyne commented Oct 30, 2024

I don't think it actually fits the aside definition:

The complementary landmark role is used to designate a supporting section that relates to the main content, yet can stand alone when separated.

I don't think the facets can stand alone, they must be displayed in context of the search results.

@thatbudakguy
Copy link
Member Author

I don't think the facets can stand alone, they must be displayed in context of the search results.

Is this also true of the show tools/show page sidebar, do you think? Or just search facets?

@jcoyne
Copy link
Member

jcoyne commented Oct 31, 2024

@thatbudakguy I think the tools and show could arguably be an aside.

@thatbudakguy thatbudakguy changed the title Use a labeled <aside> for sidebars Use a labeled <aside> for show tools sidebar Oct 31, 2024
@thatbudakguy
Copy link
Member Author

Updated to only change the show page sidebar.

config/locales/blacklight.en.yml Outdated Show resolved Hide resolved
The show page sidebar is currently displayed
inside a <section>; this changes it to use the <aside> element,
which is arguably more appropriate for a sidebar.

The search sidebar has an aria-label already set, but the show
sidebar did not, which also meant that it had no accessible name
despite having a landmark role.

Thus this also adds a configurable aria-label for the show page sidebar
similar to the one for the search sidebar.
@thatbudakguy thatbudakguy merged commit 61ba1fd into main Nov 1, 2024
13 checks passed
@thatbudakguy thatbudakguy deleted the sidebar-aside branch November 1, 2024 17:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants