Notice: This is a work in progress. Please submit feedback or suggestions.

Test: HTML description list with wrapped groups test

Screen Reader support level: partial (25/70)

Voice Control support level: not applicable

A sample description list

Run this test and and submit your results

On this page

Test HTML

open the test page

HTML source is too long to display here.

Dates and Versions of tested combinations

ATAT VersionBrowserBrowser versionOS versionDate tested
JAWS2018.1811.2Google Chrome7418092019-05-04
JAWS2018.1811.2Internet Explorer11.13418092019-05-04
JAWS2018.1811.2Firefox (desktop)6618092019-05-04
Narrator1809Microsoft Edge44.1776318092019-05-04
NVDA2018.1808.10Google Chrome7418092019-05-04
NVDA2018.3.2Firefox (desktop)6618092019-09-04
Orca3.31.4Firefox (desktop)69Ubuntu 19.042019-09-09
TalkBack7.3.0Google Chrome (android)7672019-09-09
VoiceOver for iOS12.2Safari (iOS)12.212.22019-05-01
VoiceOver for macOS10.14.4Safari (macOS)12.110.14.42019-05-01

Summary of Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver for iOSVoiceOver for macOS
dl element (description list)
MUST convey an appropriate rolesupportedpartialpartialnonepartialnonesupported
MUST convey the number of items in the listsupportedsupportedsupportednonesupportednonesupported
MUST convey the boundaries of the elementsupportedpartialsupportednonepartialnonesupported
dt element
MUST convey an appropriate rolenonenonenonesupportednonenonenone
MUST convey the position in set informationnonesupportedpartial (1/2)nonenonenonesupported
dd element
MUST convey an appropriate rolenonenonenonenonepartialnonenone
MUST convey the position in set informationnonesupportedpartial (1/2)nonenonenonesupported

* means that some support is hidden behind settings

Summary of Voice Control support by expectation

ExpectationDragon Naturally SpeakingVoice Access for AndroidVoice Control for iOSVoice Control for MacOS
Not applicable

* means that some support is hidden behind settings

Detailed support results by expectation

Expectation for the dl element (description list): convey an appropriate role

Rationale: A screen reader user needs to know how they can interact with the element.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • A screen reader might convey the role as "description list" when first entering the list.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the dl element (description list) feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "definition list of 3 items"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "definition list of 3 items"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "definition list of 3 items"
More information
NarratorMicrosoft Edgepartial
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: after target
    • Output: "Green"
  • Result: (partial)
    • command: Down arrow (Read next item (scan mode))
    • location before command: target
    • location after command: target
    • Output: "1 of 6, level 1"
More information
NVDAGoogle Chromepartial
  • Result: (partial)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "list with 3 items. Green"
Notes: Conveyed as a list, but not a description list.
More information
NVDAFirefox (desktop)partial
  • Result: (partial)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "list with 3 items. Green"
Notes: Conveyed as a list, but not a description list.
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "green, description term"
More information
TalkBackGoogle Chrome (android)partial
  • Result: (partial)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Green, in list, 3 items"
    • Notes: conveyed as a list, but not a description list.
More information
Voice Access for AndroidGoogle Chrome (android)not applicable-More information
Voice Control for iOSSafari (iOS)not applicable-More information
Voice Control for MacOSSafari (macOS)not applicable-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "description list, 3 items"
More information

Extended Support for: dl element (description list): convey an appropriate role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
Voice Access for AndroidFirefox (Android)not applicable-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Voice Control for MacOSGoogle Chromenot applicable-More information
Voice Control for MacOSFirefox (desktop)not applicable-More information
Back to top

Expectation for the dl element (description list): convey the number of items in the list

Rationale: A user needs to be able to understand how many pairs or items are in the list.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • A screen reader might convey the position of each item in the list as something like "x of y" where y is the number of items in the list.
  • A screen reader might convey each term and description pair as a single item, or as separate items. For example, a screen reader might convey the size of a list of 3 pairs as either 3 or 6.
  • A screen reader might convey the number of items in the list when first entering the list.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the dl element (description list) feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "definition list of 3 items"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "definition list of 3 items"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "definition list of 3 items"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: after target
    • Output: "Green"
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: target
    • location after command: target
    • Output: "1 of 6, level 1"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "list with 3 items. Green"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "list with 3 items. Green"
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "green, description term"
More information
TalkBackGoogle Chrome (android)yes
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Green, in list, 3 items"
More information
Voice Access for AndroidGoogle Chrome (android)not applicable-More information
Voice Control for iOSSafari (iOS)not applicable-More information
Voice Control for MacOSSafari (macOS)not applicable-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "description list, 3 items"
More information

Extended Support for: dl element (description list): convey the number of items in the list

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
Voice Access for AndroidFirefox (Android)not applicable-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Voice Control for MacOSGoogle Chromenot applicable-More information
Voice Control for MacOSFirefox (desktop)not applicable-More information
Back to top

Expectation for the dl element (description list): convey the boundaries of the element

Rationale: A user needs to know when they enter and exit an element

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • A screen reader might announce the role of the element when entering and say something like "leaving" when exiting.
  • A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example).
  • A screen reader might announce position in set information such as "1 of 6".
  • A screen reader might not convey boundaries if the content fits on a single line

Grading method: All of the listed commands must pass for the expectation to pass.

This expectation is from the dl element (description list) feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromeyes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: (enter list from start) "definition list of 3 items"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: (exit list from end) "list end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: within target
    • Output: (enter list from end) "definition list of 3 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: (exit list from start) "list end"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: (enter list from start) "definition list of 3 items"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: (exit list from end) "list end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: within target
    • Output: (enter list from end) "definition list of 3 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: (exit list from start) "list end"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: (enter list from start) "definition list of 3 items"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: (exit list from end) "list end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: after target
    • location after command: within target
    • Output: (enter list from end) "definition list of 3 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: (exit list from start) "list end"
More information
NarratorMicrosoft Edgepartial
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: start of target
    • Output: (enter list from start) "Green"
  • Result: (pass)
    • command: Narrator + 0 (Read item (advanced))
    • location before command: start of target
    • location after command: start of target
    • Output: (enter list from start) "1 of 6, level 1"
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: within target
    • location after command: after target
    • Output: (exit list from end) "Some other content"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: after target
    • location after command: within target
    • Output: (enter list from end) "And possibly white."
  • Result: (pass)
    • command: Narrator + 0 (Read item (advanced))
    • location before command: end of target
    • location after command: end of target
    • Output: (enter list from start) "6 of 6, level 1"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • location before command: within target
    • location after command: before target
    • Output: (exit list from start) "These colors match well together."
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: (enter list from start) "list with 6 items. Green"
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: (exit list from end) "out of list. Some other content."
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: within target
    • Output: (enter list from end) "list with 6 items. And possibly white"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: (exit list from start) "out of list."
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: (enter list from start) "list with 3 items. Green"
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: (exit list from end) "out of list. Some other content"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: within target
    • Output: (enter list from end) "list with 3 items. And possibly white"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: (exit list from start) "out of list"
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "green, description term"
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: within target
    • location after command: end of target
    • Output: "some other content"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "and possibly white"
  • Result: (fail)
    • command: up arrow (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "These colors match well together"
More information
TalkBackGoogle Chrome (android)partial
  • Result: (pass)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Green, in list, 3 items"
  • Result: (some other content, out of list)
    • command: Swipe right (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: ""
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • location before command: after target
    • location after command: end of target
    • Output: "And possibly white, in list, 3 items"
  • Result: (pass)
    • command: Swipe left (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: "These colors match well together, out of list"
More information
Voice Access for AndroidGoogle Chrome (android)not applicable-More information
Voice Control for iOSSafari (iOS)not applicable-More information
Voice Control for MacOSSafari (macOS)not applicable-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: start of target
    • Output: (enter list from start) "Orange"
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: within target
    • location after command: after target
    • Output: (exit list from end) "some other content"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • location before command: after target
    • location after command: within target
    • Output: (enter list from end) "And possibly white"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • location before command: within target
    • location after command: before target
    • Output: (exit list from start) "These colors match well together."
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: start of target
    • Output: (enter list from start) "description list, 3 items"
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: (exit list from end) "end of description list"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: after target
    • location after command: within target
    • Output: (enter list from end) "description list, 3 items"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • location before command: within target
    • location after command: before target
    • Output: (exit list from start) "end of description list"
More information

Extended Support for: dl element (description list): convey the boundaries of the element

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
Voice Access for AndroidFirefox (Android)not applicable-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Voice Control for MacOSGoogle Chromenot applicable-More information
Voice Control for MacOSFirefox (desktop)not applicable-More information
Back to top

Expectation for the dt element: convey an appropriate role

Rationale: A user needs to be able to distinguish between a description term and its description.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the dt element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
More information
NarratorMicrosoft Edgenone
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: after target
    • Output: "Orange 3 of 6"
More information
NVDAGoogle Chromenone
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i (Read current item)
    • Output: "list item, read only, 2 of 3"
More information
NVDAFirefox (desktop)none
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i (Read current item)
    • Output: "Orange list item, read only"
More information
OrcaFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Green, description term"
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Orange"
More information
Voice Access for AndroidGoogle Chrome (android)not applicable-More information
Voice Control for iOSSafari (iOS)not applicable-More information
Voice Control for MacOSSafari (macOS)not applicable-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
More information

Extended Support for: dt element: convey an appropriate role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
Voice Access for AndroidFirefox (Android)not applicable-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Voice Control for MacOSGoogle Chromenot applicable-More information
Voice Control for MacOSFirefox (desktop)not applicable-More information
Back to top

Expectation for the dt element: convey the position in set information

Rationale: A user needs to where the position is in the list

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • A screen reader might convey the position of each item in the list as something like "x of y" where y is the number of items in the list.
  • A screen reader might convey each term and description pair as a single item, or as separate items. For example, a screen reader might convey the size of a list of 3 pairs as either 3 or 6.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the dt element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
More information
NarratorMicrosoft Edgeyes
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: target
    • location after command: target
    • Output: "3 of 6, level 1"
More information
NVDAGoogle Chromeyes
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
  • Result: (pass)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i (Read current item)
    • Output: "list item, read only, 2 of 3"
More information
NVDAFirefox (desktop)none
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i (Read current item)
    • Output: "Orange list item, read only"
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Green, description term"
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Orange"
More information
Voice Access for AndroidGoogle Chrome (android)not applicable-More information
Voice Control for iOSSafari (iOS)not applicable-More information
Voice Control for MacOSSafari (macOS)not applicable-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Orange 3 of 6"
More information

Extended Support for: dt element: convey the position in set information

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
Voice Access for AndroidFirefox (Android)not applicable-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Voice Control for MacOSGoogle Chromenot applicable-More information
Voice Control for MacOSFirefox (desktop)not applicable-More information
Back to top

Expectation for the dd element: convey an appropriate role

Rationale: A user needs to be able to distinguish between a description term and its description.

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the dd element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
More information
NarratorMicrosoft Edgenone
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
More information
NVDAGoogle Chromenone
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i (Read current item)
    • Output: "Gray paragraph"
More information
NVDAFirefox (desktop)none
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i (Read current item)
    • Output: "Gray paragraph"
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Blue"
More information
TalkBackGoogle Chrome (android)partial
  • Result: (partial)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Gray, definition"
    • Notes: The 'definition' role is not announced if the definition spans multiple lines, such as the definition for 'red' in the example.
More information
Voice Access for AndroidGoogle Chrome (android)not applicable-More information
Voice Control for iOSSafari (iOS)not applicable-More information
Voice Control for MacOSSafari (macOS)not applicable-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray 4 of 6"
More information

Extended Support for: dd element: convey an appropriate role

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
Voice Access for AndroidFirefox (Android)not applicable-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Voice Control for MacOSGoogle Chromenot applicable-More information
Voice Control for MacOSFirefox (desktop)not applicable-More information
Back to top

Expectation for the dd element: convey the position in set information

Rationale: A user needs to where the position is in the list

Strength of these expectations for different types of assistive technologies:

  • Screen Readers: MUST
  • Voice Control: NA

Examples of assistive technologies support this expectation:

  • A screen reader might convey the position of each item in the list as something like "x of y" where y is the number of items in the list.
  • A screen reader might convey each term and description pair as a single item, or as separate items. For example, a screen reader might convey the size of a list of 3 pairs as either 3 or 6.

Grading method: Just one of the listed commands must pass for the expectation to pass.

This expectation is from the dd element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingGoogle Chromenot applicable-More information
JAWSGoogle Chromenone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
More information
NarratorMicrosoft Edgeyes
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • location before command: target
    • location after command: target
    • Output: "4 of 6, level 1"
More information
NVDAGoogle Chromeyes
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
  • Result: (pass)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i (Read current item)
    • Output: "Gray, paragraph"
More information
NVDAFirefox (desktop)none
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i (Read current item)
    • Output: "Gray, paragraph"
More information
OrcaFirefox (desktop)none
  • Result: (fail)
    • command: down arrow (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Blue"
More information
TalkBackGoogle Chrome (android)none
  • Result: (fail)
    • command: Swipe right (Read next item)
    • location before command: before target
    • location after command: target
    • Output: "Gray, definition"
More information
Voice Access for AndroidGoogle Chrome (android)not applicable-More information
Voice Control for iOSSafari (iOS)not applicable-More information
Voice Control for MacOSSafari (macOS)not applicable-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • location before command: before target
    • location after command: after target
    • Output: "Gray 4 of 6"
More information

Extended Support for: dd element: convey the position in set information

These are less common combinations

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
Dragon Naturally SpeakingFirefox (desktop)not applicable-More information
JAWSMicrosoft Edgeunknown-More information
NarratorFirefox (desktop)unknown-More information
NarratorGoogle Chromeunknown-More information
NarratorInternet Explorerunknown-More information
NVDAInternet Explorerunknown-More information
NVDAMicrosoft Edgeunknown-More information
TalkBackFirefox (Android)unknown-More information
Voice Access for AndroidFirefox (Android)not applicable-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
OrcaGoogle Chromeunknown-More information
Voice Control for MacOSGoogle Chromenot applicable-More information
Voice Control for MacOSFirefox (desktop)not applicable-More information
Back to top

History

  • 2019-05-01 Test created
  • 2019-09-11 Added Ora and Talkback results