行政院農委會水土保持局─俞雋

ray 農業委員會
, ,
#1

網站

行政院農委會水土保持局全球資訊網

姓名

俞雋

檢測日期

2018-04-28

檢測裝置

ASUS ZENFONE 3；型號：ASUS_Z017DA

作業系統 與 瀏覽器版本

作業系統：Android 8.0.0

瀏覽器版本：Chrome 65.0.3325.109

解析度（手機螢幕）

360*640 pixels, 24 bit

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

是

壞掉的連結

1.連結失效

首頁>便民服務>業務窗口>本局出版品目錄

首頁>便民服務>98年民意調查>98年民意訪查.pdf

首頁>水保法規>水保法規資料庫>廢止、停止適用>農村再生計畫暨實質建設計畫試辦作業規定(99.6.23停止適用)>水土保持局工程管考系統網站http://mis.swcb.gov.tw/

首頁>水保法規>水保法規資料庫>廢止、停止適用>水土保持局工程契約範本(93年版–93.6.28開始適用)>投標須知

首頁>水保法規>水保法規資料庫>廢止、停止適用>水土保持局工程契約範本(93年版–93.6.28開始適用)>附件－固定檔案

首頁>水保法規>水保法規資料庫>廢止、停止適用>水土保持局工程契約範本(93年版–93.6.28開始適用)>附件－每次上傳前需更新檔案

首頁>水保法規>水保法規資料庫>廢止、停止適用>水土保持局工程契約範本(93年版–93.6.28開始適用)>工程契約範本（行政作業文件）

首頁>業務內容>水土保持>環境友善>生態博覽會>台南縣龍崎鄉埤仔溝溪集水區

首頁>業務內容>水土保持>環境友善>生態博覽會>后番子坑溪博覽會

說明：連結無法順利跳轉或者附加檔案無法順利下載，特別是法規資料庫(第2項至第7項)的部分，法規下附加檔案部分無法下載，宜多加注意。詳情見圖(一)~(三)。

圖(一)

image

圖(二)

image

圖(三)

image

跑版（影響閱讀）問題

1.跑版且影響閱覽

首頁>業務內容>山坡地基本資料說明

說明：頁面圖片或表格超出螢幕以致無法閱讀，且無法藉由圖片縮放或移動解決問題，詳見圖(四)。

解法回文連結

圖(四)

image

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

無

出現亂碼

無

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

無

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

無

閱讀模式

Android測試生

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

無

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

1.部分頁面(特別是公告訊息的頁面)下方設有評分系統[見圖(五)]，不僅提供使用者反饋管道，同時也方便機關自身進行網站修改，值得其他機關跟進。

圖(五)

image

2.站內部分網頁元件(主要是背景、返回頁首按鈕等)採用可變色半透明遮罩設計[見圖(六)]，對於增進網頁美觀具有正面效果，值得鼓勵。

圖(六)

image

3.網站麵包穴機制建立不完整，中間經過站點表達不明確，詳情可參考圖(七)、(八)。建議加以改進。

圖(七)

image

圖(八)

image

4.網頁並未設有可供使用者選取頁數的系統，以致使用者僅能藉由點按「上一頁」或者「下一頁」來進行頁面跳轉[見圖(九)]。這對於欲從海量資訊中擷取訊息的使用者而言相對不便，建議加以改進。

圖(九)

image

#2

問題：

可能原因：

表格內容多為數字，無法自動換行，導致超出版面且無法左右滑動檢視，影響閱讀。

原始程式：

位置：view-source:https://www.swcb.gov.tw/Topic/show_detail?id=4d4cf309c3f3424786b765c3cc6383ec
426行

<table border="0" cellpadding="0" cellspacing="0" style="width:100%; margin-top:10px;" summary="台灣地區山坡地面積統計表">
	<tbody>
		<tr>
			<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">省市及縣市別</th>
			<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">(1)土地總面積</th>
			<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">(2)山保條例山坡地</th>
			<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">山保條例山坡地<br>
			(2)/(1)</th>
			<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">(3)國有林＋保安林＋試驗林</th>
			<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">(4)水保法山坡地【(2)+(3)】</th>
			<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">水保法山坡地<br>
			(4)/(1)</th>
		</tr>
	.
	.
	.
</table>

建議修改：

1.如不想破壞外表格結構，可以為表格增加水平滾輪，供使用者左右滑動檢視。
作法：在table外層加上<div style="overflow:auto;"></div>。

<div style="overflow:auto;">
	<table border="0" cellpadding="0" cellspacing="0" style="width:100%; margin-top:10px;" summary="台灣地區山坡地面積統計表">
		<tbody>
			<tr>
				<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">省市及縣市別</th>
				<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">(1)土地總面積</th>
				<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">(2)山保條例山坡地</th>
				<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">山保條例山坡地<br>
				(2)/(1)</th>
				<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">(3)國有林＋保安林＋試驗林</th>
				<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">(4)水保法山坡地【(2)+(3)】</th>
				<th style="text-align:center; vertical-align:middle; background:#EAEAEA;">水保法山坡地<br>
				(4)/(1)</th>
			</tr>
		.
		.
		.
	</table>
</div>

補充：

(修正後之截圖)
31