プレゼンテーションに使用するARIAマークアップラジオボタンはどうですか？

Question

私は、プレゼンテーションのために使用されているラジオボタンではなく、実際のフォーム要素を持っている：

CSS

input[type='radio']:checked + a { 
    background: #ccc; 
} 

HTML

<fieldset> 
    <input type="radio" role="presentation" name="suggestion" id="suggestions_arts centre" value="arts centre" aria-hidden="true"> 
    <a href="search.json?query=arts centre" tabindex="0"><span class="show-for-sr">Search for: </span><span style="font-weight: bold;">arts</span> centre</a> 
    <input type="radio" role="presentation" name="suggestion" id="suggestions_arts" value="arts" aria-hidden="true"> 
    <a href="search.json?query=arts" tabindex="0"><span class="show-for-sr">Search for: </span><span style="font-weight: bold;">arts</span></a> 
    ... 

は、これは私が一巡したユーザの矢印キーにユーザーを許可することができます私が望むリンクです。私はこれがラジオボタンが意図しているものではなく、ナビゲーション用のリストではないことを知っていますが、JavaScriptを使ってページを過度に複雑にすることなく、ビヘイビアを組み込んだブラウザを貸し出すことができます。

とにかく、ARIAをラジオ/マークアップのマークアップに使用して、クロムプラグイン（SiteImprove）が私に言っているように、読者にどのような目的があるのか​​を明らかにするにはどうすればよいですか？ "まだ、または私は上記のOKですか？

Answer 1

これはまったく直感的ではありません。

ARIAの第二法則：あなたは本当にしていない限り、

は、ネイティブのセマンティクスを変更しないでください。 ARIAの

第四のルール：

が役割= "プレゼンテーション" またはARIA - 隠された目に見えるフォーカス可能な要素に= "true" を使用しないでください。