HTML5 辅助功能/ARIA : What role should I use within an article for the translation?

Question

我想改进我正在处理的博客的可访问性。该博客是双语的，默认情况下以匈牙利语显示。单击标志会触发语言更改(JavaScript 使用 nodisplay 从 div 中删除 class=js-en 类，并使用 class=js-hu 将其添加到 div)。

我想将每篇文章的两个部分分开。我考虑过使用 <aside> , 但它并不准确(当以英文查看时，它也是主要博客内容)。

对于使用有效标签和 ARIA 角色，您有什么建议来提高可访问性？

帖子看起来像这样:
[编辑:已更改 <div class="js-en nodisplay">至 <div class="js-en" hidden> ]

<article>
  
  <div class="js-hu"> <!-- blog post in Hungarian -->
    <p>
      magyar szöveg, nem értenéd
    </p>
  </div>

  <div class="js-en" hidden> <!-- blog post in English -->
    <p>
      same text in English
    </p>
  </div>
  
 </article>

Answer 1

这不是lang的作用更大吗？属性？

从好的方面来说，您将能够使用 :lang pseudo-class 根据语言设置内容样式。 .