教育部國立公共資訊圖書館-黃子菡

網站

教育部國立公共資訊圖書館

姓名

黃子菡

檢測日期

2018-04-18

檢測裝置

iPhone X
MacBook Pro (Retina, 13-inch, Early 2015)

作業系統 與 瀏覽器版本

iOS 11.3/ Safari 11.3
macOS 10.13.4 Beta/ Chrome 65.0.3325.181

解析度(手機螢幕)

375 x 812 pixels

是否會自動跳入行動版欄位?

壞掉的連結

跑版(影響閱讀)問題

  1. 首頁就出現大片空白(圖一)
    解法回文連結
  2. 首頁新聞稿標籤妨礙閱讀(圖二)
    解法回文連結
  3. 首頁 > 主題活動 > 世界書香日 > 2018 世界書香日 > 閱讀尋寶王闖關遊戲活動 :圖片壓縮比例跑掉造成閱讀不適(圖三)
    解法回文連結

(圖一)

(圖二)

(圖三)


無法操作的網頁元素(如按鈕不能按、選單不能選等)

  1. 首頁:公共圖書館家族(圖四)、無障礙專區(圖五)、意見信箱(圖六):點擊皆無效果
    解法回文連結

(圖四)

(圖五)

(圖六)

出現亂碼

  1. 導覽列 > 活動訊息:亂碼(圖七)
    解法回文連結

(圖七)

不能用的外掛程式(Flash、ActiveX、Applet、Silverlight、…)

  1. 首頁 > 數位資源 > 電子書及資料庫 > 設計師隻手 跳轉網站要求更新 Flash (圖八)

(圖八)

網站載入緩慢(相對一般網站)

  1. 首頁 > 關於我們 > 線上服務系統登入(圖九)
  2. 首頁 > 數位資源 > 電子書及資料庫 > 公共圖書館數位資源登入網 同上(圖十)
    解法回文連結

(圖九)

(圖十)

閱讀模式

不可以用

其他(無法判斷屬於以上那個分類的都放在這邊)

  1. 首頁 > 主題活動 > 巡迴展 > 公共圖書館巡迴展:數字連結為電話(圖十一)
    解法回文連結

(圖十一)

對此網站建議(非程式問題皆放置這裡)

首頁圖示跟文字的搭配蠻美的

問題:

可能原因:

設定問題,調整排列設定

原始程式:

位置:https://www.nlpi.edu.tw/css/index/index.css:367

.Information_activity_content li {
  display: inline-block;
  width: 100%;
  margin: 0 0 1.5rem; 
} 

建議修改:

修改368行

.Information_activity_content li {
  display: grid;
  width: 100%;
  margin: 0 0 1.5rem; 
}

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

目前查無此問題,不處理

原始程式:

建議修改:

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

圖片設定錯誤

原始程式:

img {
vertical-align: middle;
height: 100% ;
}

建議修改:

新增height設定

img {
  vertical-align: middle;
  height:  100% !important;
  }

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

程式碼內無連結,請相關單位將連結資料補上,故不處理

原始程式:

建議修改:

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

已無問題,不處理

原始程式:

建議修改:

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

兩個項目皆跳轉到別子網域(公共圖書館數位資源入口網ers.nlpi.edu.tw),載入速度約5秒,可接受,不處理

原始程式:

建議修改:

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

原因為手機自動將數字辨識為電話號碼,無法於此解決,若想改善可以參考此作法,但建議不需調整

原始程式:

建議修改:

補充

結尾(選填,可增加網站建議)