交通部交通安全入口網-高偉庭

網站

交通部交通安全入口網

姓名

高偉庭

檢測日期

2018-05-02

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 64.0.3325.109

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結

  1. 首頁> 關於我們>組織架構>新北市道路交通安全督導會報
    首頁> 關於我們>組織架構>澎湖縣道路交通安全聯席會報
    404 Not Found

  1. 首頁>縣市事故比較
    直接按網頁只會重整,不會跳轉到該跳轉的網頁

  1. 首頁>服務專區>相關連結>行政院重大政策
    該網站已改版。建議可以更新,直接連到相對應的網站就好了
    2018-05-02_191119

跑版(影響閱讀)問題

  1. 首頁
    無人機管理專區的標題前方不應該有空格 // 解法回文連結
    2018-05-02_130526

  1. 首頁>道安訊息>交通新聞點進去的每一則
    首頁>交通標誌法規>相關法規
    連結文字顯示不全且無法滑動 // 解法回文連結
    2018-05-02_141435

  1. 首頁>影音專區>宣導動漫
    標題的第二行會與第一行重疊 // 解法回文連結
    2018-05-02_185952

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

出現亂碼

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

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

閱讀模式

不適用

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

  1. 首頁
    這部份的背景應該公車與馬路照片,但是只在電腦版中看的清楚、手機版看不清楚,建議手機版這部份底圖直接拿掉,才不會讓讀者混淆 (介面設計問題)
    手機版:
    2018-05-02_130731
    電腦版:
    2018-05-02_130850

  1. 首頁
    只有無人機專區的更多按紐旁邊無左右鍵,其他項都有,建議統一 (介面設計問題)
    2018-05-02_131053

  1. 首頁>教材專區>交通安全網頁及作品
    每一個點進去都找不到教材的下載點欸 (介面設計問題)
    2018-05-02_190813

  1. 首頁>服務專區>社群服務
    頁面中沒有任何可以連到該粉專的連結 (介面設計問題)
    2018-05-02_191304

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

  1. 首頁>道安訊息>金安獎頒獎典禮,同其餘有表格的頁面
    表格顏色都一樣會不易閱讀
    2018-05-02_141035

  1. 首頁
    有點雜亂,太多專區,讓首頁頁面太長而沒有重點(

  1. 頁首的交通安全入口網標誌與字樣畫質有點差
    2018-05-02_191632

  1. 有些頁面的行距與其他處不同,建議可以統一

問題:

可能原因:

RWD 沒設定好

原始程式:

第 326 行
<span style="color:#368cd6;">&nbsp; &nbsp; &nbsp; &nbsp; 無人機</span>

建議修改:

第 326 行 刪除       
<span style="color:#368cd6;">無人機</span>

補充

image

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

問題:

可能原因:

設計問題

建議修改:

若需正常顯示請使用縮網址。

補充

image

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

問題:

可能原因:

RWD 沒設定好

原始程式:

168交通安全入口網 第 1 行
.content_middle .main .data_midlle .past_team ul li .team_des li+li a {
    background-color: #35b2e5;
    color: #FFFFFF;
    padding: 3px 3px 3px 3px;
    }

建議修改:

168交通安全入口網 第 1 行 增加 line-height: 1.5;
.content_middle .main .data_midlle .past_team ul li .team_des li+li a {
    background-color: #35b2e5;
    color: #FFFFFF;
    padding: 3px 3px 3px 3px;
    line-height: 1.5;
    }

補充

image

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