HTML5アクセシビリティ/ ARIA：アーティクル内で翻訳にどのような役割を使用する必要がありますか？

Question

私が取り組んでいるブログでアクセシビリティを向上させたいと思います。ブログはバイリンガルで、デフォルトではハンガリー語で表示されます。フラグをクリックすると言語が変更されます（JavaScriptはclass=js-enでdivからnodisplayクラスを削除し、class=js-huでdivに追加します）。

各記事の2つの部分を分けたいと思います。私は<aside>の使用を検討しましたが、正確ではありません（英語で見ると、ブログの主な内容です）。

有効なタグとARIAの役割を使って、アクセシビリティを改善するために、どうお勧めしますか？

<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属性の役割それ以上ではない：[<div class="js-en" hidden>へ<div class="js-en nodisplay">を変え編集]
：

記事は次のようになり？

プラス側では、:lang pseudo-classを使用して、言語に応じてコンテンツのスタイルを設定できます。

Answer 2

lang属性は通信の重要な部分ですが、質問に対する回答ではありません。

アクセシビリティを変更を通信するためには、WAI-ARIA 状態、ない役割を使用します。この場合、各要素で変更する状態はaria-hidden属性です。

しかし、htmlのhidden属性を使用すると、それが実行されます。 W3CのARIA in HTMLドラフト仕様によれば、aria-hidden状態は自動的にhidden属性を反映します。したがって、すでに隠し属性を使用しているので、それ以上の変更は必要ありません。