全民資安素養網-洪仕閔

網站

全民資安素養網

姓名

洪仕閔

檢測日期

2018-05-09

檢測裝置

iPhone 6

作業系統 與 瀏覽器版本

ios11

解析度(手機螢幕)

360x660 pixels

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

壞掉的連結


跑版(影響閱讀)問題

1.首頁>兒童版(任一版本都可以)
解法回文連結
上面有點太寬,擠壓到閱讀空間
08


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

1.首頁>兒童版(任一版本都可以)
右下角…疊起來那個icon,點擊好像會回到頂端,但是沒有說明,效用也不大,建議拿掉
解法回文連結
08

出現亂碼

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

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

閱讀模式

不可以用

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

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

這個網站真的做得非常用心!!不只有分各種版本,還有用各種方式來宣傳資訊安全。
但是會建議針對兒童,將網站操作更簡單一點,像是icon放大等等的方式,畢竟小孩子的操作能力有限,即使內容很有趣,但是自行操作起來有困難,除非假設是家長會帶小朋友看拉,另外建議可以增加一個老人版本的,現在會使用網路的老人增多了,但是對於資訊安全的概念卻沒有增加,所以建議可以讓老人家多了解點如何防詐騙之類的內容~~

問題:

可能原因:

排版問題

原始程式:

位置:https://isafe.moe.edu.tw/sites/default/files/css/css_VPaSzKAT-RZqwRyYzjdHH8coVXLMRSpwxQ0SgqrdIIE.css

body.page-kids header.navbar>div.container-fluid .navbar-header, body.page-teenager header.navbar>div.container-fluid .navbar-header, body.page-parents header.navbar>div.container-fluid .navbar-header, body.page-public header.navbar>div.container-fluid .navbar-header {
    padding: 25px 15px;

建議修改:

調整設定

body.page-kids header.navbar>div.container-fluid .navbar-header, body.page-teenager header.navbar>div.container-fluid .navbar-header, body.page-parents header.navbar>div.container-fluid .navbar-header, body.page-public header.navbar>div.container-fluid .navbar-header {
    padding: 5px 5px;

補充

15

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

問題:

可能原因:

看程式碼判斷為"回到頂端"的功能,建議換圖片或敘述改善使用者體驗

原始程式:

建議修改:

補充

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