Difference between revisions of "Figure and Figcaption Elements"
Jump to navigation
Jump to search
The SSB Vienna, VA Office Building
Power Scooter.
© MyScooterShop
JavaScript Alert dialog code
Rnickelson (talk | contribs) |
|||
(3 intermediate revisions by one other user not shown) | |||
Line 7: | Line 7: | ||
</figure> | </figure> | ||
− | <figure role="group" aria-label="Figure 1"> <img alt="a power scooter with basket"> <figcaption>Power Scooter. | + | <figure role="group" aria-label="Figure 1"> <img src="https://mraccess77.github.io/images/help.png" alt="a power scooter with basket"> <figcaption>Power Scooter. |
© MyScooterShop</figcaption> | © MyScooterShop</figcaption> | ||
</figure> | </figure> | ||
Line 32: | Line 32: | ||
</html> | </html> | ||
+ | ==Figure with no figcaption== | ||
+ | <html> | ||
+ | <figure> | ||
+ | <div>test</div> | ||
+ | </figure> | ||
+ | </html> | ||
+ | ==results== | ||
+ | Tested with JAWS, Voiceover on iOS and NvDA. JAWS is the only Screen reader that announced the Figure roll. | ||
[[Category:Elements]] | [[Category:Elements]] | ||
[[Category:HTML5]] | [[Category:HTML5]] |
Latest revision as of 17:14, 12 February 2019
Contents
Image with alt in figure with figcaption


Non-image figure and caption
window.alert('Email address is invalid');
Figure with background image
Figure with no figcaption
test
results
Tested with JAWS, Voiceover on iOS and NvDA. JAWS is the only Screen reader that announced the Figure roll.