Skip to content

Website navigation is a little confusing #112

@FireIsGood

Description

@FireIsGood

Navigating between the main pages of the home and images pages is a bit confusing.

The Problem

Going from the home page to the images page has a link which is on the word "here"

<p>You can find a list of all the images <a class="no-underline" href="/images">here.</a></p>

Going from the images page back to the home page is done through a link halfway through the text.

<p>More detailed instructions can be found on the <a class="no-underline" href="/">main page.</a></p>

These are in different sections and have a similar level of emphasis to the example images which lead to specific images and not actual pages. As such, it's confusing to know what links are going to be a full screen image preview versus

Potential Solutions

While I am not a web accessibility designer, I believe there are some basic changes that could improve the navigation, and some slight redesigns of the UI that could also help.

As one of the basic changes, make the header text a link to the home page, preferably with an underline on hover. This would be the usual logo linking to the home page that most every website has. It would also make the repeated logo on the image gallery have a bit more use.

Peek.2024-03-28.20-38.mp4

As the other basic change, rewording the link to the gallery and leaving the underline could help it stand out.

image
(probably something a bit better, but anything other than "here" as the link text"

As the slight redesign idea, you could have the logo and title be in the top left of the screen as a sort of sidebar with navigation on the right to go to either the Home or Images pages.

image

This is not to say that I think this specific redesign is how it should be, but that using a more conventional hero section could help with readability.

I would also like to just thank the maintainers for this API, it's quite convenient!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions