HTML details element test
Test
- The <details> element summary content must be announced.
- The <details> element content must be announced.
Example
Latest news
News item here
Latest RSS feeds
RSS feed here
Code sample
<details>
<summary>Latest news</summary>
<p>News item here</p>
</details>
<details open>
<summary>Latest RSS feeds</summary>
<p>RSS feed here</p>
</details>
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 |
"Latest news" "News item here" "Latest RSS feeds" "RSS feed here" |
"Latest news" "Blank" "News item here" "Blank" "Latest RSS feeds" "Blank" "RSS feed here" |
|
| Windows 7 | IE 8 |
"Latest news" "News item here" "Latest RSS feeds" "RSS feed here" |
"Latest news" "Blank" "News item here" "Blank" "Latest RSS feeds" "Blank" "RSS feed here" |
|
| Windows 7 | Chrome 39 | Page with <details> element crashes when NVDA turned on. | Page with <details> element crashes when JAWS turned on. | |
| Windows 7 | Firefox 34 |
"Latest news" "News item here" "Latest RSS feeds" "RSS feed here" |
"Latest news" "Blank" "News item here" "Blank" "Latest RSS feeds" "Blank" "RSS feed here" |
|
| OSX 10.9 | Chrome 39 | Page with <details> element crashes when Voiceover turned on | ||
| OSX 10.9 | Firefox 34 |
"Latest news" "News item here" "Latest RSS feeds" "RSS feed here" |
||
| OSX 10.9 | Safari 7 |
"Latest news. Dimmed" "News item here" "Latest RSS feeds. Dimmed" "RSS feed here" |