社會及家庭署-鐘弘育

已檢查
第a組
ios

#1

網站

社會及家庭署

姓名

鐘弘育

檢測日期

2018-05-01

檢測裝置

iphone 6

作業系統 與 瀏覽器版本

ios11.3

解析度(手機螢幕)

375x667

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

壞掉的連結


跑版(影響閱讀)問題

首頁>機關介紹>交通資訊
地圖的部分被裁切掉,看不到地點在哪。另外建議是否可以使用google map api比較方便使用solution


首頁>主題專區>婦女福利與綜合企劃>行政院社會福利推動委員會>委員會成員>第十屆委員名單(107.2.26-107.12.7)
首頁>主題專區>婦女福利與綜合企劃>行政院社會福利推動委員會>委員會成員
委員會成員的所有頁面皆會超出頁面,姓名與現職間隔過遠 solution


首頁>主題專區>婦女福利與綜合企劃>社會福利公益信託
部分圖片被裁切掉,超出螢幕範圍,應該是width寫死solution


首頁>主題專區>家庭支持>重要政策>發展遲緩兒童早期療育服務流程
如圖,跑版嚴重 這是google doc


首頁>主題專區>家庭支持>居家托育人員(保母)登記資訊專區>常見問答、統計
編號、問、答這三個部分離的太近,文字順序一個直的一個橫的,閱讀十分困難,建議做成一個表格,統一文字方向 正常RWD, 建議改寬度 或是 add style=‘word-break:break-all;’ 但是也滿醜的


首頁>主題專區>家庭支持>收出養媒合服務專區>宣導品
首頁>主題專區>社會役專區>聯絡我們
如圖,嚴重跑版solution
圖一


圖二


首頁>主題專區>常見問答>兒少福利
根本看不見回答,連問題都有部分被裁掉solution


首頁>影音專區>宣導短片
此頁面內的所有影片縮圖點進去都會超出畫面很多 youtube iframe width 改100%
如圖所示


首頁>機關聯絡資訊>社會福利機構通訊錄
表格設計讓閱讀困難,地址欄位小但是是橫式的文字方向正常RWD

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

出現亂碼

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

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

閱讀模式

不可以用

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

首頁>公告資訊
首頁>公告資訊>最新消息
首頁>公告資訊>新聞稿
右方三個icon應該要水平對齊,左邊的上一頁iocn不應該遮住文字,友善列印應該要在同一排。
多調整看看每個的寬度設定,min-width滿好用的,看你覺得怎樣比較好看


首頁>主題專區>身心障礙福利>身心障礙福利入口網
無行動版網頁設計


首頁>主題專區>老人福利>老人福利機構>評鑑專區>各直轄市、縣(市)政府老人福利機構評鑑成績公告
在沒有指示的情況下會讓人誤會是一張圖片,要查看各縣市的報告必須點擊圖上的地名處才能進入該頁面,使用會讓人混淆,意思是沒有辦法讓使用者直覺的想到這是一個可以點案的圖片,或是就直接捨去這樣的設計,直接改成利用縣市名條列式的連結,比較不會讓使用者錯亂。

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

網站大部分的圖片以及表格都沒有考慮到行動版裝置的適應性,不能在網頁底下說最佳解析度是1024x768就完事,尤其許多重要資訊如常見問答以及聯絡資訊往往在手機上無法瀏覽,建議必須改進。


#2

問題:

圖片太大

可能原因:

沒設寬度

原始程式:

<img src="/SFAA/File/Attach/3172/File_4026.jpg" alt="衛生福利大樓.jpg">

建議修改:

<img src="/SFAA/File/Attach/3172/File_4026.jpg" alt="衛生福利大樓.jpg" style="
    width: 100%;
">

補充

可嵌入google map

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


#3

問題:

超出邊界

可能原因:

超出邊界

原始程式:

https://www.sfaa.gov.tw/SFAA/css/style.css:2466

建議修改:

增加overflow: scroll;
至少讓他可以滑動

補充

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


#4

問題:

可能原因:

原始程式:

<table width="735" border="0" cellspacing="0" cellpadding="0" style="margin: 0px;padding: 0px;border: 0px;font-variant-numeric: inherit;font-variant-east-asian: inherit;font-stretch: inherit;font-size: 15px;line-height: inherit;font-family: 微軟正黑體;vertical-align: baseline;border-collapse: collapse;border-spacing: 0px;color: #000000;background-color: #ffffff;width: 552pt;">

建議修改:

width->100%

補充

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