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

Test: HTML basic description list 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
<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML basic description list test</title>
</head>
<body>
<h1>HTML Basic description list test</h1>

<p>This is a basic description with potentially ambiguous terms and descriptions (color pairs). This is done to illustrate that conveying the relationship between the term and description can be critical.</p>

<p>These colors match well together.</p>

<dl>
    <dt>Green</dt>
    <dd>Blue</dd>
    <dt>Orange</dt>
    <dd>Gray</dd>
    <dt>Red</dt>
    <dd><p>Blue</p><p>And possibly white.</p></dd>
</dl>

<p>Some other content</p>

</body>
</html>

Dates and Versions of tested combinations

ATAT VersionBrowserBrowser versionOS versionDate tested
JAWS2018.1811.2Google Chrome7418092019-05-02
JAWS2018.1811.2Internet Explorer11.13418092019-05-02
JAWS2018.1811.2Firefox (desktop)6618092019-05-02
Narrator1809Microsoft Edge44.1776318092019-05-02
NVDA2018.1808.10Google Chrome7418092019-05-02
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: (role not conveyed)
  • Result: (partial)
    • command: Down arrow (Read next item (scan mode))
    • location before command: target
    • location after command: target
    • Output: "1 of 6, level 1" (a list was implied)
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 6 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 6 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: (fail)
    • 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 6 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 6 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: "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: (did not convey boundary)
  • 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) (did not convey boundary)
  • Result: (pass)
    • command: Narrator + 0 (Read item (advanced))
    • location before command: within target
    • location after command: within target
    • Output: (enter list from start) "6 of 6, level 1"
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"
  • 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"
  • 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"
  • 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 6 items"
  • 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"
  • 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"
  • 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: (pass)
    • command: Swipe right (Read next item)
    • location before command: within target
    • location after command: after target
    • Output: "Some other content, out of list"
  • 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: (These colors match well together. out of list.)
    • command: Swipe left (Read previous item)
    • location before command: within target
    • location after command: start of target
    • Output: ""
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