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.
As the other basic change, rewording the link to the gallery and leaving the underline could help it stand out.
(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.
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!
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"
Going from the images page back to the home page is done through a link halfway through the text.
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.
https://github.com/DMarby/picsum-photos/assets/109556932/ed7e8a18-65ad-4c31-baef-b7b4c5023233
As the other basic change, rewording the link to the gallery and leaving the underline could help it stand out.
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.
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!