Issue #3570517 by [jykin]: Improve RGAA/WCAG accessibility and responsive for dify_widget_vanilla

Justin LELUCrequested to merge
issue/dify-3570517:3570517-improve-front-end-dify into 1.0.x

Issue link: https://www.drupal.org/project/dify/issues/3570517

Problem

The dify_widget_vanilla widget had several accessibility issues that prevented RGAA/WCAG compliance.

Solution

  • Convert interactive elements to semantic HTML
  • Add proper ARIA attributes for screen readers
  • Implement keyboard navigation (focus trap, Escape key, skip link)
  • Add focus-visible styles
  • Fix visual bugs (arrow centering, duplicate spinner)

Merge request reports