accessibility android跳過導航鏈接不起作用

Question

我已經添加了跳轉到我的web應用程序標題上的主要內容鏈接。它在Windows和MacOS中按預期工作。它甚至可以在iPhone中按預期工作。但是這同樣不適用於Android Chrome瀏覽器/對話。

當我進一步檢查時，即使在webaim.org中，此跳過導航鏈接也不起作用。我提到的代碼https://www.bignerdranch.com/blog/web-accessibility-skip-navigation-links/

有人可以請幫助爲什麼android chrome有這個問題嗎？這是瀏覽器行爲嗎？請幫忙。

Answer 1

讓我們來分析一下在這種情況下發生了什麼。

1）話語提示設置ACCESSIBILITY_FOCUS的元素

這是非常重要的，注意這個說ACCESSIBILITY_FOCUS不FOCUS。要使隱藏的skipnav鏈接變得可見，需要將FOCUS作爲元素標記爲可見（或者可能將其移至屏幕上）：focus僞選擇器是一個非常常見的實現。這樣的控件收到FOCUS非常重要，它從來不會用TalkBack。

2）用戶雙擊點擊他們剛纔聽到的元素獲得焦點。

當用戶激活控件時，物理點擊事件被設置爲控件的屏幕焦點矩形的中間。類似於實際觸摸屏幕。

3）瀏覽器看到頁面上發生物理點擊事件。

話語提示基本上已經盲目地發送一個鼠標按下事件給無關或也許這種無形的元素疊加另一個控制頁面的某個區域。無論哪種方式，瀏覽器想要點擊的東西永遠不會「可見」，因爲它從來沒有正確獲得FOCUS只ACCESSIBILITY_FOCUS，所以控件不會被點擊。