NVDA未在Outlook中读取带有背景图像的文本

NVDA未在Outlook中读取带有背景图像的文本,outlook,accessibility,html-email,nvda,Outlook,Accessibility,Html Email,Nvda,我一直在努力使我们的电子邮件更容易访问,但当Outlook中有背景图像时,NVDA似乎难以阅读文本。可能是因为VML或其他原因吗?当我在浏览器中查看时,NVDA可以读取它,但我觉得我不应该依赖它。我还没有找到很多关于电子邮件可访问性的最佳实践,也没有任何东西讨论我遇到的这个问题。我对这方面还不太熟悉,所以任何建议都将不胜感激 谢谢 <table role="presentation" class="container_module" id="

我一直在努力使我们的电子邮件更容易访问,但当Outlook中有背景图像时,NVDA似乎难以阅读文本。可能是因为VML或其他原因吗?当我在浏览器中查看时,NVDA可以读取它,但我觉得我不应该依赖它。我还没有找到很多关于电子邮件可访问性的最佳实践,也没有任何东西讨论我遇到的这个问题。我对这方面还不太熟悉,所以任何建议都将不胜感激

谢谢

<table role="presentation" class="container_module" id="heroWCTA" border="0" cellpadding="0" cellspacing="0" align="center" width="100%" style="margin:0; vertical-align:top;"> 
<tbody> 
<tr> 
<td align="center" valign="top" width="100%" background="https://via.placeholder.com/660x220" style=" background-image:url(https://via.placeholder.com/660x220); background-repeat:no-repeat; background-size:cover; background-position: center center; margin: 0;"> 
<!--[if gte mso 9]>
                                    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px; height:210px;">
                                    <v:fill type="frame" src="https://via.placeholder.com/660x220" />
                                    <v:textbox inset="10,10,10,10" v-text-anchor="top">
                                    <![endif]--> 
<table role="presentation" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" style="vertical-align:top;"> 
<tbody> 
<tr> 
<td class="padding_top_60 padding_right_110 padding_bottom_12 padding_left_17 text_18_18" width="100%" valign="top" align="left" style="color:#ffffff; vertical-align:top; padding: 30px 15px 15px 32px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height: 22px; -webkit-text-size-adjust:none;"> 
<div id="heroText"> 
<h2 class="text_18_18" style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height: 22px; color:#ffffff; margin:0;"><b>Lorem ipsum<br> dolor sit amet,<br> coctetuer adipiscing<br> elit</b></h2> 
</div> </td> 
</tr> 
<tr> 
<td class="padding_bottom_60" width="100%" align="left" style="padding-bottom: 25px; margin: 0;"> 
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="vertical-align:top; margin: 0; padding: 0;"> 
<tbody> 
<tr> 
<td class="content_17" width="32" align="left" style="padding: 0; margin: 0;font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; width: 32px;">&nbsp;</td> 
<td align="left" style="padding: 0; margin: 0;"> 
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="vertical-align:top; margin: 0; padding: 0;"> 
<tbody> 
<tr> 
<td class="height_22" height="28" width="100%" align="center" border="2" valign="middle" style=" vertical-align:middle; font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 2px solid #00aeef; background-color:#00aeef;"> 
<!--[if mso]>
<table>
<tr>
<td style="background-color: #00aeef; padding: 7px 10px; text-align: center;"><![endif]--><a class="height_22" role="button" href=
"http://go.na.panasonic.com/SU0K1G00F0005J01H00G00O" style=" 
text-decoration:none; color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 12px; vertical-align:middle; height:28px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding:7px 10px; "
><b>Learn More</b></a><br> 
<!--[if mso]></td>
</tr>
</table>
<![endif]--></td> 
</tr> 
</tbody> 
</table> </td> 
<td class="content_17" width="32" align="right" style="padding: 0; margin: 0;font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; width: 32px;">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> 
<!--[if gte mso 9]></v:textbox></v:rect><![endif]--> </td> 
</tr> 
</tbody> 
</table>


同侧眼睛
坐在同一张床上,
与他人告别
精英

这是否回答了您的问题?不幸的是,没有。NVDA完全跳过了整个部分,我更担心的是文本没有被读取,而不是背景图像。这可能是因为Outlook将VML块创建为Outlook中的一个元素。由于该语言是MS Word的母语,NVDA无法读取/解码该语言。你最好在outlook中使用静态背景图像,在其他电子邮件客户中使用背景图像。这很讽刺,因为我们使用文本覆盖实现背景图像的全部目的是因为我们认为它们更容易访问。谢谢你的意见。我可以把这个带到我的团队,讨论我们的选择。这能回答你的问题吗?不幸的是,没有。NVDA完全跳过了整个部分,我更担心的是文本没有被读取,而不是背景图像。这可能是因为Outlook将VML块创建为Outlook中的一个元素。由于该语言是MS Word的母语,NVDA无法读取/解码该语言。你最好在outlook中使用静态背景图像,在其他电子邮件客户中使用背景图像。这很讽刺,因为我们使用文本覆盖实现背景图像的全部目的是因为我们认为它们更容易访问。谢谢你的意见。我可以把这个带到我的团队,讨论我们的选择。