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

Test: HTML description list with wrapped groups test

Current support: partial (24/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

Assertions are conditions that must be met for the feature to be considered as "supported". Only "MUST" assertions need to be met for minimal "support". "SHOULD" and "MAY" assertions indicates support that goes above and beyond. Note that there is not an explicit standard that dictates these assertions, and as such, they are likely opinionated. Minimal support reflects that the structure, relationships, and functionality of the feature are conveyed and operable by assistive technology rather than minimal conformance to any specific WCAG SC. As such, a feature might not meet all "MUST" assertions but still be usable (potentially frustratingly so).

Assertion support summary by type of assertion
MUSTSHOULDMAY
partial (24/63)nana

Assertion support summary by assertion

FeatureAssertionSupportHas failing tests
dl element (description list)The screen reader MUST convey the description list rolepartial (4/9)Yes
dl element (description list)The screen reader MUST convey the number of term/description groupings in the listpartial (7/9)Yes
dl element (description list)The screen reader MUST convey the boundary of the list (start and end)partial (7/9)Yes
dt elementThe screen reader MUST convey the term roleno known supportYes
dt elementThe screen reader MUST convey the position of either 1. the group of term/description pairs OR 2. the term in the listpartial (3/9)Yes
dd elementThe screen reader MUST convey the description roleno known supportYes
dd elementThe screen reader MUST convey the position of either 1. the group of term/description pairs OR 2. the description in the listpartial (3/9)Yes

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.

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

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
JAWS 2018.1811.2Google Chrome 74yes
  • Result: (pass)
    • command: Down arrow
    • Output: "definition list of 3 items"
More information
JAWS 2018.1811.2Internet Explorer 11.134yes
  • Result: (pass)
    • command: Down arrow
    • Output: "definition list of 3 items"
More information
JAWS 2018.1811.2Firefox (desktop) 66yes
  • Result: (pass)
    • command: Down arrow
    • Output: "definition list of 3 items"
More information
Narrator 1809Microsoft Edge 44.17763partial
  • Result: (fail)
    • command: Down arrow
    • Output: "Green"
  • Result: (partial)
    • command: Narrator + 0
    • Output: "1 of 6, level 1"
More information
NVDA 2018.1808.10Google Chrome 74partial
  • Result: (partial)
    • command: down arrow
    • Output: "list with 3 items. Green"
Notes: Conveyed as a list, but not a description list.
More information
NVDA 2018.3.2Firefox (desktop) 66partial
  • Result: (partial)
    • command: down arrow
    • 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 iOS 12.2Safari (iOS) 12.2none
  • Result: (fail)
    • command: Swipe Right
    • Output: "Orange"
More information
VoiceOver for macOS 10.14.4Safari (macOS) 12.1yes
  • Result: (pass)
    • command: VO + Right arrow
    • 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 SpeakingFirefox (desktop)not applicable-More information
Dragon Naturally SpeakingGoogle Chromenot 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 (desktop)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information

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.

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

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
JAWS 2018.1811.2Google Chrome 74yes
  • Result: (pass)
    • command: Down arrow
    • Output: "definition list of 3 items"
More information
JAWS 2018.1811.2Internet Explorer 11.134yes
  • Result: (pass)
    • command: Down arrow
    • Output: "definition list of 3 items"
More information
JAWS 2018.1811.2Firefox (desktop) 66yes
  • Result: (pass)
    • command: Down arrow
    • Output: "definition list of 3 items"
More information
Narrator 1809Microsoft Edge 44.17763yes
  • Result: (pass)
    • command: Down arrow
    • Output: "Green"
  • Result: (pass)
    • command: Narrator + 0
    • Output: "1 of 6, level 1"
More information
NVDA 2018.1808.10Google Chrome 74yes
  • Result: (pass)
    • command: down arrow
    • Output: "list with 3 items. Green"
More information
NVDA 2018.3.2Firefox (desktop) 66yes
  • Result: (pass)
    • command: down arrow
    • Output: "list with 3 items. Green"
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOS 12.2Safari (iOS) 12.2none
  • Result: (fail)
    • command: Swipe Right
    • Output: "Orange"
More information
VoiceOver for macOS 10.14.4Safari (macOS) 12.1yes
  • Result: (pass)
    • command: VO + Right arrow
    • 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 SpeakingFirefox (desktop)not applicable-More information
Dragon Naturally SpeakingGoogle Chromenot 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 (desktop)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information

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.

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

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
JAWS 2018.1811.2Google Chrome 74yes
  • Result: (pass)
    • command: Down arrow
    • Output: (enter list from start) "definition list of 3 items"
  • Result: (pass)
    • command: Down arrow
    • Output: (exit list from end) "list end"
  • Result: (pass)
    • command: Up arrow
    • Output: (enter list from end) "definition list of 3 items"
  • Result: (pass)
    • command: Up arrow
    • Output: (exit list from start) "list end"
More information
JAWS 2018.1811.2Internet Explorer 11.134yes
  • Result: (pass)
    • command: Down arrow
    • Output: (enter list from start) "definition list of 3 items"
  • Result: (pass)
    • command: Down arrow
    • Output: (exit list from end) "list end"
  • Result: (pass)
    • command: Up arrow
    • Output: (enter list from end) "definition list of 3 items"
  • Result: (pass)
    • command: Up arrow
    • Output: (exit list from start) "list end"
More information
JAWS 2018.1811.2Firefox (desktop) 66yes
  • Result: (pass)
    • command: Down arrow
    • Output: (enter list from start) "definition list of 3 items"
  • Result: (pass)
    • command: Down arrow
    • Output: (exit list from end) "list end"
  • Result: (pass)
    • command: Up arrow
    • Output: (enter list from end) "definition list of 3 items"
  • Result: (pass)
    • command: Up arrow
    • Output: (exit list from start) "list end"
More information
Narrator 1809Microsoft Edge 44.17763yes
  • Result: (fail)
    • command: Down arrow
    • Output: (enter list from start) "Green"
  • Result: (pass)
    • command: Narrator + 0
    • Output: (enter list from start) "1 of 6, level 1"
  • Result: (fail)
    • command: Narrator + 0
    • Output: (exit list from end) "Some other content"
  • Result: (fail)
    • command: Up arrow
    • Output: (enter list from end) "And possibly white."
  • Result: (pass)
    • command: Narrator + 0
    • Output: (enter list from start) "6 of 6, level 1"
  • Result: (fail)
    • command: Up arrow
    • Output: (exit list from start) "These colors match well together."
More information
NVDA 2018.1808.10Google Chrome 74yes
  • Result: (pass)
    • command: down arrow
    • Output: (enter list from start) "list with 6 items. Green"
  • Result: (pass)
    • command: down arrow
    • Output: (exit list from end) "out of list. Some other content."
  • Result: (pass)
    • command: up arrow
    • Output: (enter list from end) "list with 6 items. And possibly white"
  • Result: (pass)
    • command: up arrow
    • Output: (exit list from start) "out of list."
More information
NVDA 2018.3.2Firefox (desktop) 66yes
  • Result: (pass)
    • command: down arrow
    • Output: (enter list from start) "list with 3 items. Green"
  • Result: (pass)
    • command: down arrow
    • Output: (exit list from end) "out of list. Some other content"
  • Result: (pass)
    • command: up arrow
    • Output: (enter list from end) "list with 3 items. And possibly white"
  • Result: (pass)
    • command: up arrow
    • Output: (exit list from start) "out of list"
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOS 12.2Safari (iOS) 12.2none
  • Result: (fail)
    • command: Swipe Right
    • Output: (enter list from start) "Orange"
  • Result: (fail)
    • command: Swipe Right
    • Output: (exit list from end) "some other content"
  • Result: (fail)
    • command: Swipe Left
    • Output: (enter list from end) "And possibly white"
  • Result: (fail)
    • command: Swipe Left
    • Output: (exit list from start) "These colors match well together."
More information
VoiceOver for macOS 10.14.4Safari (macOS) 12.1yes
  • Result: (pass)
    • command: VO + Right arrow
    • Output: (enter list from start) "description list, 3 items"
  • Result: (pass)
    • command: VO + Right arrow
    • Output: (exit list from end) "end of description list"
  • Result: (pass)
    • command: VO + Left Arrow
    • Output: (enter list from end) "description list, 3 items"
  • Result: (pass)
    • command: VO + Left Arrow
    • 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 SpeakingFirefox (desktop)not applicable-More information
Dragon Naturally SpeakingGoogle Chromenot 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 (desktop)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information

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.

This assertion is from the dt element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
JAWS 2018.1811.2Google Chrome 74none
  • Result: (fail)
    • command: Down arrow
    • Output: "Orange"
More information
JAWS 2018.1811.2Internet Explorer 11.134none
  • Result: (fail)
    • command: Down arrow
    • Output: "Orange"
More information
JAWS 2018.1811.2Firefox (desktop) 66none
  • Result: (fail)
    • command: Down arrow
    • Output: "Orange"
More information
Narrator 1809Microsoft Edge 44.17763none
  • Result: (fail)
    • command: Down arrow
    • Output: "Orange 3 of 6"
More information
NVDA 2018.1808.10Google Chrome 74none
  • Result: (fail)
    • command: down arrow
    • Output: "Orange"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i
    • Output: "list item, read only, 2 of 3"
More information
NVDA 2018.3.2Firefox (desktop) 66none
  • Result: (fail)
    • command: down arrow
    • Output: "Orange"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i
    • Output: "Orange list item, read only"
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOS 12.2Safari (iOS) 12.2none
  • Result: (fail)
    • command: Swipe Right
    • Output: "Orange"
More information
VoiceOver for macOS 10.14.4Safari (macOS) 12.1none
  • Result: (fail)
    • command: VO + Right arrow
    • 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 SpeakingFirefox (desktop)not applicable-More information
Dragon Naturally SpeakingGoogle Chromenot 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 (desktop)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information

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.

This assertion is from the dt element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
JAWS 2018.1811.2Google Chrome 74none
  • Result: (fail)
    • command: Down arrow
    • Output: "Orange"
More information
JAWS 2018.1811.2Internet Explorer 11.134none
  • Result: (fail)
    • command: Down arrow
    • Output: "Orange"
More information
JAWS 2018.1811.2Firefox (desktop) 66none
  • Result: (fail)
    • command: Down arrow
    • Output: "Orange"
More information
Narrator 1809Microsoft Edge 44.17763yes
  • Result: (fail)
    • command: Down arrow
    • Output: "Orange"
  • Result: (pass)
    • command: Narrator + 0
    • Output: "3 of 6, level 1"
More information
NVDA 2018.1808.10Google Chrome 74yes
  • Result: (fail)
    • command: down arrow
    • Output: "Orange"
  • Result: (pass)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i
    • Output: "list item, read only, 2 of 3"
More information
NVDA 2018.3.2Firefox (desktop) 66none
  • Result: (fail)
    • command: down arrow
    • Output: "Orange"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i
    • Output: "Orange list item, read only"
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOS 12.2Safari (iOS) 12.2none
  • Result: (fail)
    • command: Swipe Right
    • Output: "Orange"
More information
VoiceOver for macOS 10.14.4Safari (macOS) 12.1yes
  • Result: (pass)
    • command: VO + Right arrow
    • 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 SpeakingFirefox (desktop)not applicable-More information
Dragon Naturally SpeakingGoogle Chromenot 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 (desktop)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information

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.

This assertion is from the dd element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
JAWS 2018.1811.2Google Chrome 74none
  • Result: (fail)
    • command: Down arrow
    • Output: "Gray"
More information
JAWS 2018.1811.2Internet Explorer 11.134none
  • Result: (fail)
    • command: Down arrow
    • Output: "Gray"
More information
JAWS 2018.1811.2Firefox (desktop) 66none
  • Result: (fail)
    • command: Down arrow
    • Output: "Gray"
More information
Narrator 1809Microsoft Edge 44.17763none
  • Result: (fail)
    • command: Down arrow
    • Output: "Gray"
More information
NVDA 2018.1808.10Google Chrome 74none
  • Result: (fail)
    • command: down arrow
    • Output: "Gray"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i
    • Output: "Gray paragraph"
More information
NVDA 2018.3.2Firefox (desktop) 66none
  • Result: (fail)
    • command: down arrow
    • Output: "Gray"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i
    • Output: "Gray paragraph"
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOS 12.2Safari (iOS) 12.2none
  • Result: (fail)
    • command: Swipe Right
    • Output: "Gray"
More information
VoiceOver for macOS 10.14.4Safari (macOS) 12.1none
  • Result: (fail)
    • command: VO + Right arrow
    • 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 SpeakingFirefox (desktop)not applicable-More information
Dragon Naturally SpeakingGoogle Chromenot 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 (desktop)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information

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.

This assertion is from the dd element feature.

ATBrowserHas SupportOutputAction
Dragon Naturally SpeakingInternet Explorernot applicable-More information
JAWS 2018.1811.2Google Chrome 74none
  • Result: (fail)
    • command: Down arrow
    • Output: "Gray"
More information
JAWS 2018.1811.2Internet Explorer 11.134none
  • Result: (fail)
    • command: Down arrow
    • Output: "Gray"
More information
JAWS 2018.1811.2Firefox (desktop) 66none
  • Result: (fail)
    • command: Down arrow
    • Output: "Gray"
More information
Narrator 1809Microsoft Edge 44.17763yes
  • Result: (fail)
    • command: Down arrow
    • Output: "Gray"
  • Result: (pass)
    • command: Narrator + 0
    • Output: "4 of 6, level 1"
More information
NVDA 2018.1808.10Google Chrome 74yes
  • Result: (fail)
    • command: down arrow
    • Output: "Gray"
  • Result: (pass)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i
    • Output: "Gray, paragraph"
More information
NVDA 2018.3.2Firefox (desktop) 66none
  • Result: (fail)
    • command: down arrow
    • Output: "Gray"
  • Result: (fail)
    • command: Desktop: NVDA+NUMPAD 5 OR Laptop: NVDA+CTRL+i
    • Output: "Gray, paragraph"
More information
TalkBackGoogle Chrome (android)unknown-More information
VoiceOver for iOS 12.2Safari (iOS) 12.2none
  • Result: (fail)
    • command: Swipe Right
    • Output: "Gray"
More information
VoiceOver for macOS 10.14.4Safari (macOS) 12.1yes
  • Result: (pass)
    • command: VO + Right arrow
    • 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 SpeakingFirefox (desktop)not applicable-More information
Dragon Naturally SpeakingGoogle Chromenot 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 (desktop)unknown-More information
VoiceOver for iOSGoogle Chrome (ios)unknown-More information
VoiceOver for macOSGoogle Chromeunknown-More information
VoiceOver for macOSFirefox (desktop)unknown-More information

History

  • 2019-05-01 Test created