新版新浪微博在無障礙優化方面可以做哪些改進？

看到@楊永全 老師說新版新浪微博不好用，想請視障知友在這裡吐槽，以便新浪微博改進。

---

前幾天吧新浪微博升級到新版之後，一直感覺非常不爽，所以最近幾天幾乎沒有發微博的心情了。

[湖瑪Humar](http://weibo.com/huma)在之乎創建了個話題討論新版新浪微博可以做哪些無障礙優化，於是今晚花了一些時間仔細查看了新浪微博新版。

其實新版沒有之前印象中那麼差，我現在想來之前之所以會留下新版很差的印象，原因在於新版出現了很多細節上的不注意，這主要是對html代碼寫的不夠規範，導致讀屏軟體讀出來很多詭異的內容。

我當時本來懷著對新版的一份期望進行了升級，結果升級後的第一印象就是聽到那些毫無意義的提示，心情自然很不爽。

從我的這次微博升級，我想對於產品細節的把握，會在不經意間影響到用戶的使用體驗，或許就是代碼中少寫了一個單詞，就可能流失一個用戶呢。

下面給出幾個具體的代碼例子，其實問題並不多，只要加以注意，做做調整，很快會便的好起來的。

### 頂部搜索表單

&

&

&&

&

&&

&

&&

&&

&

&

&&

### 問題分析

1. 從input標籤猜測這應該是個表單，但沒有通常的表單屬性，也沒有普通的提交按鈕。

2. 如果這可以當作表單，那麼input元素沒有給出label來關聯該編輯框的用途。

3. 從這段代碼很難知道這裡具體是做什麼用途，從css和input的有關屬性猜測可能用於搜索，但具體搜索範圍和內容無從知曉。

4. 如果a元素被用來作為提交按鈕，顯然沒有任何文字提示他是提交搜索按鈕。

### 頂部個人信息區域部分代碼

&

&

&&

&

&&&&&&&

&

&

&&

&

&&

&

&&&&

&

&

&&

&

&&&http://vip.weibo.com/personal?topnav=1wvr=5" class="gn_tab gn_member">&&&&

&

&

&

&

&

&&

### 問題與總結

1. 代碼中三個a元素既沒有innerText也沒有title。

2. 這是新浪微博存在的最普遍的問題之一。鏈接沒有文字提示是最痛苦的事情，我完全不知道我點擊了這個鏈接後會帶我到什麼地方去。

## 其他細節

1. logo，個人感覺logo應該是個有價值的圖片，使用img元素會更好一些。如果實在不用img，那麼至少在現有的狀態下，給a加上title。

2. 頁面頂部的首頁，應用，微吧，遊戲和搜索區沒有必要使用tabindex屬性。他們在頁面頂部，本身tab順序已經在最前面了，加tabindex沒有意義，何況現在居然用的是tabindex=4，想不明白為什麼用序號4。

3. 左側藍的分組和應用，都有個「展開」鏈接，用來顯示更多分組或者應用。如果單純按tab鍵，聽到「展開」鏈接或者「摺疊」鏈接，是很難知道這個鏈接的具體用途的。建議給這樣的鏈接加上title用來描述其具體用途，比如&展開&

4. 建議在頁面主要區域增加跳轉快捷鍵，用來在左右側欄和中間微博內容區域之間切換。

5. 建議可以對左右側欄分別進行完全摺疊和展開。

## 結語

讀屏軟體對網頁的朗讀實際上是建立在對html的解析上，讀屏軟體是按照html的相關規範來處理的，所以html書寫的是否規範，是直接影響到讀屏朗讀效果的，也直接影響到使用讀屏軟體訪問網頁的用戶的體驗的。

新浪微博是很不注意html的細節處理的，尤其在對容易影響讀屏朗讀效果的表單，鏈接等方面就格外突出。

個人建議很簡單，吧html寫規範。

推薦參考下面鏈接：

(http://www.zd.hk/viewtopic.php?f=5t=980)

(http://www.zhihu.com/question/20487917?utm_source=weiboutm_medium=weibo_shareutm_content=share_questionutm_campaign=share_sidebar)

---

謝邀請。還是不吐槽了。

從新版剛開始測試升級，就在音樂群要了一個邀請碼升級了。升級玩滿滿的都是彆扭。

要想說清楚哪裡感覺不好用，就要從新版微博的頁面結構和讀屏軟體瀏覽網頁的方式說起了。

新版微博頁面採用的是三欄的結構，讀屏軟體瀏覽網頁最重要的就是 TAB 導航的順序了。按照 TAB 順序，依次從左側的 （提到我的）…到分組…，在到（微刊）、（微話題）等。

其次是中欄的微博內容列表，最後才是右欄的內容。

之前的（關注）、（粉絲）、（微博）在頁面的左欄起始處，現在放到了右欄的起始位置。就是這個位置簡單的移動，就造成了最大的彆扭。若按 TAB導航的順序，需要瀏覽完素有的左欄和中欄的內容才能到達這裡。

當然，也可以按 Shift+TAB 反嚮導航，但它們卻在右欄的起始位置，而右欄下的內容相當多，剛數了下，按 Shift+TAB 反嚮導航到（關注）、（粉絲）、（微博）這裡，需要按 100 多次。各位可以用鍵盤試試喲！

這應該就是新版微博對鍵盤訪問最大的問題了。還有一些其它細節上的問題，也一併說了。

沒有給（帳號）、（消息）、（會員）這三處可展開菜單的鏈接家 TAB 可識別的文字標籤。

在（關注）和（粉絲）頁 TAB 導航到搜索關注人和粉絲的輸入框時，無法用 TAB 繼續導航， TAB 會卡在該輸入框。（之前版本就存在該問題）

等想起來了在繼續補充。

只要把（關注）、（粉絲）、（微博）換回原來的位置，使用上變會和之前的版本無太大的差異。

不知新浪是否願意對頁面結構重新調整呢？

---

1、刷新就在主屏浮起推薦關注，這太討厭了，推薦關注在首屏能看到就行了，強行讓用戶做這事很流氓。

2、在有些人的微博下好像顯示這人的檔案信息，內容足以讓用戶決定是否要進一步閱讀，有點畫蛇添足。

---

推薦閱讀：