衛生福利部- 洪仕閔

網站

衛生福利部

姓名

洪仕閔

檢測日期

2018-04-03

檢測裝置

iPhone6

作業系統 與 瀏覽器版本

iOS 11.3
Chrome版本:Chrome 64.0.3282.137)

解析度(手機螢幕)

375x667 pixels)

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

壞掉的連結

首頁>頁尾資訊>衛生福利部粉絲團>部醫加油站
網站失效(解法回文連結)

跑版(影響閱讀)問題

首頁>就業資訊
表格跑版了(解法回文連結)
06


首頁>113保護專線介紹
圖片跑掉了(解法回文連結)
48


首頁>頁尾資訊>衛生福利部粉絲團
首頁>便民服務>電子報訂閱專區>健保爭審電子報專區
首頁>法令規章>遊說法專區>公開事項>01登記事項
首頁>法令規章>遊說法專區>公開事項>02案件紀錄
表格跑版了:以上都一樣喔喔喔喔(解法回文連結)
39

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

出現亂碼

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

電腦版的廣告輪播不見了~~(解法回文連結)
電腦版:
24
手機版:
30121893_1615764335188882_1198605322_o

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

閱讀模式

不可以用

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

點日期會問你要不要撥號(解法回文連結)
30074636_1615762351855747_1972628742_o


右上角返回鍵說明是回上一頁,但實際上是回到上一步(解法回文連結)
22


首頁>webmail
安全性問題(解法回文連結)
05

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

字太多了,易讀性有點差,民眾來到衛福部的網站,應該會相對比較焦慮一點,資訊內容的呈現上就給人過多的文字,建議放比較多的圖片,以及讓首頁整體感覺讓人比較穩定專業的感覺,不過資訊內容很豐富,有很多不知道的業務~~覺得厲害!!

1個讚

問題:

可能原因:

粉絲專頁停用

原始程式:

位置:https://www.mohw.gov.tw/cp-81-9428-1.html :256

<tr>
	<td align="center" style="line-height:inherit;">
		<p>5</p>
	</td>
	<td style="line-height:inherit;">
		<p><a data-mce-href="http://goo.gl/rfsyGz" href="http://goo.gl/rfsyGz" target="_blank">部醫加油讚</a></p>
	</td>
	<td style="line-height:inherit;">
		<p>本會重要資訊發布、各活動分享,以及本部所屬部立醫院相關活動、衛教、健康知識等訊息分享,期望透過平台提升部立醫院正面觀感,拉近與民眾之間的關係。</p>
	</td>
</tr>

建議修改:

整段刪掉
或者重新建立粉絲團並更新連結

問題:

可能原因:

表格內容將表格拓寬

原始程式:

位置: https://www.mohw.gov.tw/xslGip/Unit001/css/customize.css :1

.cp article table {
	margin: 0 auto 1em;
	width: 99%;
	line-height: 150%;
	border-collapse: collapse;
	background-color: #fff;
}

建議修改:

加上table-layout固定表格的顯示方式
改變margin的上邊界

.cp article table {
	table-layout: fixed;
	margin: 1em auto;
	width: 99%;
	line-height: 150%;
	border-collapse: collapse;
	background-color: #fff;
}

補充:

首頁>就業資訊

結尾:

希望css能好好換行,不要整頁就只有一行

問題:

可能原因:

未限制img大小(&height打錯字)

原始程式:

位置:113保護專線介紹- 衛生福利部 :223

<img alt="113接線服務流程" src="/Public/Images/201702/4841702031629010ec.jpg" style="width:auto;heigth:auto;">

建議修改:

將auto改為100%
將heigth改為height

<img alt="113接線服務流程" src="/Public/Images/201702/4841702031629010ec.jpg" style="width: 100%;height: 100%;">

補充:

html(Xperia Z5P)

結尾:

呃…希望工程師能檢查一下拼字?

問題:

可能原因:

表格寬度被寫死

原始程式:

位置:衛生福利部粉絲團- 衛生福利部 :216

<td style="line-height:inherit;width:20%;">
	<p><a data-mce-href="https://www.facebook.com/mohw.gov.tw/" href="https://www.facebook.com/mohw.gov.tw/" target="_blank">衛生福利部</a></p>
</td>

建議修改:

刪除width:20%

<td style="line-height:inherit;">
	<p><a data-mce-href="https://www.facebook.com/mohw.gov.tw/" href="https://www.facebook.com/mohw.gov.tw/" target="_blank">衛生福利部</a></p>
</td>

補充:

html(Xperia Z5P)

結尾:

建議把 https://www.mohw.gov.tw/xslGip/Unit001/css/customize.css 中的下段刪除,
因為此表格沒有標題行

.listTb table tr td:before {
	content: attr(data-title) ":";
	display: inline-block;
	color: #333;
	font-weight: bolder;
}

問題:

可能原因:

表格欄位未設置data-title屬性

原始程式:

位置:衛生福利部 :198

<table>
	<tbody>
		<tr>
			<th scope="col" style="width: 10%">電子報期數</th>
			<th scope="col" style="width: 30%">標題</th>
			<th scope="col" style="width: 10%">出刊日期</th>
			<th scope="col" style="width: 40%;">摘要</th>
			<th scope="col" style="width: 10%">瀏覽人次</th>
		</tr>
		<tr>
			<td class="aCenter">013</td>
			<td>全民健康保險爭議審議會電子報-013期</td>
			<td>2017/12/22</td>
			<td><a href="/sp-epapcontent-15-59c1783489234059a6db4a0eb97ac6be.html" target="_blank" title="全民健康保險爭議審議會電子報-013期" style="font-size: 0.938em;">本會會訊<br>規避合理調劑量違規行為之裁處</a></td>
			<td class="aRight">225</td>
		</tr>
		......
	</tbody>
</table>

建議修改:

補上每欄的data-title

<table>
	<tbody>
		<tr>
			<th scope="col" style="width: 10%">電子報期數</th>
			<th scope="col" style="width: 30%">標題</th>
			<th scope="col" style="width: 10%">出刊日期</th>
			<th scope="col" style="width: 40%;">摘要</th>
			<th scope="col" style="width: 10%">瀏覽人次</th>
		</tr>
		<tr>
			<td class="aCenter" data-title="電子報期數">013</td>
			<td data-title="標題">全民健康保險爭議審議會電子報-013期</td>
			<td data-title="出刊日期">2017/12/22</td>
			<td data-title="摘要"><a href="/sp-epapcontent-15-59c1783489234059a6db4a0eb97ac6be.html" target="_blank" title="全民健康保險爭議審議會電子報-013期" style="font-size: 0.938em;">本會會訊<br>規避合理調劑量違規行為之裁處</a></td>
			<td class="aRight" data-title="瀏覽人次">225</td>
		</tr>
		......
	</tbody>
</table>

補充:

下圖僅補上第一筆資料的data-title
html_Cat=healthinsurance(Xperia Z5P)

結尾:

這頁沒有提供分享功能,可考慮加上


問題:

可能原因:

css中:before繼承的屬性名與html上的屬性名稱不符

原始程式:

位置:https://www.mohw.gov.tw/xslGip/Unit001/css/customize.css :1

.cp article table tr td:before {
	content: attr(data-title) ":";
	display: inline-block;
	color: #333;
	font-weight: bolder;
}

建議修改:

將data-title修正為headers

.cp article table tr td:before {
	content: attr(headers) ":";
	display: inline-block;
	color: #333;
	font-weight: bolder;
}

補充:

html(Xperia Z5P)


問題:

可能原因:

該欄位的data-title留空

原始程式:

位置:02案件紀錄- 衛生福利部

<td align="center">署長</td>

建議修改:

可考慮為該欄位取名

<td align="center" data-title="被遊說者職稱">署長</td>

補充:

html(Xperia Z5P)

問題:

可能原因:

被電腦的瀏覽器當作廣告並設定為不可顯示

原始程式:

位置:衛生福利部 :360

<div class="adbanner">
	......
</div>

建議修改:

小天使ㄉㄉ說直接改class名稱比較好!
加上display強迫顯示

<div class="adbanner" style="display: block !important;">
	......
</div>

補充:

html(Xperia Z5P)

問題:

可能原因:

手機預設將讀取到的一串數字視為電話號碼,
因此點擊後會詢問是否撥號

建議修改:

已測試,手機預設,非程式問題,不處理

問題:

原始程式:

<a href="javascript:history.back();" class="back" title="回上一頁">
	<img src="xslGip/Unit001/images/space.gif" alt="回上一頁">
</a>

建議修改:

程式碼有註明用途為電腦版中快捷鍵(alt+←)的回上一頁功能,
測試過後也確認此功能沒有問題。
不確定測試生的訴求是甚麼~~~
然而測試生不回我喔喔喔

問題:

建議修改:

非程式問題,不做修改