Skip to content

ally.js

JavaScript library to help modern web applications with accessibility concerns by making accessibility simpler

# ally.is.focusRelevant

Determines if an element has any relevance to focus management.

# Description

This module is a pre-filter for ally.is.focusable, ally.is.tabbable, ally.is.onlyTabbable and ally.get.focusRedirectTarget. Elements may be considered focus-relevant, even though they do not in fact be focusable, tabbable, only-tabbable or redirect focus given their current conditions. But any element that is focusable, tabbable, only-tabbable or redirects focus is focus-relevant.

Consult the data tables what browsers consider focusable and what ally.js fails to consider focusable to learn how HTML elements behave.

# Usage

var element = document.getElementById('victim');
var isFocusRelevant = ally.is.focusRelevant(element);

# Arguments

Name Type Default Description
element HTMLElement required The Element to test.

The underlying rules can also be accessed in the options argument style by calling ally.is.focusRelevant.rules(options):

Name Type Default Description
context <selector> required The element to examine. The first element of a collection is used.
except <focus identification exception> {} The Element to test.

# Returns

Boolean, true if the element is focus relevant.

# Throws

TypeError if element argument is not of type HTMLElement.

# Changes

# Notes

The <body> element may mistakenly considered focusable, because it is the default activeElement if no other element has focus - but it is not focusable, unless made so by adding the tabindex attribute.

Because the <keygen> element is poorly supported, practically never used and has seen intent to deprecate, ally considers all <keygen> elements focus-relevant but not focusable.

Because the behavior of the <embed> element depends on the content type and browser plugin, ally considers all <embed> elements focus-relevant but not focusable.

Internet Explorer 9 supports VML (which was dropped in IE10 in favor of SVG), which allows linking using the href attribute. Ally.js does not understand VML because it does not exist in modern browsers anymore.

Firefox and Internet Explorer cannot focus SVGElements by script, thus no SVG element is considered focusable, see Gecko 1116966.

WebKit and Blink make any SVGElement focusable that has a focus event listener attached, see Blink 445798, WebKit 140024.

# Contributing