Link | Inline | Title | No ARIA
Screen reader outputs “Warning, link” or similar. Working Example Warning Code
Content | Hide | Duplicate Visual Text
Screen reader outputs “Success! Your order went through.” Working Example checkmark Success! Your order went through. Code
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