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

问题描述

我一直在尝试使我们的电子邮件更易于访问，但是当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" 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,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,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,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,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,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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）