模板:Screen reader-only/doc
跳至導覽
跳至搜尋
| File:Edit-copy green.svg | 此頁面是Template:Screen reader-only的模板文件。 此頁面可能包含了模板的使用說明、分類和其他內容。 |
| File:WP-TranslationProject TwoFlags.svg | 本模板有內容譯自英語維基百科頁面「Template:Screen reader-only」（原作者列於其歷史記錄頁）。 |
| 警告 | 此模板文件被引用於許多頁面。 為了避免造成大規模的影響，所有對此模板文件的編輯應先於沙盒、測試樣例或您的沙盒上測試。 測試後無誤的版本可以一次性地加入此模板文件中，但是修改前請務必於討論頁發起討論。 模板引用數量會自動更新。 |
| CSS | 本模板使用以下模板樣式： |
此模板會生成僅會被屏幕閱讀器讀出來的不可見文本。模板僅有一個命名參數，根據該參數內容生成不會被瀏覽器顯示，但是會被屏幕閱讀器讀出來的內容。
第一部分。{{Screen reader-only|僅供屏幕閱讀器的第二部分。}}第三部分。 → 第一部分。僅供屏幕閱讀器的第二部分。第三部分。
這個模板僅應當用於向有視力的用戶隱藏視覺上與周圍可見文本重複的文本。
在表格標題中[編輯]
主要的用途時當標題下面有個表格時，其標題單元格與表格的標題等同。這個模板可用於向有視力的用戶隱藏表格標題（因為重複），而允許屏幕器把表格標題讀出來。例如，如果屏幕閱讀器讀出文章中的一系列的表格，允許直接導航到特定的表格。
如果表格移到了遠離標題單元格的另一個位置，則應該移除這個模板，以允許有視力的用戶看到表格標題。這是WCAG 1.3.1的要求。
示例[編輯]
下面的表格的個表格標題：「示例表格」，會被屏幕閱讀器讀出來。
|+ {{Screen reader-only|示例表格}}
示例表格[編輯]
| 標題單元格 | 信息 |
|---|---|
| Row hdr 1 | data 1 |
| Row hdr 2 | data 2 |
| Row hdr 3 | data 3 |
TemplateData[編輯]
Screen reader-only模板資料
<templatedata> { "params": { "1": { "label": "Text", "type": "string", "required": true } }, "format": "inline", "description": "提供的文本不會被瀏覽器顯示，但是會被屏幕閱讀器讀出來。" } </templatedata>