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

Test: HTML description list with wrapped groups test

Current support: partial (23/63)

A sample description list

Run this test and and submit your results

On this page

Test HTML

open the test page in a new tab

HTML source is too long to display here.

Support tables

Expectations are conditions that must be met for the feature to be considered as "supported". Only "MUST" expectations need to be met for minimal "support". "SHOULD" and "MAY" expectations indicates support that goes above and beyond. Note that there is not an explicit standard that dictates these expectations, and as such, they are likely opinionated. As such, a feature might not meet all "MUST" expectations but still be usable (potentially frustratingly so). Additionally, the assistive technology may provide many different commands to read, navigate, or otherwise interact with a feature. Only one command is required to pass for the expectation to be minimally supported.

Summary of support by expectation type

MUSTSHOULDMAY
partial (23/63)

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOS
dl element (description list)
MUST convey the description list rolenot applicablesupportedpartialpartialunknownnonesupported
MUST convey the number of term/description groupings in the listnot applicablesupportedsupportedsupportedunknownnonesupported
MUST convey the boundary of the list (start and end)not applicablesupportedpartialsupportedunknownnonesupported
dt element
MUST convey the term rolenot applicablenonenonenoneunknownnonenone
MUST convey the position of either 1. the group of term/description pairs OR 2. the term in the listnot applicablenonesupportedpartial (1/2)unknownnonesupported
dd element
MUST convey the description rolenot applicablenonenonenoneunknownnonenone
MUST convey the position of either 1. the group of term/description pairs OR 2. the description in the listnot applicablenonesupportedpartial (1/2)unknownnonesupported

* means that some support is hidden behind settings

Detailed support results by expectation

dl element (description list): The screen reader MUST convey the description list role

Rationale: A user needs to be able to understand that they are reading a description 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)
    • Output: "definition list of 3 items"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • Output: "definition list of 3 items"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • Output: "definition list of 3 items"
More information
NarratorMicrosoft Edgepartial
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • Output: "Green"
  • Result: (partial)
    • command: Narrator + 0 (Read item (advanced))
    • Output: "1 of 6, level 1"
More information
NVDAGoogle Chromepartial
  • Result: (partial)
    • command: down arrow (Read next item)
    • 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)
    • Output: "list with 3 items. Green"
Notes: Conveyed as a list, but not a description list.
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • Output: "Orange"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • Output: "description list, 3 items"
More information

Extended Support for: dl element (description list): The screen reader MUST convey the description list 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
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

dl element (description list): The screen reader MUST convey the number of term/description groupings in the list

Rationale: A user needs to be able to understand how many pairs or items are in 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)
    • Output: "definition list of 3 items"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • Output: "definition list of 3 items"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • Output: "definition list of 3 items"
More information
NarratorMicrosoft Edgeyes
  • Result: (pass)
    • command: Down arrow (Read next item (scan mode))
    • Output: "Green"
  • Result: (pass)
    • command: Narrator + 0 (Read item (advanced))
    • Output: "1 of 6, level 1"
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • Output: "list with 3 items. Green"
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • Output: "list with 3 items. Green"
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • Output: "Orange"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • Output: "description list, 3 items"
More information

Extended Support for: dl element (description list): The screen reader MUST convey the number of term/description groupings 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
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

dl element (description list): The screen reader MUST convey the boundary of the list (start and end)

Rationale: A user must be able to determine when they enter or leave the list so that they are that content belongs or does not belong to the list.

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)
    • Output: (enter list from start) "definition list of 3 items"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • Output: (exit list from end) "list end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • Output: (enter list from end) "definition list of 3 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • Output: (exit list from start) "list end"
More information
JAWSInternet Exploreryes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • Output: (enter list from start) "definition list of 3 items"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • Output: (exit list from end) "list end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • Output: (enter list from end) "definition list of 3 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • Output: (exit list from start) "list end"
More information
JAWSFirefox (desktop)yes
  • Result: (pass)
    • command: Down arrow (Read next item)
    • Output: (enter list from start) "definition list of 3 items"
  • Result: (pass)
    • command: Down arrow (Read next item)
    • Output: (exit list from end) "list end"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • Output: (enter list from end) "definition list of 3 items"
  • Result: (pass)
    • command: Up arrow (Read previous item)
    • Output: (exit list from start) "list end"
More information
NarratorMicrosoft Edgepartial
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • Output: (enter list from start) "Green"
  • Result: (pass)
    • command: Narrator + 0 (Read item (advanced))
    • Output: (enter list from start) "1 of 6, level 1"
  • Result: (fail)
    • command: Narrator + 0 (Read item (advanced))
    • Output: (exit list from end) "Some other content"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • Output: (enter list from end) "And possibly white."
  • Result: (pass)
    • command: Narrator + 0 (Read item (advanced))
    • Output: (enter list from start) "6 of 6, level 1"
  • Result: (fail)
    • command: Up arrow (Read previous item (scan mode))
    • Output: (exit list from start) "These colors match well together."
More information
NVDAGoogle Chromeyes
  • Result: (pass)
    • command: down arrow (Read next item)
    • Output: (enter list from start) "list with 6 items. Green"
  • Result: (pass)
    • command: down arrow (Read next item)
    • Output: (exit list from end) "out of list. Some other content."
  • Result: (pass)
    • command: up arrow (Read previous item)
    • Output: (enter list from end) "list with 6 items. And possibly white"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • Output: (exit list from start) "out of list."
More information
NVDAFirefox (desktop)yes
  • Result: (pass)
    • command: down arrow (Read next item)
    • Output: (enter list from start) "list with 3 items. Green"
  • Result: (pass)
    • command: down arrow (Read next item)
    • Output: (exit list from end) "out of list. Some other content"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • Output: (enter list from end) "list with 3 items. And possibly white"
  • Result: (pass)
    • command: up arrow (Read previous item)
    • Output: (exit list from start) "out of list"
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • Output: (enter list from start) "Orange"
  • Result: (fail)
    • command: Swipe Right (Next item)
    • Output: (exit list from end) "some other content"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • Output: (enter list from end) "And possibly white"
  • Result: (fail)
    • command: Swipe Left (Previous item)
    • 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)
    • Output: (enter list from start) "description list, 3 items"
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • Output: (exit list from end) "end of description list"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • Output: (enter list from end) "description list, 3 items"
  • Result: (pass)
    • command: VO + Left Arrow (Read previous item)
    • Output: (exit list from start) "end of description list"
More information

Extended Support for: dl element (description list): The screen reader MUST convey the boundary of the list (start and end)

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
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

dt element: The screen reader MUST convey the term role

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

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)
    • Output: "Orange"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • Output: "Orange"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (Read next item)
    • Output: "Orange"
More information
NarratorMicrosoft Edgenone
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • Output: "Orange 3 of 6"
More information
NVDAGoogle Chromenone
  • Result: (fail)
    • command: down arrow (Read next item)
    • 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)
    • 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
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • Output: "Orange"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • Output: "Orange"
More information

Extended Support for: dt element: The screen reader MUST convey the term 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
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

dt element: The screen reader MUST convey the position of either 1. the group of term/description pairs OR 2. the term in the list

Rationale: A user needs to be able to understand the location of the group in the overall list.

Examples of assistive technologies support this expectation:

  • A screen reader might something like "1 of 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)
    • Output: "Orange"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • Output: "Orange"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (Read next item)
    • Output: "Orange"
More information
NarratorMicrosoft Edgeyes
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • Output: "Orange"
  • Result: (pass)
    • command: Narrator + 0 (Read item (advanced))
    • Output: "3 of 6, level 1"
More information
NVDAGoogle Chromeyes
  • Result: (fail)
    • command: down arrow (Read next item)
    • 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)
    • 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
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • Output: "Orange"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • Output: "Orange 3 of 6"
More information

Extended Support for: dt element: The screen reader MUST convey the position of either 1. the group of term/description pairs OR 2. the term 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
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

dd element: The screen reader MUST convey the description role

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

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)
    • Output: "Gray"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • Output: "Gray"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (Read next item)
    • Output: "Gray"
More information
NarratorMicrosoft Edgenone
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • Output: "Gray"
More information
NVDAGoogle Chromenone
  • Result: (fail)
    • command: down arrow (Read next item)
    • 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)
    • Output: "Gray"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i (Read current item)
    • Output: "Gray paragraph"
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • Output: "Gray"
More information
VoiceOver for macOSSafari (macOS)none
  • Result: (fail)
    • command: VO + Right arrow (Read next item)
    • Output: "Gray 4 of 6"
More information

Extended Support for: dd element: The screen reader MUST convey the description 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
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

dd element: The screen reader MUST convey the position of either 1. the group of term/description pairs OR 2. the description in the list

Rationale: A user needs to be able to understand the location of the group in the overall list.

Examples of assistive technologies support this expectation:

  • A screen reader might something like "1 of 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)
    • Output: "Gray"
More information
JAWSInternet Explorernone
  • Result: (fail)
    • command: Down arrow (Read next item)
    • Output: "Gray"
More information
JAWSFirefox (desktop)none
  • Result: (fail)
    • command: Down arrow (Read next item)
    • Output: "Gray"
More information
NarratorMicrosoft Edgeyes
  • Result: (fail)
    • command: Down arrow (Read next item (scan mode))
    • Output: "Gray"
  • Result: (pass)
    • command: Narrator + 0 (Read item (advanced))
    • Output: "4 of 6, level 1"
More information
NVDAGoogle Chromeyes
  • Result: (fail)
    • command: down arrow (Read next item)
    • 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)
    • Output: "Gray"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i (Read current item)
    • Output: "Gray, paragraph"
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOSSafari (iOS)none
  • Result: (fail)
    • command: Swipe Right (Next item)
    • Output: "Gray"
More information
VoiceOver for macOSSafari (macOS)yes
  • Result: (pass)
    • command: VO + Right arrow (Read next item)
    • Output: "Gray 4 of 6"
More information

Extended Support for: dd element: The screen reader MUST convey the position of either 1. the group of term/description pairs OR 2. the description 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
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information
Back to top

Dates and Versions

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
VoiceOver for iOS12.2Safari (iOS)12.212.22019-05-01
VoiceOver for macOS10.14.4Safari (macOS)12.110.14.42019-05-01

History

  • 2019-05-01 Test created