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

ray 交通部
, ,
#1

網站

交通部交通安全入口網

姓名

高偉庭

檢測日期

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. 有些頁面的行距與其他處不同，建議可以統一
#2

問題：

可能原因：

RWD 沒設定好

原始程式：

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

建議修改：

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

補充

image

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

無

#3

問題：

可能原因：

設計問題

建議修改：

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

補充

image

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

無

#4

問題：

可能原因：

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)

無