Live Scan

Agora's Live Scan feature provides real-time accessibility testing with an integrated browser view. This powerful feature allows you to interact with websites while simultaneously monitoring accessibility violations and testing fixes in real-time.

Overview

Live Scan includes:

• Integrated Browser View for visual website interaction
• Real-time Violation Detection as you navigate pages
• Interactive Testing with immediate feedback
• Visual Violation Highlighting directly on page elements

Integrated Browser View

Visual Website Interaction

The browser view provides a full-featured browsing experience:

• Native Browser Engine: Powered by Chromium for accurate rendering
• Full Interactivity: Click buttons, fill forms, navigate menus
• Responsive Testing: Adjust the viewport to simulate mobile and desktop devices
• JavaScript Support: Full support for dynamic and interactive content

URL Bar Features

The integrated browser includes helpful URL bar functionality:

• Bookmark Icon: Click the bookmark icon in the URL bar to quickly add the current URL to the website's URL list for later scanning
• Refresh Icon: Click the refresh icon in the URL bar to refresh the current page
• Resolution Switching: Two buttons next to the URL bar allow you to load and scan the website for different device types:
• Desktop Button: Loads the website in desktop viewport
• Mobile Button: Loads the website in mobile viewport
• Three-Dot Menu: Access additional browser options including cache clearing functionality
• Clear Cache: Useful when websites use caching and you've applied fixes that need to be reflected immediately

INFO

Website caching is disabled in the background scanner to ensure fresh content is always scanned.

Real-time Accessibility Monitoring

As you interact with the website, Agora continuously monitors for accessibility issues:

1. Dynamic Content Detection: Triggers a new scan whenever the URL changes
2. Interaction Monitoring: Tests accessibility of interactive elements
3. State Changes: Detects violations in different UI states
4. ARIA Updates: Monitors dynamic ARIA attribute changes
5. Focus Management: Tracks keyboard navigation and focus indicators

WARNING

The score from Live Scan may differ from the score of the background scanner because Live Scan (for technical limitations) does not scan iframe contents, while the background scanner does.

Live Testing Workflows

Interactive Accessibility Testing

Real-time Testing Process:

1. Open website in Live Scan browser view
2. Navigate through website naturally
3. Watch violations appear instantly in sidebar
4. Click on violations to highlight affected elements
5. Make fixes and see results immediately

Form Testing

Dynamic Form Validation:

1. Navigate to forms in browser view
2. Interact with form fields naturally
3. Monitor label associations and error messages
4. Test required field indicators
5. Test results after form submission

Browser Settings and Configuration

Viewport Configuration

Screen Sizes

• Desktop: Standard desktop resolution
• Mobile: Popular phone size

Best Practices

Effective Live Testing

• Systematic Approach: Test pages methodically
• Multiple Viewports: Test across different screen sizes
• Interaction Testing: Click, type, and navigate naturally
• Fix Validation: Always verify fixes work correctly

Ready to explore AI-powered features? Continue to Screen Reader Simulation.