社會及家庭署-楊喻文

wen860806 · 2018年04月27日16:58

網站

社會及家庭署

姓名

楊喻文

檢測日期

2018-04-20

檢測裝置

OPPO A57

作業系統與瀏覽器版本

Android 6.0.1
Chrome版本：Chrome 65.0.3325.109

解析度（手機螢幕）

320x640 pixels

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

是

壞掉的連結

首頁->公告資訊->活動訊息->【活動】致母親們‧溫柔的心堅毅的力量沙龍講座
這個連結連過去是blank

首頁->主題專區->身心障礙福利->社會參與->無障礙旅遊宣導
兩個連結(左)點開來都是這樣(右)

首頁->便民服務->RSS管理
第一個點進去是白的畫面

首頁->政府資訊公開專區->菸品健康福利捐運用說明->部屬13家社會福利機構
衛生福利部雲林教養院無法顯示
衛生福利部台南教養院 404

跑版（影響閱讀）問題

首頁->第三張輪播圖點進去

標題下方的各個icon有歪掉(下一頁的icon、轉寄、友善列印還有剩下3個icon應該在同一條線上)
這個icon的各種歪是每個頁面都有的，應該是統一的問題

影片超過畫面範圍
(社會及家庭署-楊喻文 - #2 lemotw1024)

首頁
查慨更多的各種歪(兩張圖片中有四個地方)(社會及家庭署-楊喻文 - #3 lemotw1024)

首頁

輪播圖應該一次只顯示一個(或者是想是兩個不應該把第二個砍掉一半?)

下面的點點換行是故意的嗎? (社會及家庭署-楊喻文 - #4 lemotw1024)

首頁
瀏覽人次跟無障礙跑出去了(社會及家庭署-楊喻文 - #5 lemotw1024)

英文版首頁 (社會及家庭署-楊喻文 - #6 lemotw1024)
BIG TROUBLE

more跑出去了

這個一看就很有問題 BJ4

這個也是，文字縮的很厲害，還疊到圖片上了(還是這是底圖?)

有障礙的無障礙，瀏覽人次也不見了(但是打開選單會出現??)

首頁->公告資訊->最新消息
頁數的地方明顯歪掉

首頁->公告資訊->最新消息->[公告]發布修正「合格導盲犬導盲幼犬資格認定及使用管理辦法」，名稱並修正為「合格導盲導聾肢體輔助犬及其幼犬資格認定及使用管理辦法」
附加檔案的地方，檔案類型都被下載的icon擋到變成樓下了(每個附加檔案都這樣，僅以此為例) (社會及家庭署-楊喻文 - #7 lemotw1024)

首頁->機關介紹->使命與願景
影片跑掉 + 下方圖片跑掉
每個影片都這樣 (社會及家庭署-楊喻文 - #8 lemotw1024)

首頁->機關介紹->交通資訊

首頁->機關聯絡資訊->業務基本聯絡資訊->交通資訊
圖片過大到歪掉，點開圖片可以看到"相片資訊"四個字有點被砍頭(社會及家庭署-楊喻文 - #9 lemotw1024)

首頁->主題專區->婦女福利與綜合企劃->行政院社會福利推動委員會->委員會成員->第十屆委員名單
最右邊那欄中有字不見了
(每一屆都這樣) (社會及家庭署-楊喻文 - #10 lemotw1024)

首頁->主題專區->婦女福利與綜合企劃->社會福利公益信託->社會福利公益信託簡介

首頁->主題專區->社會役專區->聯絡我們->聯絡我們

首頁->影音專區->活動花絮
圖片凸出(社會及家庭署-楊喻文 - #9 lemotw1024)

首頁->主題專區->身心障礙福利->統計專區->身心障礙者性別統計網頁->勞動部
不知到哪裡來的圖片，只有電腦版有

首頁->主題專區->常見問答->兒少福利->父母未就業家庭育兒津貼申請相關疑義問答集（Q&A）
表格…(社會及家庭署-楊喻文 - #10 lemotw1024)

首頁->影音專區->宣導短片
影片歪掉

首頁->便民服務->其他連結
如圖(社會及家庭署-楊喻文 - #9 lemotw1024)

首頁->寫信給署長
沒有rwd

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

首頁
中文版跟英文版之間的那個開關(?)好像沒甚麼作用跟反映，也不是切換語言用的，換語言也不會動，但是可以按(社會及家庭署-楊喻文 - #11 lemotw1024)

出現亂碼

無

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

無

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

無

閱讀模式

我使用安卓

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

首頁->機關介紹->使命與願景
好像多了一個換行

首頁->主題專區
第一項應該有足夠的空間可以放在同一行，點進去之後亦同(社會及家庭署-楊喻文 - #3 lemotw1024) 改px那個

首頁->主題專區->身心障礙福利->統計專區->身心障礙者性別統計網頁->衛生福利部
裡面每個連結點開來都是衛福部網站首頁(社會及家庭署-楊喻文 - #12 lemotw1024)

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

首頁
可以的話，建議一行一個項目，能不換行盡量不要換，不然不方便看>"<

首頁->機關介紹->機關大事紀
大事紀的地方建議表格要有邊框，或者用成日期一行並加項目符號，然後內容一行，不然很難閱讀

首頁->機關介紹->交通資訊
圖片點開的時候，他會固定出現在畫面的上方，就是無論我畫面停在哪裡，只要我點圖片，他都會顯示在網站畫面上方(如下圖)，但是這樣其實蠻不方便的，我還要往上滑才可以看到圖片

首頁->主題專區->婦女福利與綜合企劃->行政院社會福利推動委員會
為什麼成立緣起裡面還有一個成立緣起，而且只有一項，感覺多餘
設置要點、會議運作方式也是這樣= =

lemotw1024 · 2018年05月01日02:05

問題

可能原因

padding因為寬度變後距離改變(因為使用百分比定位
iframe width 100%

原始程式

位置:
https://www.sfaa.gov.tw/SFAA/css/page.css:85
https://www.sfaa.gov.tw/SFAA/Video/DisplayVideo.aspx?nodeid=426&vid=330:666

.back_page {
       width: 14%;
    font-family: "微軟正黑體";
    float: left;
    color: #3d3d3d;
    font-size: 0.813em;
    padding-left: 20%;
    background-image: url(../images/page_icon_back.png);
    background-repeat: no-repeat;
    background-position: 52px center;
    line-height: 18px;
}
.send_on {
	width: 9%;
	font-family: "微軟正黑體";
	float: left;
	color: #3d3d3d;
	font-size: 0.813em;
	padding-left: 11%;
	background-image: url(../images/page_icon2.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #3d3d3d;
	line-height: 18px;
}
.print {
	width: 14%;
	font-family: "微軟正黑體";
	float: left;
	color: #3d3d3d;
	font-size: 0.813em;
	padding: 0px 0px 0% 10%;
	background-image: url(../images/page_icon3.png);
	background-repeat: no-repeat;
	background-position: 13px center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #3d3d3d;
	line-height: 18px;
}

//html iframe
                            <iframe Title="https://www.youtube.com/embed/Xt2NOfRftp0" width="640" height="480" src="https://www.youtube.com/embed/Xt2NOfRftp0" frameborder="0" allowfullscreen></iframe>

建議修改

講iframe設定100%,padding改px定位

.back_page {
       width: 14%;
    font-family: "微軟正黑體";
    float: left;
    color: #3d3d3d;
    font-size: 0.813em;
    padding-left: 75px;
    background-image: url(../images/page_icon_back.png);
    background-repeat: no-repeat;
    background-position: 52px center;
    line-height: 18px;
}
.send_on {
	width: 9%;
	font-family: "微軟正黑體";
	float: left;
	color: #3d3d3d;
	font-size: 0.813em;
	padding-left: 35px;
	background-image: url(../images/page_icon2.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #3d3d3d;
	line-height: 18px;
}
.print {
	width: 14%;
	font-family: "微軟正黑體";
	float: left;
	color: #3d3d3d;
	font-size: 0.813em;
	padding: 0px 0px 0% 35px;
	background-image: url(../images/page_icon3.png);
	background-repeat: no-repeat;
	background-position: 13px center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #3d3d3d;
	line-height: 18px;
}

//html iframe
                            <iframe Title="https://www.youtube.com/embed/Xt2NOfRftp0" width="100%" height="480" src="https://www.youtube.com/embed/Xt2NOfRftp0" frameborder="0" allowfullscreen></iframe>

補充

lemotw1024 · 2018年05月01日02:50

問題

可能原因

"查看更多"的部份因為寬度百分比影響(同樣字會固定寬度)

而下面則是資訊卡寬度太小讓資訊延展不夠

原始程式

位置:
https://www.sfaa.gov.tw/SFAA/css/responsive.css:1046
https://www.sfaa.gov.tw/SFAA/css/style.css:231

.vid {
	float: left;
	width: 49%;
}
.pic {
	float: left;
	width: 49%;
}

////look more part
.more {
	color: #3d3d3d;
	float: right;
	width: 19%;
}

建議修改

將"查看更多" 改成px寬度
並將資訊卡站滿板

.vid {
	float: left;
	width: 99%;
}
.pic {
	float: left;
	width: 99%;
}
////look more part
.more {
	color: #3d3d3d;
	float: right;
	width: 80px;
}

補充

lemotw1024 · 2018年05月01日03:01

問題

可能原因

輪播圖是判端寬度可顯示多少，才產多少點點

原始程式

位置:
https://www.sfaa.gov.tw/SFAA/css/jquery.bxslider.css:92

.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}

建議修改

只能加一些margin，讓版面好看點

.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
	margin: 1px;
}

補充

lemotw1024 · 2018年05月01日03:07

問題

可能原因

寬度超過

原始程式

位置:
https://www.sfaa.gov.tw/SFAA/default.aspx:698

                <img tabindex="3004" src="/SFAA/images/010.jpg" border="0" width="88"
                    height="31" alt="通過A+等級無障礙網頁檢測">

建議修改

將寬度設定100%，高度設定auto

                <img tabindex="3004" src="/SFAA/images/010.jpg" border="0" width="100%"
                    height="auto" alt="通過A+等級無障礙網頁檢測">

補充

lemotw1024 · 2018年05月01日05:56

問題

可能原因

百分比寬度
不夠寬

原始程式

位置:
1.https://www.sfaa.gov.tw/SFAA/Eng/css/style.css:240
2.https://www.sfaa.gov.tw/SFAA/Eng/css/responsive.css:789
3.https://www.sfaa.gov.tw/SFAA/Eng/css/responsive.css:109
https://www.sfaa.gov.tw/SFAA/Eng/css/responsive.css:444

//1
.more_index_en {
	font-size: 0.9em;
	color: #3d3d3d;
	float: right;
	width: 6%;
	margin-top: 3px;
}
//2
.thematic_zone_en li {
	float: left;
	width: 14%;
	padding-right: 0.8%;
	margin-right: 11.5px;
}
//3
.access_en1 {
	float: left;
	margin-right: 23px;
	width: 63%;
}
.access_zone2 {
	float: left;
	width: 33%;
	background-image: url(../images/access_map_en2.jpg);
	background-repeat: no-repeat;
	background-position: 0 -34px;
}

建議修改

//1
.more_index_en {
	font-size: 0.9em;
	color: #3d3d3d;
	float: right;
	width: 50px;
	margin-top: 3px;
}
//2
.thematic_zone_en li {
	float: left;
	width: 100%;
	padding-right: 0.8%;
	margin-right: 11.5px;
}
//3
.access_en1 {
	float: left;
	margin-right: 23px;
	width: 100%;
}
.access_zone2 {
	float: left;
	width: 100%;
	background-image: url(../images/access_map_en2.jpg);
	background-repeat: no-repeat;
	background-position: 0 -34px;
}

補充

lemotw1024 · 2018年05月01日06:10

問題

可能原因

百分比問題

原始程式

位置:https://www.sfaa.gov.tw/SFAA/css/style.css:3625

.dl_text {
	float: left;
	width: 20%;
	color: #4a4a4a;
	margin-bottom: 8px;
}

建議修改

改px

.dl_text {
	float: left;
	width: 100px;
	color: #4a4a4a;
	margin-bottom: 8px;
}

補充

lemotw1024 · 2018年05月01日06:14

問題

建議修改

iframe width 100%

lemotw1024 · 2018年05月01日06:16

問題

建議修改

img width 100%

lemotw1024 · 2018年05月01日08:44

問題

建議修改

table width 100%

補充

lemotw1024 · 2018年05月01日16:47

問題

可能原因

設計上的問題?

建議修改

在中文版的btn連結到English
而在English btn 要 float:right;

lemotw1024 · 2018年05月01日16:50

問題

可能原因

後端問題，前端無法解決

社會及家庭署-楊喻文

網站

姓名

檢測日期

檢測裝置

作業系統 與 瀏覽器版本

解析度（手機螢幕）

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

壞掉的連結

跑版（影響閱讀）問題

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

出現亂碼

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

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

閱讀模式

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

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

問題

可能原因

原始程式

建議修改

補充

問題

可能原因

原始程式

建議修改

補充

問題

可能原因

原始程式

建議修改

補充

問題

可能原因

原始程式

建議修改

補充

問題

可能原因

原始程式

建議修改

補充

問題

可能原因

原始程式

建議修改

補充

問題

建議修改

問題

建議修改

問題

建議修改

補充

問題

可能原因

建議修改

問題

可能原因

作業系統與瀏覽器版本