Content | IMG | alt + role=img
Screen reader outputs “checkmark, image” or similar. Working Example Code
Content | IMG | alt
Screen reader outputs “checkmark, image” or similar. Working Example Code
Content | Inline | With ARIA | Title + Description (2 values in aria-labelledby)
Screen reader outputs “red square, a plain red square defined at 50 pixels length and height, image” or similar. Working Example red square A plain red square defined at 50 pixels length and height. Code
Content | Inline | With ARIA | Title + Description
Screen reader outputs “red square, a plain red square defined at 50 pixels length and height, image” or similar. Working Example red square A plain red square defined at 50 pixels length and height. Code
Content | Inline | Title + Description | No ARIA
Screen reader outputs “red square, a plain red square defined at 50 pixels length and height, image” or similar. Working Example red square A plain red square defined at 50 pixels length and height. Code
Content | Inline | Title | with ARIA | role=img + aria-labelledby
Screen reader outputs “red square, image” or similar. Working Example red square Code