Image not getting hidden from screen reader
We have a decorative image embedded in an email, the accessibility requirement is that this image should be hidden from screen reader like NVDA. We have added alt="" and aria-hidden="true" in the image source code, but still it is getting recognized by the screen reader and being read as "image".
<td><img alt="" aria-hidden="true" height="168" src="webwb/XYZ.png" style="outline: none; border: none; display: block;" width="264" /></td>
HCA Healthcare
US
in HTML email, aria-hidden is often ignored, so NVDA can still announce an img even when alt is empty.
Use alt="" plus role="presentation" (or role="none") on the img, remove any title, and be sure it isn’t inside a link or focusable.
Example: <img src="webwb/XYZ.png" alt="" role="presentation" aria-hidden="true" width="264" height="168" style="border:0;outline:0;display:block;">.
If Outlook is in play, it may still say “image,” because Word’s engine is quirky.
The bulletproof fix for decorative art in emails is to avoid <img> entirely and render it as a CSS background on the container.
Example: <td style="background:url(webwb/XYZ.png) no-repeat 0 0; width:264px; height:168px;" role="presentation" aria-hidden="true"></td>.
Double-check that your alt is truly empty (no spaces), there’s no <picture> fallback, and no filename leaking in blocked-image mode.
Keep width/height for layout, but never add a title, aria-label, or tabindex.
Bottom line: for emails, alt="" + role="presentation" is best-effort, and background images are the reliable way to keep decorative graphics completely silent.