如何在html中为屏幕阅读器指定一般注释

时间:2015-06-10 20:29:06

标签: html5 accessibility wai-aria screen-readers

我有一个HTML5页面,其中包含很多SVG渲染的数学表达式。 对于这些数学片段中的每一个,您可以单击以查看带有MathML表达的数学的新选项卡/页面(其中包含每个SVG数学片段的链接)。

我可以在链接上放置一个title =属性来告诉屏幕阅读器链接的用途,但是当在页面上或在页面中有很多数据时,听到每一个数学运算真的很烦人句。

我的问题有两个:

  1. 是否可以在页面上添加一般注释,以便屏幕阅读器了解替代数学表示?
  2. 如果有可能,这是一个很好的解决方案吗?
  3. 这是当前情况的骨架模型。想象一下,这个在不支持MathML的Web应用程序中,因此数学呈现为SVG。每个随播广告htm文件都包含普通html文件(不是网络应用程序的一部分)中数学的MathML和LaTeX表示。

    <some equation in SVG/>
    where 
    
    <a href="eq1.htm"><svg aria-labelledby="eq1">
      <desc id="eq1">x sub i. 
       Click image for alternative format. 
       Opens in new window or tab</desc>
    </svg></a>
    is the etc ...
    <a href="eq2.htm"><svg aria-labelledby="eq2">
      <desc id="eq2">y sub j. 
       Click image for alternative format. 
       Opens in new window or tab</desc>
    </svg></a>
    is the etc ...
    and
    <a href="eq3.htm"<svg aria-labelledby="eq3">
      <desc id="eq3">R sub i j. 
       Click image for alternative format. 
       Opens in new window or tab</desc>
    </svg></a>
    is the ... etc etc
    

    听取每个数学位的说明变旧(点击图片等等)。 所以我的想法是在页面顶部放置这样的东西会更有用:

    <unknown> <!-- tag at the top of the page -->
    For alternative representation of any math on this page, click the image.
    Opens in new window or tab.
    </unknown>
    

    然后每个数学SVG文本描述仅包含数学描述,没有关于替代表示的注释。

2 个答案:

答案 0 :(得分:0)

查看MathML规范,它现在与最近的屏幕阅读器兼容。

链接:

答案 1 :(得分:0)

您可以在数学上方的页面上添加常规注释,只要它不是任何形式,那么屏幕阅读器应该阅读它,如果它有助于澄清事情那么它应该是有帮助的。

它实际上取决于您的用户以及他们使用的屏幕阅读器(版本)。

如果他们是超级用户,那么上面的说明可能是一个好主意,但如果这是针对普通公众,那么它可能无效。