💡Flowy - AI Assistant

Flowy is a comprehensive web accessibility solution powered by ChatGPT designed to make websites universally accessible. It offers a suite of tools that address various aspects of web accessibility.

Generated with GPT-4, reviewed by you.

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

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

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

Alt Text Generator

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

Last updated