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
  • How to use the Elements Tool
  • How It Works
  1. FLOWY TOOLS

Elements

The Elements tool designed to quickly scan your website to identify and highlight specific issues that could affect its accessibility.

PreviousLogical flowNextContrast Checker

Last updated 1 year ago

The Elements tool quickly scans your website to identify and highlight specific accessibility issues such as missing ARIA landmarks, skipped headings, empty headings and interactive elements with inaccessible labels.

How to use the Elements Tool

How It Works

  • Highlight semantic structures like headings, buttons and links.

  • Highlight images with and without alternative text and help you determine the meaningfulness and context of the alternative texts.

  • Identify and highlight form and input fields and if they are missing accessible names and descriptions where appropriate.

  • Highlight the existing landmarks on your web page.

  • Highlights buttons and links with and without accessible names.

๐Ÿ’ป
Inspecting the accessibility information of elements with the Flowy Elements Tool