# Logical flow

{% embed url="<https://www.youtube.com/watch?rel=0&v=7JekhUeyFFA?vq=hd1080>" %}
Checking the tab order with the Logical Flow tool
{% endembed %}

### Why use Flowy's Logical Flow Analyzer?

* &#x20;**Increased accessibility**: Make your website more welcoming to people with disabilities, so they can easily navigate and interact with it.
* **Enhanced user experience**: Ensure your site's pages and sections follow a logical sequence so users intuitively know where to find what they need.&#x20;
* &#x20;**Lower cognitive load**: Keep things simple so users don't have to think as hard to accomplish tasks, freeing up mental resources for other activities.
* &#x20;**Reduced bounce rate**: A logical site structure encourages users to explore the site further, reducing bounce rates.
* &#x20;**Faster task completion**: Help users complete tasks like making a purchase, signing up for a newsletter, or finding information much more quickly.
* &#x20;**Improved satisfaction and trust**: A user-friendly experience increases satisfaction and trust in the brand.

{% hint style="info" %}
**Quick WCAG Tips**<br>

* &#x20;Use `tabindex="0"` for elements that should be focusable but don't naturally fall into the tab sequence.
* &#x20;Use `tabindex="-1"` when you want to remove an element from the focus order.
* Avoid using positive `tabindex` values such as 1, 2, 3 and so on. It can be confusing for users when the natural order of navigation is altered.
  {% endhint %}


---

# 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://docs.equally.ai/flowy/flowy-tools/logical-flow.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.