# 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 %}