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

網站

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


姓名

俞雋


檢測日期

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

問題:

可能原因:

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

原始程式:

位置: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