モバイルスクリーンリーダーは、HTMLドキュメントのオフスクリーンまたは下位の「Z-インデックス」アイテムを「クリック」しない

Question

私は間違っているか、モバイルスクリーンリーダーがオフスクリーンアイテムを「クリック」できないのですか？私はそうのように、メイン画面からずれた項目がある場合：その上

.button { 
    position: absolute; 
    left: -9999px; 
} 

ダブルタップを集中が動作しているようです、またAndroidのどちらIOSていないとき。実際には、より低い数字のz-index値を使用して他のものの背後にある値がz-indexという値に達しているアイテムは、到達不能であるようです。たとえば：

.below-button { 
    position: absolute; 
    z-index: 1; 
} 

.top-layer { 
    position: absolute; 
    z-index: 2; 
} 

が、私はその上にtop-layerを持つbelow-buttonの「タップ」にしようとすると、私はtop-layer上の唯一の「タップ」することができます。スクリーンリーダーは最高値のz-index値アイテムとしかやりとりできません。

このトピックに関するお手伝いがあれば歓迎します。

Answer 1

z-indexを持っていることがあなたの趣旨です。 MDN 1として

、

のz-indexプロパティは、位置決め要素とその子孫のz順序を指定します。要素が重なっているときは、どちらが他の要素をカバーしているかを判断します。より大きなz-インデックスを有する要素は、一般に、より低い要素をカバーする。すなわち

、z-index高いが常に同じposition性を有する場合にz-index下でそれによって覆わ要素よりポインタイベントの優先順位を有することになると素子。それ以外の場合は、position: absolute要素がposition: relative要素よりも優先されます。