Focusable Elements (Query Quick) - ally.js Compatibility Table

The following tables show the differences between what browsers consider focusable and what ally.js identifies using strategy: quick.

Note that touch devices (without a physical keyboard) only show elements as tabbable (keyboard focusable), that can be navigated to through the on-screen keyboard (or "virtual keyboard").

Document Elements
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<html>` 2 1	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	focusable inert -1 E S	focusable inert -1 E S	tabbable inert 0	tabbable inert 0	tabbable inert 0	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<body>` 3 1	focusable inert -1 E S	focusable inert -1 E S	focusable inert 0 E S	focusable inert 0 E S	focusable inert 0 E S	focusable inert 0 E S	focusable inert -1 E S	focusable inert -1 E S	tabbable inert 0 E	tabbable inert 0	tabbable inert 0 E	focusable inert -1 E S	focusable inert -1 E S	focusable inert -1 E S	focusable inert -1 E S	focusable inert -1 E S	focusable inert -1 E S	focusable inert -1 E S

Label Element
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<label for="…"> with <input id="…">` 6	redirecting -1 T	redirecting -1 T	inert redirecting 0	inert redirecting 0	inert redirecting 0	inert redirecting 0	redirecting -1 T	redirecting -1 T	inert redirecting 0 7	inert redirecting 0 7	inert redirecting 0 7	redirecting -1 T	redirecting -1 T	redirecting -1 T	redirecting -1 T	redirecting -1 T	redirecting -1 T	redirecting -1 T
`<label> with nested <input>` 6	redirecting -1 T	redirecting -1 T	inert redirecting 0	inert redirecting 0	inert redirecting 0	inert redirecting 0	redirecting -1 T	redirecting -1 T	inert redirecting 0 7	inert redirecting 0 7	inert redirecting 0 7	redirecting -1 T	redirecting -1 T	redirecting -1 T	redirecting -1 T	redirecting -1 T	redirecting -1 T	redirecting -1 T

Editable Elements
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<span style="user-modify: read-write">` 8	tabbable inert 0	tabbable inert 0	tabbable inert 0	tabbable inert 0	tabbable inert 0	tabbable inert 0	inert -1	inert -1	inert 0	inert 0	inert 0	tabbable inert 0	tabbable inert 0	tabbable inert 0	tabbable inert 0	tabbable inert 0	focusable inert 0	tabbable inert 0

Image Maps
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<area> with <img usemap="#…">`	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	tabbable inert 0 R	tabbable inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R
`<area> with <img usemap="#…" tabindex="-1">`	inert 0 R	inert 0 R	focusable inert 0 S R	focusable inert 0 S R	focusable inert 0 S R	focusable inert 0 S R	tabbable inert 0 R 14	tabbable inert 0 R 14	focusable inert 0 S R	focusable inert 0 S R	focusable inert 0 S R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R
`<input> between <img usemap="#map"> and <img usemap="#map">` 51	tabbable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	focusable tabbable 0 50	focusable tabbable 0 50	tabbable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	focusable 0	tabbable 0
`<area> child of <map name="#…"> with <object type="image/png" usemap="#…">`	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	focusable inert 0 R	focusable inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R
`<area href="…"> with <object type="image/png" usemap="#…" >`	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	focusable inert 0 R	focusable inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R	inert 0 R

Media Elements
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<audio controls tabindex="-1">`	tabbable -1	tabbable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1	tabbable focusable -1	focusable -1	focusable -1	focusable -1	tabbable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1

Shadow DOM
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<input tabindex="-1"> within ::shadow` 18 20	focusable -1 T R	focusable -1 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable inert -1 R	focusable inert -1 R	inert null M 73	inert null M 73	inert null M 73	focusable -1 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable -1 T R	inert null M 73
`<input tabindex="0"> within ::shadow` 18 20	tabbable 0 T R	tabbable 0 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	tabbable inert 0 R	tabbable inert 0 R	inert null M 73	inert null M 73	inert null M 73	tabbable 0 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable 0 T R	inert null M 73
`<input tabindex="2"> within ::shadow` 18 20	tabbable 2 T R	tabbable 2 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	tabbable inert 2 R	tabbable inert 2 R	inert null M 73	inert null M 73	inert null M 73	tabbable 2 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable 2 T R	inert null M 73
`<input tabindex="1"> within ::shadow within ::shadow` 18 20	tabbable 1 T R	tabbable 1 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	tabbable inert 1 R	tabbable inert 1 R	inert null M 73	inert null M 73	inert null M 73	tabbable 1 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable 1 T R	inert null M 73
`<input tabindex="-1"> within ::shadow[tabindex="-1"]` 18 20 57	focusable -1 T R	focusable -1 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable inert -1 R	focusable inert -1 R	inert null M 73	inert null M 73	inert null M 73	focusable -1 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable -1 T R	inert null M 73
`<input tabindex="0"> within ::shadow[tabindex="-1"]` 18 20 57	tabbable 0 T R	tabbable 0 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	tabbable inert 0 R	tabbable inert 0 R	inert null M 73	inert null M 73	inert null M 73	tabbable 0 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable 0 T R	inert null M 73
`<input tabindex="2"> within ::shadow[tabindex="-1"]` 18 20 57	tabbable 2 T R	tabbable 2 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	tabbable inert 2 R	tabbable inert 2 R	inert null M 73	inert null M 73	inert null M 73	tabbable 2 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable 2 T R	inert null M 73
`<input tabindex="1"> within ::shadow within ::shadow[tabindex="-1"]` 18 20 57	tabbable 1 T R	tabbable 1 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	tabbable inert 1 R	tabbable inert 1 R	inert null M 73	inert null M 73	inert null M 73	tabbable 1 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable 1 T R	inert null M 73
`<input tabindex="-1"> within ::shadow[tabindex="0"]` 18 20	focusable -1 T R	focusable -1 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable inert -1 R	focusable inert -1 R	inert null M 73	inert null M 73	inert null M 73	focusable -1 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable -1 T R	inert null M 73
`<input tabindex="0"> within ::shadow[tabindex="0"]` 18 20	tabbable 0 T R	tabbable 0 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	tabbable inert 0 R	tabbable inert 0 R	inert null M 73	inert null M 73	inert null M 73	tabbable 0 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable 0 T R	inert null M 73
`<input tabindex="2"> within ::shadow[tabindex="0"]` 18 20	tabbable 2 T R	tabbable 2 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	tabbable inert 2 R	tabbable inert 2 R	inert null M 73	inert null M 73	inert null M 73	tabbable 2 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable 2 T R	inert null M 73
`<input tabindex="1"> within ::shadow within ::shadow[tabindex="0"]` 18 20	tabbable 1 T R	tabbable 1 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	tabbable inert 1 R	tabbable inert 1 R	inert null M 73	inert null M 73	inert null M 73	tabbable 1 T R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	focusable 1 T R	inert null M 73

Iframe Element
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<iframe src="…"> without focusable content` 21 22	tabbable focusable 0 S	tabbable focusable 0 S	focusable 0	focusable 0	focusable 0	focusable 0	tabbable focusable 0 E S C	tabbable focusable 0 E S C	focusable 0 C	focusable 0 C	focusable 0 C	tabbable focusable 0 S	tabbable focusable 0 S	tabbable focusable 0 S	tabbable focusable 0 S	tabbable focusable 0 S	focusable 0 S	focusable 0 S
`<iframe src="…"> with SVG document` 21 22	focusable 0 S C	focusable 0 S C	focusable 0 C	focusable 0 C	focusable 0 C	focusable 0 C	tabbable focusable 0 E S C	focusable 0 E S C	focusable 0 C	focusable 0 C	focusable 0 C	focusable 0 S C	focusable 0 S C	focusable 0 S C	focusable 0 S C	focusable 0 S C	focusable 0 S C	focusable 0 S C
`content in <iframe>` 21 22	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M

Embed Element
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<embed>`	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M

Object Element
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<object type="application/x-shockwave-flash" data="…">` 32	focusable 0	focusable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	focusable -1	focusable -1	inert 0	focusable tabbable 0 33	tabbable 0	focusable 0	focusable 0	focusable 0	focusable 0	focusable 0	focusable 0	focusable 0
`<object type="application/x-shockwave-flash" data="…" tabindex="0">` 32	focusable 0	focusable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	inert 0	focusable tabbable 0 33	tabbable 0	focusable 0	focusable 0	focusable 0	focusable 0	focusable 0	focusable 0	focusable 0
`<object type="image/svg+xml" data="…">` 32	focusable 0 C	focusable 0 C	inert host inert 0 C	inert host inert 0 C	inert host inert 0 C	inert host inert 0 C	tabbable 0 E S C	focusable tabbable 0 E S C	inert host inert 0 C	inert host inert 0 C	inert host inert 0 C	focusable 0 C	focusable 0 C	focusable 0 C	focusable 0 C	focusable 0 C	focusable 0 C	focusable 0 C
`<object type="image/svg+xml" data="…" tabindex="0">` 32	focusable 0 C	focusable 0 C	inert host inert 0 C	inert host inert 0 C	inert host inert 0 C	inert host inert 0 C	tabbable 0 E S C	focusable tabbable 0 E S C	inert host inert 0 C	inert host inert 0 C	inert host inert 0 C	focusable 0 C	focusable 0 C	focusable 0 C	focusable 0 C	focusable 0 C	focusable 0 C	focusable 0 C

SVG Element
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<svg>` 34	inert -1	inert -1	tabbable inert null M	tabbable inert null M	inert null M	inert null M	inert null M	inert -1	tabbable inert null M	tabbable inert null M	tabbable inert null M	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<svg tabindex="-1">` 34	focusable -1	focusable -1	tabbable null M	tabbable null M	focusable inert null M	focusable inert null M	inert null M	inert -1	tabbable null M	tabbable null M	tabbable null M	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1
`<svg focusable="true" tabindex="-1">`	focusable -1	focusable -1	tabbable null M	tabbable null M	tabbable inert null M	tabbable inert null M	inert null M	inert -1	tabbable null M	tabbable null M	tabbable null M	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1
`<svg> containing <a xlink:href="…" tabindex="-1">` 34	inert -1	inert -1	tabbable inert null M	tabbable inert null M	inert null M	inert null M	inert null M	inert -1	tabbable inert null M	tabbable inert null M	tabbable inert null M	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<svg> containing <a xlink:href="…" tabindex="0">` 34	inert -1	inert -1	tabbable inert null M	tabbable inert null M	inert null M	inert null M	inert null M	inert -1	tabbable inert null M	tabbable inert null M	tabbable inert null M	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<rect tabindex="0">` 34	tabbable 0	tabbable 0	inert null M	inert null M	tabbable inert null M	tabbable inert null M	inert null M	tabbable 0	inert null M	inert null M	inert null M	tabbable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	focusable 0	focusable 0
`<rect tabindex="-1">` 34	focusable -1	focusable -1	inert null M	inert null M	focusable inert null M	focusable inert null M	inert null M	inert -1	inert null M	inert null M	inert null M	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1
`<rect focusable="true">` 34	inert -1	inert -1	tabbable inert null M	tabbable inert null M	tabbable inert null M	tabbable inert null M	inert null M	inert -1	tabbable inert null M	tabbable inert null M	tabbable inert null M	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<svg viewBox="…">` 34	inert -1	inert -1	tabbable inert null M	tabbable inert null M	inert null M	inert null M	inert null M	inert -1	tabbable inert null M	tabbable inert null M	tabbable inert null M	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<rect tabindex="0"> within <svg viewBox="…"> with position outside of box` 34	tabbable 0	tabbable 0	inert null M	inert null M	tabbable inert null M	tabbable inert null M	inert null M	tabbable 0	inert null M	inert null M	inert null M	tabbable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	focusable 0	focusable 0
`<rect tabindex="-1"> within <svg viewBox="…"> with position outside of box` 34	focusable -1	focusable -1	inert null M	inert null M	focusable inert null M	focusable inert null M	inert null M	inert -1	inert null M	inert null M	inert null M	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1
`<rect focusable="true"> within <svg viewBox="…"> with position outside of box` 34	inert -1	inert -1	tabbable inert null M	tabbable inert null M	tabbable inert null M	tabbable inert null M	inert null M	inert -1	tabbable inert null M	tabbable inert null M	tabbable inert null M	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<svg baseProfile="tiny">` 34	inert -1	inert -1	tabbable inert null M	tabbable inert null M	inert null M	inert null M	inert null M	inert -1	tabbable inert null M	tabbable inert null M	tabbable inert null M	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<rect focusable="true"> within <svg baseProfile="tiny">` 34	inert -1	inert -1	tabbable inert null M	tabbable inert null M	tabbable inert null M	tabbable inert null M	inert null M	inert -1	tabbable inert null M	tabbable inert null M	tabbable inert null M	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<rect tabindex="0"> within <svg baseProfile="tiny">` 34	tabbable 0	tabbable 0	inert null M	inert null M	tabbable inert null M	tabbable inert null M	inert null M	tabbable 0	inert null M	inert null M	inert null M	tabbable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	focusable 0	focusable 0
`<rect focusable="true" tabindex="0"> within <svg baseProfile="tiny">`	tabbable 0	tabbable 0	tabbable null M	tabbable null M	tabbable inert null M	tabbable inert null M	inert null M	tabbable 0	tabbable null M	tabbable null M	tabbable null M	tabbable 0	tabbable 0	tabbable 0	tabbable 0	tabbable 0	focusable 0	focusable 0
`<rect focusable="true" tabindex="-1"> within <svg baseProfile="tiny">` 34	focusable -1	focusable -1	tabbable null M	tabbable null M	tabbable inert null M	tabbable inert null M	inert null M	inert -1	tabbable null M	tabbable null M	tabbable null M	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1	focusable -1
`<rect onfocus="">` 34 41 42	tabbable inert 0 40	tabbable inert 0 40	inert null M	inert null M	inert null M	inert null M	inert null M	inert -1	inert null M	inert null M	inert null M	tabbable inert 0 40	tabbable inert 0 40	tabbable inert 0 40	tabbable inert 0	tabbable inert 0 40	focusable inert 0 40	focusable inert 0

SVG use element
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<svg> with <use> as content`	inert -1	inert -1	inert null M 73	tabbable inert null M	inert null M	inert null M	inert null M	inert -1	tabbable inert null M	tabbable inert null M	tabbable inert null M	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<use> referencing focusable content` 39	only tabbable inert -1 S 37	only tabbable inert -1 S 37	inert null M 73	inert null M	inert null M	inert null M	inert null M	inert -1	inert null M	inert null M	inert null M	only tabbable inert -1 S	inert -1 38	only tabbable inert -1 S	only tabbable inert -1 S	only tabbable inert -1 S	inert -1	inert -1

SVG Document in Iframe Element
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`content in <iframe>` 21 22	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M

SVG Document in Embed Element
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`content in <embed>` 23 24	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M

SVG Document in Object Element
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<svg> within <object style="display: none">`	inert null M 73	inert null M 73	inert null M R	inert null M R	inert null M R	inert null M R	inert null M R	focusable inert -1 E S R	inert null M R	inert null M R	inert null M R	inert null M 73	inert null M 73	inert null M 73	inert null M 73	inert null M 73	inert null M 73	inert null M 73
`content in <object>` 26 27	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M

Scrollable Elements
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<div> child of horizontally overflowing <div style="overflow: auto">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	focusable inert 0	focusable inert 0	focusable inert 0	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<div> child of overflowing <div style="overflow: hidden">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	focusable inert 0	focusable inert 0	focusable inert 0	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<div> child of overflowing <div style="overflow: scroll">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	focusable inert 0	focusable inert 0	focusable inert 0	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<div> child of overflowing <div style="overflow: visible">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	focusable inert 0	focusable inert 0	focusable inert 0	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<div> child of not overflowing <div style="overflow: scroll">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	focusable inert 0	focusable inert 0	focusable inert 0	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<div> child of not overflowing <div style="overflow: scroll">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	focusable inert 0	focusable inert 0	focusable inert 0	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`horizontally overflowing <div style="overflow: auto">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	tabbable inert -1	tabbable inert -1	focusable inert 0	focusable inert 0	focusable inert 0 E	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`overflowing <div style="overflow: hidden">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	focusable inert 0	focusable inert 0	focusable inert 0	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`overflowing <div style="overflow: scroll">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	tabbable inert -1	tabbable inert -1	focusable inert 0	focusable inert 0	focusable inert 0	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`overflowing <div style="overflow: visible">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	focusable inert 0	focusable inert 0	focusable inert 0	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`not overflowing <div style="overflow: auto">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	tabbable inert -1	tabbable inert -1	focusable inert 0	focusable inert 0	focusable inert 0	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`overflowing <section style="overflow: scroll">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	tabbable inert -1	tabbable inert -1	inert 0	inert 0 46	inert 0 46	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<div> child of <div style="overflow: scroll" tabindex="-1">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	focusable inert 0	focusable inert 0	focusable inert 0	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1

Image Element Ismap Attribute
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<img ismap src="…"> child of <a href="…">`	inert -1	inert -1	tabbable inert 0	tabbable inert 0	tabbable inert 0	tabbable inert 0	inert -1	inert -1	tabbable inert 0 47	tabbable inert 0 47	tabbable inert 0 47	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<img ismap src="…"> child of <a href="…" tabindex="-1">`	inert -1	inert -1	tabbable inert 0	tabbable inert 0	tabbable inert 0	tabbable inert 0	inert -1	inert -1	tabbable inert 0 47	tabbable inert 0 47	tabbable inert 0 47	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1

CSS Flexbox Layout
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<span> child of <a href="…" style="display: flex">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	inert 0	focusable inert 0 48	focusable inert 0 48	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<span> child of <div tabindex="-1" style="display: flex">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	inert 0	focusable inert 0 48	focusable inert 0 48	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<span style="display: flex">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	inert 0	focusable inert 0 48	focusable inert 0 48	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<span> child of <span style="display: flex">`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	inert 0	focusable inert 0 48	focusable inert 0 48	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1
`<span style="order: 1"> with focusable child`	inert -1	inert -1	inert 0	inert 0	inert 0	inert 0	inert -1	inert -1	inert 0	focusable inert 0 48	focusable inert 0 48	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1	inert -1

Questionable Elements
Element	Chrome		Microsoft Edge				Firefox		IE			Opera	Safari			WebKit Nightly	Chrome Mobile (Android)	Safari (iOS)
Element	55.0	57.0	12.10240	13.10586	14.14393	15.14951	50.0	53.0	9.0	10.0	11.0	42.0	8.0	9.1	10.0	604.1	55.0	10.0
`<keygen …>` 53 54	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M 52	inert null M 52	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M	inert null M

Footnotes

The DOM Element Interface is missing the focus method.
The focus event is not emitted upon the element becoming the active element (document.activeElement).
The :focus CSS pseudo class is not set on the element when it is the active element (document.activeElement).
The element becomes the active element (document.activeElement) when an element of contentDocument or the shadowRoot has focus.
Note 1

Considering the <html> and <body> element focusable should have no benefit to a website (unless explicitly made focusable by adding the tabindex attribute), which is why ally.js considers the <html> and <body> element inert.
Note 2

The <html> element itself is not considered focusable, but some browsers may give it focus when focus is passed from browser UI to the document.
Note 3

The <body> element itself is not considered focusable, but it is has focus (i.e. is document.activeElement) if no other element has focus.
Note 6

The activation behavior of the <label> element is not defined beyond »… should match the platform's label behavior.«
Note 7

Internet Explorer redirects focus from <label> to the referenced form control element upon mouse click, but not on script focus via element.focus().
Note 8

The CSS property user-modify was proposed and dropped from CSS UI Level 3 and has thus not become a standard yet.
Note 14

If an <area> element doesn't have an href attribute, it's not a link (and should therefore not be interactive).
Note 18

Shadow DOM is currently only "properly" supported in Blink based browsers (Chrome, Opera). Firefox exposes the (considerably buggy) development state behind flags.

See Can I Use.
Note 20

The activeElement is scoped within the Shadow DOM, meaning the master documet does not know which shadowed content currently has focus. To indicate that a shadowed element has focus, the element hosting the shadowed content is made the activeElement regardless of its ability to receive focus otherwise.
Note 21

Technically the content of an iframe can be accessible to script.
Note 22

Because of the Same Origin Policy we can't reliably look inside <iframe>s to determine their content, which is why ally.js considers all <iframe> content inert
Note 23

There is no API to interact with the content document of an <embed> element
Note 24

Because there is no API to dive into the content document of an <embed> element, ally.js considers all <embed> content inert.
Note 26

Technically the content of an <object> element can be accessible to script.
Note 27

Because of the Same Origin Policy we can't reliably look inside <object>s to determine their content, which is why ally.js considers all <object> content inert.
Note 32

The behavior of the <object> element depends on the content it presents. The most common content types used with <object> are SVG and SWF.
Note 33

This element is actually tabbable (keyboard focusable).

But when tabbing to it, the <kbd>Tab</kbd> behavior for the entire document breaks, as focus remains stuck on the browser UI.

This might be related to Trident 1109008.
Note 34

SVG 1.1 does not specify much in respect to accessibility. SVG 2 will bring the tabindex attribute. SVG Tiny 1.2 knows the focusable attribute.
Note 37

The <use> element is keyboard focusable if it references content that contains focusable elements. Blink 665121
Note 38

This element is actually tabbable (keyboard focusable).

However, as soon as a <use> element became the active element, the <kbd>Tab</kbd> effectively becomes useless, because the tabbing order cannot be navigated anymore. See this demo.
Note 39

<use> elements referencing focusable content cannot be identified by ally.js
Note 40

By registering a focus event listener the element becomes focusable. Blink 445798, WebKit 140024.

This is undetectable because elements don't provide a list of their registered event handlers.
Note 41

SVG 2: Focus says:

In particular, user agents may support using keyboard focus to reveal ‘title’ element text as tooltips, and may allow focus to reach elements which have been assigned listeners for mouse, pointer, or focus events
Note 42

Elements made focusable by way of adding a focus event listener cannot be identified by ally.js
Note 46

Internet Explorer turns <div> and <span> elements focusable when they're scrollable, but does not do the same for other sectioning or block-level elements
Note 47

The ismap attribute makes the <img> focusable (in addition to the parent <a>)
Note 48

There is no indication that the focusability of an element can be inherited by its children, let alone triggered by flexbox layout.
Note 50

Firefox may hide elements from the document's tabbing sequence if they're enclosed by two images referencing the same image map - Gecko 1116126.
Note 51

This test is not about an element's focusable state, but about potentially content that's potentially hidden from the tabbing sequence.
Note 52

Firefox transforms <keygen> to <select _moz-type="-mozilla-keygen"> while parsing HTML.
Note 53

The <keygen> element is poorly supported, practically never used and has seen intent to deprecate
Note 54

Because the <keygen> element is poorly supported, ally considers all <keygen> elements focus-relevant but not focusable.
Note 57

The focusable state of content elements in Shadow DOM are not affected by tabindex="-1" on the shadow host, contrary to the behavior of browsing contexts (<iframe>, <object>, <element>).
Note 58

Focus is redirected to the labeled control.
Note 59

Focus is redirected to the nested labeled control.
Note 66

Whenever an element within a ShadowRoot has focus, the element hosting the ShadowRoot is considered the activeElement of the document, as per the active element adjustment algorithm.

Firefox' Shadow DOM implementation still has a few problems: Gecko 1117535, Gecko 1117544, Gecko 1117552.
Note 73

This element could not be tested in this browser.
Note 74

When this element is the activeElement, the reference element <img usemap="…"> has the following state:
- is not the activeElement in its context
- does not have the :focus CSS pseudo class applied
- does not receive a focus event
Note 75

When this element is the activeElement, the reference element <img usemap="…"> has the following state:
- is not the activeElement in its context
- has the :focus CSS pseudo class applied
- receives a focus event
Note 76

When this element is the activeElement, the reference element <img usemap="…"> has the following state:
- is not the activeElement in its context
- does not have the :focus CSS pseudo class applied
- receives a focus event
Note 89

When this element is the activeElement, the reference element <object usemap="…"> has the following state:
- is not the activeElement in its context
- does not have the :focus CSS pseudo class applied
- does not receive a focus event
Note 90

When this element is the activeElement, the reference element <object usemap="…"> has the following state:
- is not the activeElement in its context
- does not have the :focus CSS pseudo class applied
- receives a focus event
Note 94

When this element is the activeElement, the reference element <object type="image/svg+xml"> has the following state:
- is not the activeElement in its context
- does not have the :focus CSS pseudo class applied
- does not receive a focus event
Note 96

When this element is the activeElement, the reference element ShadowHost has the following state:
- is the activeElement in its context
- does not have the :focus CSS pseudo class applied
- receives a focus event
Note 97

When this element is the activeElement, the reference element ShadowHost has the following state:
- is not the activeElement in its context
- does not have the :focus CSS pseudo class applied
- receives a focus event

Focusable Elements (Query Quick) - ally.js Compatibility Table

Footnotes

Note 1

Note 2

Note 3

Note 6

Note 7

Note 8

Note 14

Note 18

Note 20

Note 21

Note 22

Note 23

Note 24

Note 26

Note 27

Note 32

Note 33

Note 34

Note 37

Note 38

Note 39

Note 40

Note 41

Note 42

Note 46

Note 47

Note 48

Note 50

Note 51

Note 52

Note 53

Note 54

Note 57

Note 58

Note 59

Note 66

Note 73

Note 74

Note 75

Note 76

Note 89

Note 90

Note 94

Note 96

Note 97