2017年5月2日

NVDA也有天眼通?

視障人士操作電腦需要依靠螢幕報讀軟體如NVDA將螢幕上的資訊告知使用者,好讓視障者可以了解情況,進而以鍵盤或滑鼠操作電腦,螢幕報讀軟體扮演的角色如同人的眼精,話雖如此,它「看」到的跟眼睛看到的可不一樣,以文字來說,螢幕上看起來是文字卻不一定是文字,此話怎講?

舉個簡單的例子,在Windows的附屬應用程式裡有個大家都很熟悉的小畫家,除了可以隨意塗鴉外,還可以加上文字,完成的作品是以jpg、png等圖檔格式儲存。
當存成圖像格式候,眼睛看到圖像上的文字已經不再是文字,因為圖像的內容是由一點一點的像素所構成,圖像裡的文字也是由一點一點的像素所構成,而在電腦世界裡所謂的文字並不是由圖像所構成,所有的文字都會有對應的文字編碼,電腦的作業系統會根據不同的文字編碼顯示不同的文字。
螢幕上呈現的文字其構成方式可能截然不同,但看起來並沒有什麼差異,不過對於代替視障者眼睛的螢幕報讀軟體來說可差多了,就電腦而言圖上的字不是字,螢幕報讀軟體只能辨別具有文字編碼的文字而已,對圖形是無能為力的。

以NVDA瀏覽到網頁上的圖像,告知「圖片 XXXX”或「XXXX 圖片」,不是說讀不出圖片嗎?為何NVDA還能告知圖片內容,莫非它具有識別圖片的超能力?
事情當然不是這樣的。

NVDA能夠告知圖片內容的祕密不在NVDA,而跟圖片有關,當然也不是圖片本身暗藏了什麼機關。
網頁內容的呈現是透過HTML語法,在此語法中關於圖片語法有個alt屬性,這個屬性可以針對圖片提供文字說明,該說明不會呈現在網頁上,但NVDA會讀取說明文字,也就因為這個原故使用者便聽到了圖片內容。
有趣的是若圖片語法沒有加上alt說明文字,NVDA則相應不理,使用者會以為圖片不存在呢!

HTML語法中為圖片加上說明文字並沒有什麼困難的技術,但因為不可見且對看得到的人來說沒有必要,往往就被忽略了,這可苦了以螢幕報讀軟體瀏覽網頁的視障者,所以不論是國外還是國內提倡的無障礙網頁,為圖片加上說明文字可是很重要的一個項目喔!

圖片加上說明文字很容易,但可也不是有就好了,下方有一張燈會花燈的照片。

燈會花燈


照片的說明文字為「燈會花燈」,雖然知道是花燈,但說明的不夠清楚,以下有3個不同的說明,哪一個最適合做為照片的說明文字呢?

台灣燈會花燈-宇宙塔
2016 台灣燈會花燈-宇宙塔
2016 台灣燈會的台灣第一座大型玻璃花燈-宇宙塔

在沒有前後相關內容的情況下,第3個應該是最適合的說明了,由此可知圖片的說明文字如何表達將會左右閱讀者的認知理解,給個有意義的說明文字,讓視障者都成為能「看」到圖片的天眼通!


延伸閱讀