# Tricks and tips

{% tabs %}
{% tab title="Filter Attributes" %}

### How to filter an added attribute with Flowy

Refine your web development workflow with our comprehensive tutorial on filtering attributes by value or other properties within your integration process. This detailed guide will walk you through each step, demonstrating how to streamline your site's accessibility by effectively managing ARIA attributes. 

{% embed url="<https://www.youtube.com/watch?rel=0&v=nXLgBDPPhho?vq=hd1080>" %}
How to Filter added attributes with Flowy
{% endembed %}
{% endtab %}

{% tab title="Implementing 'Lang' Attribute" %}

### Implementing the HTML 'Lang' attribute with Flowy

In this guide, we take you through the steps of adding the HTML 'lang' attribute to a webpage. This small yet significant change can make a difference for screen readers, translation tools, search engines, and browsers, enhancing user experience and boosting your SEO efforts.

{% embed url="<https://www.youtube.com/watch?rel=0&v=up2BMWkcV6o?vq=hd1080>" %}
Implementing the HTML Lang attribute with Flowy
{% endembed %}
{% endtab %}

{% tab title="Modifying a Link's destination" %}
Learn how to effortlessly correct or modify the destination path of a link using Flowy. This guide walks you through adjusting the href attribute to ensure users are directed to the desired webpage or local file path.Follow our simple guides to make your links accessible in no time and enhance your site's navigation.

{% embed url="<https://www.youtube.com/watch?rel=0&v=waHqmUDyDaE?vq=hd1080>" %}
Modifying the destination path of a link
{% endembed %}
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Viewing an Element's attribute" %}

### Viewing all the attributes of an element

In this tutorial, learn how to effortlessly access and view the attributes and content of any website element using Flowy. Follow along as we guide you through a simple process, ensuring a swift and efficient experience even for beginners.

{% embed url="<https://www.youtube.com/watch?rel=0&v=ZPEhgaIzAJI?vq=hd1080>" %}
{% endtab %}

{% tab title="Removing an attribute" %}

### Removing an element's attribute with Flowy

In this easy-to-follow tutorial, you'll learn how to efficiently remove any attributes from HTML elements in just a few clicks using the Flowy extension.

{% embed url="<https://www.youtube.com/watch?rel=0&v=bxD9dvA2pLM?vq=hd1080>" %}
Removing an existing attribute with Flowy
{% endembed %}
{% endtab %}

{% tab title="Arrow keys on navigation items" %}

## Making navigation menus scrollable with arrow keys using Flowy

Give your website visitors a smoother, more accessible, and user-friendly navigation experience! In this tutorial, we'll show you how to make your website's navigation menus scrollable using arrow keys

{% embed url="<https://www.youtube.com/watch?rel=0&v=0x2IvE2rzNs?vq=hd1080>" %}
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Fixing Accessibility Issues" %}
Finding and Fixing accessibility issues with Flowy

Discover how to effortlessly identify and resolve web accessibility issues with the Flowy extension in this comprehensive tutorial. From scanning your web page to fixing specific accessibility problems, we guide you through the entire process, ensuring your website is accessible to all users.

{% embed url="<https://www.youtube.com/watch?rel=0&v=AOdlu9YuKbg?vq=hd1080>" %}
{% endtab %}

{% tab title="Making dropdown  keyboard accessible" %}
Making the drop-down navigation keyboard accessible

{% embed url="<https://youtu.be/dXjKwx5mcjY?rel=0&vq=hd1080>" %}
Making drop-down content accessible with Flowy
{% endembed %}
{% endtab %}
{% endtabs %}

###

###

###

###