Accessibility

Accessibility

At Reader’s Lens, we want the website to be a comfortable and straightforward place to discover books, read reviews and share your thoughts.

Accessibility has been considered throughout the design and development of the website, with the aim of making Reader’s Lens easier to use for people with different needs, devices and ways of browsing.

Making Reader’s Lens easier to use

Some of the things we have considered include:

  • Clear headings and a consistent page structure.
  • Readable typography and appropriate spacing between elements.
  • Alternative text for images where it provides useful information.
  • Clear labels for links, buttons and navigation.
  • A responsive layout that works across desktop, tablet and mobile devices.
  • Keyboard-friendly navigation and interactive elements.
  • Visible hover and focus states.
  • Colour choices that support readability and sufficient contrast.
  • Semantic HTML where possible.
  • Accessible labels for important navigation and interactive elements.
  • A skip link to allow keyboard users to move directly to the main content.

Navigation

The main navigation is designed to provide a consistent way of moving around the website.

Navigation icons have accessible labels so that their purpose is still available to people using assistive technologies.

On smaller screens, the navigation changes to a mobile menu so that the website remains usable without requiring a desktop-sized screen.

Keyboard access

Reader’s Lens is designed to be usable with a keyboard.

Users can move between interactive elements using the Tab key and activate links and buttons using the keyboard.

Visible focus states are provided to help users identify which element is currently selected.

Images

Images are used throughout Reader’s Lens to support the book-review experience and the visual identity of the website.

Where an image provides meaningful information, alternative text is provided where appropriate.

Decorative images do not need to communicate additional information to someone using a screen reader.

Colour and readability

The colour palette has been chosen with readability in mind.

Text, backgrounds, buttons and interactive elements have been considered to provide a clear visual distinction between different parts of the interface.

We also aim not to rely on colour alone to communicate important information.

Responsive design

Reader’s Lens has been designed to work across different screen sizes, including:

  • Desktop computers
  • Laptops
  • Tablets
  • Mobile phones

The layout, images, navigation and interactive elements have been adjusted for smaller screens so that users do not need to rely on horizontal scrolling.

Forms

Forms use clear labels and appropriate input types to help users understand what information is required.

Required fields are identified, and users receive feedback when a form has been successfully submitted or when there is a problem.

Comments and reviews

Reader’s Lens allows readers to interact with reviews through the comment functionality.

Comment fields have clear labels and visible focus states, making them easier to identify and use.

Assistive technologies

The website has been developed with common assistive technologies and accessibility practices in mind, including keyboard navigation and screen-reader-friendly structure.

However, accessibility can vary depending on the browser, device and assistive technology being used.

Ongoing improvements

Accessibility is an ongoing part of the development of Reader’s Lens.

We continue to review the website and look for ways to improve its usability and accessibility. Testing may identify areas that need further improvement, and these will be considered as the website develops.

Tell us if something isn't working

If you experience difficulty accessing any part of Reader’s Lens, we would be happy to hear from you.

Please contact us through the Contact page or email:

readerslens2026@gmail.com

If possible, please tell us which page you were using, what you were trying to do and what problem you experienced. This will help us understand the issue and improve the website.

Last updated

September 2026