For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/en/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/en/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/en/foundations/accessibility.md.
A3S UI
  • English
  • next

      • Accessibility

      A3S UI starts from semantic HTML and adds ARIA only when native elements cannot express a composite interaction. Styling selectors never require a fake role.

      Live previewHTML · CSS · JavaScript
      Shown in topology and trace views.
      No unsaved changes

      Requirements

      • Use <button> for actions and <a> for navigation.
      • Associate every form control with a visible <label> or an accessible name.
      • Use disabled, required, checked, and native validation before custom state.
      • Keep visible focus rings and logical keyboard order.
      • Use <fieldset> and <legend> for grouped choices and Ribbon command groups.
      • Announce asynchronous results with a bounded status or alert region.
      • Preserve text and structure at 200% zoom and at a 320px viewport.

      Composite widgets

      ComponentKeyboard contract
      Tabs / RibbonArrow keys move between enabled tabs; Home and End jump
      Menu / Select / ComboboxArrow keys navigate, Enter selects, Escape closes
      Dialog / DrawerFocus stays inside; Escape closes when allowed
      Split PaneArrow keys resize; Home and End use bounds; double click resets

      Parameters

      Direction is inherited from dir="rtl". Components use logical properties; only directional icons should be flipped. Motion follows the user's reduced-motion preference. Dark mode must preserve text, boundary, focus, and status contrast.