跳到主要內容
  • 字級
:::|

1.4.10 SC2141004E 使用與文字大小成比例的方式計算大小和位置

稽核評量碼

SC2141004E

對應成功準則

1.4.10

對應認證等級

AA

對應國際技術碼

SCR34

類別

Client-Side Scripting

訊息

使用與文字大小成比例的方式計算大小和位置

英文訊息

SCR34: Calculating size and position in a way that scales with text size

規則說明

必須遵守以縮放文字大小的方式來計算元素的大小和位置。

使用JavaScript中的四個屬性可幫助確定元素的大小和位置:

  • offsetHeight(元素的高度,以像素為單位)
  • offsetWidth(元素的寬度,以像素為單位)
  • offsetLeft(元素到其父元素(offsetParent)左側的距離,以像素為單位)
  • offsetTop(元素到其父元素(offsetParent)的頂部的距離,以像素為單位)

檢測說明

程序

  1. 打開一個隨著文字大小的改變而調整容器大小的頁面。
  2. 使用瀏覽器的文字大小調整功能(不使用縮放功能)將文字大小放大至200%。
  3. 檢查文字,以確保調整文字容器的大小可適應文字的大小。
  4. 確保沒有因文字大小的增加而導致文字被“裁切”或消失。

預期結果

檢查#3和#4為是。

說明

參考資源

相關技術

  • C12: Using percent for font sizes
  • C14: Using em units for font sizes
  • C17: Scaling form elements which contain text
  • C20: Using relative measurements to set column widths so that lines can average 80 characters or less when the browser is resized
  • C24: Using percentage values in CSS for container sizes
  • G206: Providing options within the content to switch to a layout that does not require the user to scroll horizontally to read a line of text