/**
* Determines whether a labelledby id is inserted at the front or the back of current aria-labelledby value.
*/
export declare enum AriaLabelledByInsertPosition {
FRONT = "front",
BACK = "back"
}
/**
* List of all available ARIA roles.
*
* @see WAI-ARIA Roles
*/
export type AriaRole = 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'command' | 'comment' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'mark' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'suggestion' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
export declare const aria: {
/******************************************************************************************************************
* Roles
******************************************************************************************************************/
/**
* @see WAI-ARIA Roles
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed.
*/
role($elem: JQuery, role: AriaRole): void;
/******************************************************************************************************************
* Attributes
******************************************************************************************************************/
/**
* Links the element to the given target element by giving an id to the target element (if needed) and prepending this id to the
* given aria attribute. If replace is set to true, completely replaces the attribute.
*
* For insert position see {@param position}, insert position has no effect if the labelledby property is replaced.
*/
_linkElementWithTargetElement($elem: JQuery, $targetElement: JQuery, ariaAttribute: string, idPrefix: string, position?: AriaLabelledByInsertPosition, replace?: boolean): void;
/**
* Links the given element with the given label by setting aria-labelledby.
* This allows screen readers to build a catalog of the elements on the screen and their relationships, for example, to read the label when the input is focused.
*
* Per default linked labels are added to existing linked labels separated by space. If you want to completely replace the linked label, set replace to true.
*
* @see ARIA: aria-labelledby
*/
linkElementWithLabel($elem: JQuery, $label: JQuery, position?: AriaLabelledByInsertPosition, replace?: boolean): void;
/**
* Links the given element with the given description by setting aria-describedBy.
*
* Per default linked descriptions are added to existing linked descriptions separated by space. If you want to completely replace the linked description, set replace to true.
*
* @see ARIA: aria-describedby
*/
linkElementWithDescription($elem: JQuery, $description: JQuery, position?: AriaLabelledByInsertPosition, replace?: boolean): void;
/**
* Adds {@param description} to {@param $elem} by adding and linking a screen reader only text to {@param $elem}
*
* @see ARIA: aria-describedby
*/
addHiddenDescriptionAndLinkToElement($elem: JQuery, id: string, description: string, position?: AriaLabelledByInsertPosition, replace?: boolean): JQuery;
/**
* Adds aria heading semantics to {@param $header} and correctly assigns heading level information to the heading as well as the surrounding container {@param $elem}.
* Avoid using empty {@param $header} objects because a screen reader may ignore them in the heading structure leading to inconsistent heading levels.
* Default aria-level for headers is level 2.
*
* @see ARIA: heading role
*
* @see ARIA: aria-level
*/
linkElementWithHeader($elem: JQuery, $header: JQuery, defaultLevel?: number): void;
/**
* In most cases you should just use {@link linkElementWithHeader} which automatically creates an aria heading for you and assigns levels correctly.
*
* Use this to implicitly link your heading with its container by adding the header level to the container.
* This should ensure the heading structure is consistent. Normally your DOM structure looks something like this:
*
*
*
*
*
* After linking your headers to their containers it will look something like this:
*
*
*
*
*
* This allows us to go upwards in the DOM structure, find the last header level used, and pick a header level that fits the structure.
* Consequently, when adding a heading to your container and before calling this method, you should use {@link _computeHeaderLevel} on
* your container to find the last header level used and derive your header level accordingly.
* In most cases, this means adding 1 to the derived header level.
*/
_addHeaderLevelToElement($elem: JQuery, level: number): void;
/**
* In most cases you should just use {@link linkElementWithHeader} which automatically creates an aria heading for you and assigns levels correctly.
* Derives the current header level by going upwards in the DOM structure and finding the last header level used.
* If no parent with a heading is found, returns null.
*/
_computeHeaderLevel($elem: JQuery): number;
/**
* Links the given element with the given controlled element by setting aria-controls.
*
* @see ARIA: aria-controls
*/
linkElementWithControls($elem: JQuery, $controls: JQuery, position?: AriaLabelledByInsertPosition, replace?: boolean): void;
removeControls($elem: JQuery): void;
/**
* Links the active descendant with the given element by setting aria-activedescendant.
*
* When an element does not receive focus when navigating, setting the active descendant property of the field that has focus to the element that has "implied" focus
* helps screen readers to announce elements as if they had focus. E.g. a selected sub menu item that is rendered selected, but focus remains on the main menu item.
* Setting the active descendant of the main menu item to the sub menu item will tell the screen reader to announce the currently selected sub item.
*
* @see ARIA: aria-activedescendant
*/
linkElementWithActiveDescendant($elem: JQuery, $activeDescendant: JQuery): void;
removeActiveDescendant($elem: JQuery): void;
/**
* Adds the screen reader only css class to the element, which hides it from seeing users, but is still visible to the screen reader. This can be useful to
* e.g. add hidden description elements and link them to field, or replacing visual content (like charts) with tables that make more sense to screen reader users.
*/
screenReaderOnly($elem: JQuery): void;
/**
* @see ARIA: aria-required
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed.
*/
required($elem: JQuery, value: boolean): void;
/**
* @see ARIA: aria-label
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed (if not overridden by allowEmpty).
* @param allowEmpty if set to true, setting label to null/undefined will add an empty string.
*/
label($elem: JQuery, label: string, allowEmpty?: boolean): void;
/**
* @see ARIA: aria-description
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed (if not overridden by allowEmpty).
* @param allowEmpty if set to true, setting label to null/undefined will add an empty string.
*/
description($elem: JQuery, description: string, allowEmpty?: boolean): void;
/**
* @see ARIA: aria-checked
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed (if not overridden by triStateAllowed).
* @param triStateAllowed if set to true, null/undefined will set the checked property to 'mixed'.
*/
checked($elem: JQuery, value: boolean, triStateAllowed?: boolean): void;
/**
* @see ARIA: aria-haspopup
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param type value of the attribute to set. If null, attribute is removed.
*/
hasPopup($elem: JQuery, type: string): void;
/**
* @see ARIA: aria-expanded
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed.
*/
expanded($elem: JQuery, value: boolean): void;
/**
* @see ARIA: aria-selected
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed.
*/
selected($elem: JQuery, value: boolean): void;
/**
* @see ARIA: aria-pressed
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed.
*/
pressed($elem: JQuery, value: boolean): void;
/**
* @see ARIA: aria-live
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed.
*/
live($elem: JQuery, value: string): void;
/**
* @see ARIA: aria-level
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed.
*/
level($elem: JQuery, value: number): void;
/**
* @see ARIA: aria-hidden
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed.
*/
hidden($elem: JQuery, value: boolean): void;
/**
* @see ARIA: aria-multiselectable
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed.
*/
multiselectable($elem: JQuery, value: boolean): void;
/**
* @see ARIA: aria-posinset
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed.
*/
posinset($elem: JQuery, value: number): void;
/**
* @see ARIA: aria-setsize
*
* @param $elem element to add/remove the attribute. If null, nothing is changed.
* @param value value of the attribute to set. If null, attribute is removed.
*/
setsize($elem: JQuery, value: number): void;
/**
* @see ARIA: aria-disabled
*/
disabled($elem: JQuery, value: boolean): void;
/**
* @see ARIA: aria-modal
*/
modal($elem: JQuery, value: boolean): void;
};
//# sourceMappingURL=aria.d.ts.map