Flowy
  • Welcome
    • 🥳Early access
    • 🆓Our story
    • 🆘Where to start
    • 👨‍💻Connect with a vendor
    • 📆Becoming a verified vendor/partner
    • 🧑Inviting members
  • Use cases
    • 🚀Accessibility experts
    • 👨‍💻Developers
    • 💇Designers
    • 🤖Software testers (Q&A)
    • 🧭Accessibility providers
    • 🚨Compliance managers
    • 🦄Digital agencies
    • 🎓Training
    • ™️Enterprise
  • Solutions
    • 💡Flowy - AI Assistant
    • 🎨Flowy Builder - No-code
    • 🧪Flowy Audit
    • 👨‍💼Flowy Monitor
    • 🪄Accessibility Widget
  • FLOWY TOOLS
    • 🪄ChatGPT-4
    • ➡️Logical flow
    • 💻Elements
    • ❄️Contrast Checker
    • 📷Images
    • 👓Scan WCAG 2.1
    • 🎹Quick menu
  • FAQs
    • 🔷Accessibility Widget or Flowy?
    • 🛋️What is Accessibility Widget?
    • 🆓Flowy free vs paid plans
    • 💁Flowy product suite explained
    • ❓More FAQ
  • Flowy Builder for Beginners
    • 🎻Learn web accessibility with Flowy Builder: A starter guide
    • 1️⃣Images, contrast and logical flow
    • 2️⃣Landmarks
    • 3️⃣Buttons, links , headings, paragraphs and Lists
    • 4️⃣ARIA
    • 5️⃣Creating custom ARIA widgets
    • 6️⃣Navigation , menus and sub menu
    • 7️⃣How to conduct an audit with Flowy Audit
    • 🤸Tricks and tips
Powered by GitBook
On this page
  • ChatGPT Integration
  • Logical Flow
  • Color Contrast
  • Elements
  • Alt Text Generator
  1. Solutions

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.

PreviousEnterprise NextFlowy Builder - No-code

Last updated 1 year ago

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.

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.

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.

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.

How to start with Elements Analyzer

Alt Text Generator

Coming soon

Bring every image on your site to life for visually impaired users. Generate descriptive alt text within seconds, powered by AI.

💡
How to use Logical Flow
Flowy Chatgpt Integration
Flowy Logical Flow
Flowy Color Contrast Analyzer
Flowy Elements Visual Map
Flowy Alt text generator tool
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
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.
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.
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'.
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.