中華民國財政部-柯宥辰

ray 財政部
, ,
#1

網站

中華民國財政部

姓名

柯宥辰

檢測日期

2018-04-02

檢測裝置

i6
MacBook Pro (13-inch, 2017, Four Thunderbolt 3 Ports)

作業系統 與 瀏覽器版本

ios 10.12.6

解析度（手機螢幕）

375*667 pixels

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

ＲＷＤ

壞掉的連結

[首頁>訊息公告>國家金融安定基金訊息>每季公告之財務報表、每年之決算書]：（圖一）
解法回文連結
國家金融安定基金管理那個反白的地方點進去沒有東西
（圖一）
30

跑版（影響閱讀）問題

[首頁]：所有網頁右邊都有留白（範例圖）
（範例圖）
解法回文連結
S__371605506

以下皆fb圖檔到文字：
[首頁>主題專區>消費保護 ]：（範例圖）
[首頁>財政部及所屬機關>聯絡資訊一覽]：
[首頁>財政部及所屬機關>沿革組織職掌 ]：
[首頁>政策與計畫>研究發展 ]：
（範例圖）
解法回文連結
17

以下皆表格超出頁面：
[首頁>服務園地>與民交流區>Web2.0服務]：（範例圖）
解法回文連結
[首頁>服務園地>行動資訊互連市集>相關APP]：
解法回文連結
[首頁>財政及貿易統計>統計出版品]：
解法回文連結
（範例圖）
05

以下皆文字超出頁面：
[首頁>財政及貿易統計>財政及稅負統計>重要財政指標]：
[首頁>主題專區>主動公開之政府資訊>行政指導有關文書]：
[首頁>主題專區>廉政專區>檢舉管道]：（範例圖）
（範例圖）
01

[首頁>政策與計畫>施政計畫]：表格及文字超出頁面
07

[首頁>財政法規>促參法規>促參法規 ]：伺服器錯誤
解法回文連結
50

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

以下皆無法載入連結：
[首頁>訊息公告>國家金融安定基金訊息>Statute for the Establishment and Administration of the National Financial Stabilization Fund]：(範例圖一)
[首頁>服務園地>促參服務資訊 ]：（範例圖二）
[首頁>服務園地>出版刊物>促參 ]：
[首頁>服務園地>出版刊物>財政雙語詞典]：
[首頁>財政法規>法規預告>法規預告 ]：
[首頁>財政法規>促參法規>解釋函 ]：
[首頁>主題專區>書面之公共工程及採購契約 ]：
解法回文連結

（範例圖一）

27
（範例圖二）
S__371613698

出現亂碼

無

不能用的外掛程式（Flash、ActiveX、Applet、Silverlight、…）

無

網站載入緩慢（相對一般網站）

無

閱讀模式

不可以用

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

電腦版的出現問題
解法回文連結
29

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

對於設計上的問題，像是字體方面可以不用都用預設字，可以試著比較國外網站，如The White House頁面就讓人看了比較舒服

#2

問題：

可能原因：

未發現問題，會導引到下載頁面(見附圖)

原始程式：

無

建議修改：

無

補充

IMG_3239

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

#3

問題：

可能原因：

該區塊格式未對應iphone螢幕

原始程式：

位置： https://www.mof.gov.tw/Content/ThemeMain?v=4tLkCmSEDBVpgsnUuLsExgmoFGvQ1bYibte66YxsPAo1:1524

.shareBox a{display: inline-block;width: 33px;height: 33px;margin: 0 3px;}

建議修改：

margin調整

.shareBox a{display: inline-block;width: 33px;height: 33px;margin: 0 1px;}

補充

IMG_3242

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

#4

問題：

可能原因：

連結失效

原始程式：

無

建議修改：

無

補充

推測後台未設定連結的網頁內容，導致連過去時強制轉址到原址

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

#5

問題：

可能原因：

連結失效

原始程式：

無

建議修改：

無

補充

無

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

#6

問題：

可能原因：

可能是網路速度原因，造成網站資料未讀取完

原始程式：

無

建議修改：

無

補充

無

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

#7

問題：

可能原因：

表格太寬

原始程式：

Xpath://*[@id=“print_area”]/div[2]/div[1]/table

<table width="90%" class="list" style="font-size: 0.923em;  font-family: Arial;  width: 523px; border-collapse: collapse;  color: #5a5a5a; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px;  line-height: 22px; padding-right: 0px; background-color: #ffffff;border: #cccccc 4px double;" border="0" summary="排版使用">
    <tbody>
        ....
        ....   
    </tbody>
</table>

建議修改：

修改table標籤的width

<table width="90%" class="list" style="font-size: 0.923em;  font-family: Arial;  width: 100%![IMG_3246|281x499](upload://m9RkxJ84N2UTYRQLk0nCktKDZe8.jpg); border-collapse: collapse;  color: #5a5a5a; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px;  line-height: 22px; padding-right: 0px; background-color: #ffffff;border: #cccccc 4px double;" border="0" summary="排版使用">
    <tbody>
        ....
        ....   
    </tbody>
</table>

補充

IMG_3246

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

#8

問題：

可能原因：

QRcode圖片過大

原始程式：

無

建議修改：

無

補充

無法透過修改長寬處理，需重新版面設計

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

#9

問題：

可能原因：

表格寬度過長

原始程式：

Xpath://*[@id=“print_area”]/div[2]/div[1]

<table width="622" style="width: 467pt;" border="0" cellspacing="0" cellpadding="0">
    <colgroup><col width="337" style="width: 253pt;"><col width="156" style="width: 117pt;"><col width="129" style="width: 97pt;"></colgroup>
    <tbody>
       .....
       ...
    </tbody>
</table>

建議修改：

修改table的width數值

<table width="622" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
    <colgroup><col width="337" style="width: 253pt;"><col width="156" style="width: 117pt;"><col width="129" style="width: 97pt;"></colgroup>
    <tbody>
       .....
       ...
    </tbody>
</table>

補充

IMG_3247

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

#10

問題：

可能原因：

可能是body與html尺寸不符，也可能是有不明元素超出寬度

原始程式：

位置:https://www.mof.gov.tw/Content/ThemeMain?v=4tLkCmSEDBVpgsnUuLsExgmoFGvQ1bYibte66YxsPAo1:2198

html,body{width:100%;margin:0;padding:0;}

建議修改：

增加overflow: visible

html,body{width:100%;margin:0;padding:0;overflow: visible;}

補充

01

尚未完美解決問題
此方式會換成最底部留白，於見面會討論
13

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