# Flowy - AI Assistant {% hint style="info" %} ### Generated with GPT-4, reviewed by you. {% endhint %} ### ChatGPT Integration Use the power of ChatGPT to make any website more accessible. This feature lets you easily interact with and fix web components right on your screen, offers suggestions for code fixes, and even acts as a screen reader. The best part? You don't need any coding knowledge to use it.
Screenshot of the 'Flowy Element' interface showing a 'Buttons' section currently selected with an active toggle switch. To the right is the 'Chatgpt' integration' menu represented by a pencil icon with a red arrow pointing towards the menu. Below are the dropdown options reading 'Be Creative', 'You are now a Screen Reader', 'Guide on how to fix', and 'Explain in simple words', suggesting different user interactions or instructions for the chatgpt integration options

Flowy Chatgpt Integration

### Logical Flow Organize your site's navigation and make it user-friendly for all your visitors. With this feature, you can easily spot and modify elements with a tabindex attribute greater than '0' to create a smoother, logical path across your site's different sections.
A screenshot sample demonstrating the logical flow of a fictitious website named 'Simple Bank.' The site features six links in the navigation area and one button in the main section. Each of the six links and the button is assigned a tab order number. The logo has a tab index of 1, followed by the homepage link, personal banking link, investment link, insurance link, and others link, with tab order numbers 2, 3, 4, 5, and 6, respectively. The seventh element, a button located in the main section of the page, has a tab order number of 7. On the right hand side of the site is the Flowy extension.

Flowy Logical Flow

[**How to use Logical Flow**](/flowy/flowy-tools/logical-flow.md) ## Color Contrast The color contrast feature allows you to check the color contrast ratio of text and background colors. It will indicate whether the ratio passes the WCAG level AA contrast ratio criteria.
A screenshot showing the 'Flowy' extension in use on a mock-up of a 'Simple Bank' webpage. The extension's panel is open on the right side, displaying a color contrast ratio of 4.78:1 for the a mock text in the main section of the page, suggesting that the content may be difficult to read.

Flowy Color Contrast Analyzer

[**How to use Flowy Contrast Checker**](broken://pages/ulOFnaqQlez5rPR3E02A) ### Elements Flowy's Elements Analyzer dives deep into web elements, offering AI-backed recommendations to improve accessibility, along with a heatmap to highlight critical areas. Now, you can easily visualize problem areas, focus on high-impact issues, and optimize accessibility where it matters most.
A screenshot of the Flowy Element tool, showing its interface with features namely: 'Headings', 'Buttons', 'Links', 'Images', and 'Landmarks'. The 'Headings' element is selected and highlighted at the top in the Visual Map, which displays the content of the selected 'h1' tag. This tag is nested within several 'div' elements. Below, the interface shows the accessibility components of the tag, along with the 'Previous' and 'Next' buttons. The main section of the sample webpage displays the text: 'Was your question answered? For further assistance, please contact our customer support team at support@equally.ai'.

Flowy Elements Visual Map

[**How to start with Elements Analyzer** ](broken://pages/Tcmq2eLGU1p5YFReCGJB) ### Alt Text Generator {% hint style="success" %} Coming soon {% endhint %} Bring every image on your site to life for visually impaired users. Generate descriptive alt text within seconds, powered by AI.
A screenshot showing the 'Flowy' extension in use on a mock-up of a 'Simple Bank' webpage. The extension's panel is open on the right side, with the 'Magic fix' panel is open providing an alt suggestion an image on the webpage.

Flowy Alt text generator tool

--- # 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/solutions/flowy-ai-assistant.md?ask= ``` 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.