# Make web inclusive!

A straightforward and user-friendly Next.js 15 starter template designed with a strong focus on accessibility.

### Jump right in

{% content-ref url="/pages/CyH2xJQs9yWJ1S8BYNav" %}
[Quick start](/get-ready/getting-started/quickstart.md)
{% endcontent-ref %}

### Accessibility Plugin

This project includes an **accessibility plugin** designed to make your site more inclusive and accessible. The plugin adds essential features such as:

* **Font Control**:
  * Adjust font size to improve readability.
  * Control line spacing for better text clarity.
  * Modify letter spacing to enhance accessibility for users with visual impairments.
* **Color Control**:
  * Adjust saturation for better color perception.
  * Modify contrast to improve text and background visibility.
  * Toggle between light and dark modes for visual comfort.

### Key Features

* **Next.js v15** with Server Actions for optimized server-side logic and performance.
* **Tailwind CSS** for streamlined and responsive styling.
* **Shadcn/ui** for pre-built components and enhanced styling options.
* **Built-in SEO** capabilities for improved search engine visibility right out of the box.
* **Dark mode support** with an easy-to-use toggle button.
* **Preconfigured fonts** for a polished and consistent design.
* **ESLint** integration for efficient code linting and error detection.
* **Type safety** with **TypeScript** to ensure robust and error-free code.
* **Comprehensive documentation** to facilitate easy usage and customization.
* **Accessibility plugin** to ensure your website is usable by all users, regardless of abilities.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://nextjs-accessibility.gitbook.io/get-ready/readme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.