2017-07-22 20 views
0

作爲文本的Web輔助功能級別AA的規格之一可以調整爲200%,而不會丟失任何內容或功能。輔助功能和文字大小,如何?

所以,如果我放大到200%,一切都需要看起來正確。
如何才能達到有關字體大小?

+0

你能澄清一下你的問題嗎?例如,您是否遇到過放大時無法縮放的任何字體大小單位? ('px','pt','em'和'%'都允許在頁面縮放時調整大小。) –

回答

1

問題不在於字體大小或字體大小單位,因爲大多數常用瀏覽器都具有內置縮放功能,可放大任何文本,而不管字體大小單位如何。問題在於調整大小可能會導致文本容器開始重疊,從而導致某些內容或功能變得不可見(因爲它最終落後於其他內容)。 Success criterion 1.4.4是在縮放功能尚未像今天那樣廣泛時編寫的。 (在2008年,有幾個瀏覽器支持縮放,但許多人仍在使用不支持縮放的舊瀏覽器,並且文本縮放 - 與縮放不盡相同 - 可能導致網頁內容重疊。)

因此,在使用諸如em,%,rem等單位時,您需要確保相鄰顯示的文本容器(例如section元素,nav等)不會當您放大到200%或將文本調整到200%時重疊。例如,您可以使用單位(如%em)來描述列寬,或者可以確保在放大時以默認大小彼此相鄰的文本容器彼此相鄰。如果使用響應式設計製作您的網頁適應不同的屏幕尺寸,您還應該能夠處理桌面瀏覽器中的縮放。

0

你應該嘗試使用pxem代替..

例如,如果你有你的div裏面body - 假設頁面的主體設定爲16pxfont-size

如果在div部分中想要的字體大小是12px,那麼您應該指定0.75em(因爲12/16 = 0.75)。

+0

當您使用'px'值表示字體大小時,您認爲縮放不起作用嗎? –

0

您應該嘗試使用「rem」(支持大多數瀏覽器)。 然後你設置根(html)的字體大小,並且例如如果你想讓「h1」總是2倍於body,將其設置爲2rem;