Skip to main content

Accessibility

The ConsentForge banner is designed to meet WCAG 2.1 AA standards.

Built-in accessibility features​

  • Keyboard navigation — Full keyboard support. Tab through buttons, Enter/Space to activate
  • Focus trap — When the modal or Preference Center is open, focus is contained within it
  • ARIA roles — Banner uses role="dialog" with aria-modal="true" and aria-labelledby
  • Screen reader support — All interactive elements have descriptive aria-label attributes
  • Skip link — A "Skip to main content" link is preserved when the banner is open
  • High contrast — Default color palette meets 4.5:1 contrast ratio for normal text

Keyboard shortcuts​

KeyAction
TabMove to next focusable element
Shift+TabMove to previous focusable element
Enter / SpaceActivate focused button or toggle
EscapeClose Preference Center (without saving)

Testing accessibility​

Use these tools to verify:

  • axe DevTools browser extension
  • WAVE accessibility evaluator
  • Keyboard-only navigation test (no mouse)
  • Screen reader test (NVDA on Windows, VoiceOver on Mac/iOS)

Known limitations​

  • The banner does not support right-to-left (RTL) text layouts in the current version
  • Custom CSS overrides may break accessibility if contrast ratios are not maintained

Reporting issues​

If you find an accessibility issue, contact support at support@consentforge.com.