Tab Order Displaced By Share Menu

Problem/Motivation

The addtoany share button when pressed opens a menu with share options. The markup for this element is inserted into the bottom of the page's html, in the script section. This throws off the expected DOM order, displacing the tab order of visually adjacent elements. This is a problem for 508 compliance because the menu does not adhere to these 508 policy measures:

1. Keyboard Accessibility (2.1.1 Keyboard & 2.1.2 No Keyboard Trap)
2. Predictable Navigation (3.2.3 Consistent Navigation)
3. Focus Order (2.4.3 Focus Order)

Steps to reproduce

Using the addToAny Drupal module, the share button when next to another addToAny button, in my case the email button, when pressed opens a menu and when continuing to tab through the options, the expected behavior is that the email button would be focusable after the share button menu options are tabbed over, but instead focus skips over the email button

Proposed resolution

Allow option to insert share button menu markup inline and directly below the markup for the share button itself

Remaining tasks

User interface changes

API changes

Data model changes