Ionic2如何處理屏幕閱讀器文本？

Question

我在iOS設備上打開了VoiceOver屏幕閱讀器，以在ionic2項目上對其進行測試。

屏幕閱讀器將讀取html標簽，例如： <h1>標頭1還讀取圖像擴展名為<img>的圖像標簽：“ Image tag png”。

我不需要講html和images標簽。

那么如何處理離子項目中的屏幕閱讀器呢？

謝謝。

Answer 1

我相信VoiceOver會宣布標題級別1、2、3等是預期的行為，因為它告訴用戶文本的重要性級別。

對於圖像，如果圖像傳達了必要的信息，請確保提供alt標簽來描述圖像

<img src="horse.png" at="A gray horse galloping across a green meadow at sunset" />

如果它是裝飾性圖像，沒有有用的內容，或者由周圍的文字描述，則只需添加一個空的alt屬性，VoiceOver應該跳過它。

<img src="decorative.png" alt="" />

要么

<img src="horse.png" alt="" />
<p>A gray horse galloping across a green meadow at sunset.</p>