Skip to main content

Text-to-Speech Feature ๐Ÿ”Š

This documentation site includes a built-in text-to-speech (TTS) feature to make content more accessible and convenient for all users.

How to Useโ€‹

Floating TTS Buttonโ€‹

Look for the ๐Ÿ”Š floating button in the bottom-right corner of documentation pages. Click it to start listening to the current page content.

Keyboard Shortcutsโ€‹

  • Alt + S: Start/Stop audio playback
  • Alt + P: Pause/Resume playback
  • Alt + X: Stop playback completely

TTS Controlsโ€‹

When the TTS panel is expanded, you can adjust:

  • Voice: Choose from available system voices
  • Speed: Adjust playback speed (0.5x to 2x)
  • Pitch: Modify voice pitch for comfort

Browser Supportโ€‹

Text-to-speech works in modern browsers that support the Web Speech API:

  • โœ… Chrome/Chromium (recommended)
  • โœ… Edge
  • โœ… Safari (macOS/iOS)
  • โš ๏ธ Firefox (limited voice selection)

Accessibility Featuresโ€‹

Screen Reader Friendlyโ€‹

  • All TTS controls have proper ARIA labels
  • Keyboard navigation supported
  • Focus indicators for better visibility

Customizable Experienceโ€‹

  • Adjustable playback speed for different needs
  • Voice selection for language preferences
  • Compact mode for minimal interface

High Contrast Supportโ€‹

The TTS interface adapts to high contrast mode preferences automatically.

Troubleshootingโ€‹

No Audioโ€‹

  • Check browser TTS support
  • Enable system audio/volume
  • Try different voices in settings

Poor Qualityโ€‹

  • Switch to higher quality system voices
  • Adjust speed/pitch settings
  • Use Chrome for best experience

Not Loadingโ€‹

  • Refresh the page
  • Check JavaScript is enabled
  • Verify browser compatibility

Privacy & Securityโ€‹

  • No data collection: All TTS processing happens locally
  • No external APIs: Uses browser's built-in speech synthesis
  • Offline capable: Works without internet connection
  • No tracking: No usage analytics collected

This feature enhances accessibility and user experience across our documentation. For questions or feedback, please reach out to our team.