v2.0.10

Accesserty UI Kit v2.0.10

This release covers 2.0.8, 2.0.9 and 2.0.10 (the previous GitHub release was
v2.0.7). No API changes: replace accesserty-ui-kit.min.js (or
accesserty-ui-kit.js) and, if you use it, the src/css/ stylesheets with the
new files. Please read Behavior changes if your pages use right-to-left
text or count carousel events.

Fixed

• A paused smooth scroll no longer makes <au-carousel> report extra
  slides. The carousel reads the current slide once scrolling settles. On a
  busy device, a smooth scroll could pause long enough to look settled, so the
  carousel reported the slide it was passing and then the real one. That sent
  two extra slide-change events, and screen readers announced both slides.
  The carousel now remembers where its own scroll is heading and reports
  nothing until it gets there. Pointer, wheel or touch input hands control back
  to the user, and after one second the normal reading resumes either way.
• An untitled carousel slide is announced once. A slide without a
  data-title or heading was announced as "Item 2 of 3, item 2 of 3". It is
  now "Item 2 of 3", which matches its dot.
• Left and right arrows in <au-radio-group> follow the reading
  direction. In right-to-left text, the Right Arrow moved to the option on
  the left. Left and right now point the way they move, as in <au-tabs> and
  <au-rating>, and every arrow still wraps around.
• accesserty-ui-kit.js no longer adds globals to your page. Since 2.0.0
  the bundle defined __defProp, __defNormalProp and __publicField on
  window. It no longer does, and the file is about 5 KB smaller. Browser
  support does not change: the components already needed the same JavaScript
  level.

Documentation and demos

• These CSS variables already worked, and the demo pages now list them: the
  dropdown arrow icons (--au-dropdown-arrow-down-icon,
  --au-dropdown-arrow-up-icon), the arrow icons that select and dropdown
  share (--au-control-arrow-down-icon, --au-control-arrow-up-icon),
  --au-file-upload-delete-active-border-color,
  --au-file-upload-delete-tap-highlight-color,
  --au-textarea-container-padding-horizontal,
  --au-tree-node-checkbox-input-indeterminate-symbol, and pagination's
  --au-btn-current-bg, --au-btn-current-text-color,
  --au-btn-current-border-color and --au-pagination-focus-color.
• Font-family variables now state their fallback as inherit. That is what an
  unset variable already did, so text looks the same.
• On narrow screens, demo tables scroll inside their own focusable, named area,
  and long code wraps. No demo page scrolls sideways at 320px any more.
  Duplicate landmark names and an empty table header in the demos are fixed.

Behavior changes

• Right-to-left radio groups: the Right Arrow now selects the previous
  option and the Left Arrow the next one. Up and down are unchanged.
• Carousel events: a smooth scroll that pauses no longer sends extra
  slide-change events. If you counted events, you may now receive fewer.
• Untitled carousel slides: the live region text changed from
  "Item 2 of 3, item 2 of 3" to "Item 2 of 3". If you set
  data-live-template, slides with a title still use it.