僑務委員會-高偉庭

網站

僑務委員會

姓名

高偉庭

檢測日期

2018-04-03

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 64.0.3325.109

解析度(手機螢幕)

螢幕解析度 360x640 pixels

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

壞掉的連結

  • 首頁
    按懶人包資訊時會跳回頁面頂端,並不會出現懶人包資訊的頁面 (錯誤超連結問題)
    2018-04-02_225129

  • 首頁>僑民聯繫>僑社重要活動>非華年會
    點擊頁面下方"非華年會活動剪影"時,會跳到活動集錦頁面,並不會特別顯示非華年會活動的照片。僑社重要活動分類下的非華、美洲、亞華年會等頁面都有相同問題。 (錯誤超連結問題)
    2018-04-02_232911

跑版(影響閱讀)問題




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

  • 首頁>僑商經貿>融資服務
    點擊時右側+ -號會改變,但無法展開下層表單,也無法點進融資服務 (介面設計問題)
    2018-04-03_093442

出現亂碼

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

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

閱讀模式

Android不適用

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


  • 首頁>FAQ>申請華僑身分證明書答客問
    從首頁上方點擊FAQ開啟FAQ頁面時,只會開啟"申請華僑身分證明書答客"部份的FAQ,但若從首頁>證照服務>答客問,則可看到FAQ有分成四部份,這樣會讓民眾搞混。(介面設計問題)
    2018-04-02_234344
    2018-04-02_234428

  • 首頁
    麥克風處的文字輪播有點沒有意義,手機使用者比較少長時間停在首頁看它輪播,而且有些輪播內容點進去後網頁失效了。(介面設計問題)
    2018-04-02_224410

  • 首頁
    首頁最下方,不能用滑動的來操作,只能點按下方的點點,但點點很小很難按 (介面設計問題)
    2018-04-02_225129


  • 右上方選單
    展開後的第二三層顏色相同,使用上容易讓讀者搞混,建議可以更改第三層顏色 (介面設計問題)
    2018-04-03_102106


  • 文章最下方的熱門影片
    每個頁面最下方都有熱門影片,但"熱門影片"字樣不能按,如果可以按"熱門影片"字樣連結去更多影片會比較方便。(解法回文連結)
    2018-04-03_102733

  • 文中圖說
    文中圖說部份的顏色,會讓讀者誤以為可以點按,建議可以修改顏色 (介面設計問題)
    2018-04-03_102805

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

首頁上方照片的輪播部份,照片上的字與點進去後跳出的網頁連結性不高(光看字會不清楚按進去是什麼東西),建議可以改清楚一點
首頁照片輪播下方的綠色欄,與主選單中的內容有重疊,而且綠色欄的文字與跳轉的網頁連結也不夠強(光看文字難以理解會跳去哪裡),建議可以精簡或是寫的更清楚
2018-04-02_224246

問題:

可能原因:

RWD 沒設定好

原始程式:

第 203 行
<div id="top-link" class="top-link"><a href="#" title="快速連結區" accesskey="U">:::</a><a href="/OCAC/" title="回首頁">回首頁</a>|<a href="/OCAC/Pages/List.aspx?nodeid=443" title="網站導覽">網站導覽</a>|<a href="/OCAC/Eng/" title="English">English</a><a href="/OCAC/ServiceEmail/ServiceEmail.aspx?nodeid=314" title="服務信箱">服務信箱</a><a href="/OCAC/FAQ/List.aspx?nodeid=383" title="FAQ">FAQ</a>
第 222-226 行
<style>
    input[type="text"]:focus,input[type="file"]:focus,input[type="select"]:focus,input[type="check"]:focus,textarea:focus {
        background-color:#f3eedb!important;
    }
</style>

建議修改:

第 203 行 新增 div class=“rwd_clearBoth”
<div id="top-link" class="top-link"><a href="#" title="快速連結區" accesskey="U">:::</a><a href="/OCAC/" title="回首頁">回首頁</a>|<a href="/OCAC/Pages/List.aspx?nodeid=443" title="網站導覽">網站導覽</a>|<a href="/OCAC/Eng/" title="English">English</a><div class="rwd_clearBoth"></div><a href="/OCAC/ServiceEmail/ServiceEmail.aspx?nodeid=314" title="服務信箱">服務信箱</a><a href="/OCAC/FAQ/List.aspx?nodeid=383" title="FAQ">FAQ</a>

第 222-226 行 新增
<style>
    input[type="text"]:focus,input[type="file"]:focus,input[type="select"]:focus,input[type="check"]:focus,textarea:focus {
        background-color:#f3eedb!important;
    }

    @media (min-width: 991px){
        .rwd_clearBoth {
             display: none;
        }
    }


</style>

補充

image

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

問題:

可能原因:

RWD 沒設定好

原始程式:

第 959-960 行
<img src="/OCAC_Manager/File/PageUpload/infographics_0515_s.jpg" 
alt="施政亮點-無論身在何方,有僑讓您不孤單—僑委會stand by me. 詳細說明已於上方本文描述" />
第 10-19 行
<style>
	/*.home_content .h_content table td p{
		font-size: 100%!important;	
	}*/
	@media print {
      a[href]:after {
        content: none !important;
      }
    }
    </style>

建議修改:

第 959-960 行 新增class
<img class="rwd_img" src="/OCAC_Manager/File/PageUpload/infographics_0515_s.jpg" 
alt="施政亮點-無論身在何方,有僑讓您不孤單—僑委會stand by me. 詳細說明已於上方本文描述" />
第 10-19 行
<style>
	/*.home_content .h_content table td p{
		font-size: 100%!important;	
	}*/
	@media print {
      a[href]:after {
        content: none !important;
      }
    }
    @media (min-width: 300px) and (max-width: 991px){
        .rwd_img{
            width: 80vw;
        }
    }
</style>

補充

image

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

問題:

可能原因:

RWD 沒設定好

原始程式:

第 948 行
<img alt="總會組織圖" src="http://www.ocac.gov.tw/OCAC/File/Attach/10031/File_63103.png" style="left: 471px; width: 688px; height: 354px; top: 378px;" />
第 10-19 行
<style>
	/*.home_content .h_content table td p{
		font-size: 100%!important;	
	}*/
	@media print {
      a[href]:after {
        content: none !important;
      }
    }
</style>

建議修改:

第 948 行 新增class
<img class="rwd_img" alt="總會組織圖" src="http://www.ocac.gov.tw/OCAC/File/Attach/10031/File_63103.png" style="left: 471px; width: 688px; height: 354px; top: 378px;" />
第 10-19 行 新增media
<style>
	/*.home_content .h_content table td p{
		font-size: 100%!important;	
	}*/
	@media print {
      a[href]:after {
        content: none !important;
      }
    }
@media (min-width: 300px) and (max-width: 991px){
    
        .rwd_img {
             height: 100%; 
        }
    }
</style>

補充

image

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

以下為原圖,圖片本身文字對行動版閱讀而言過小,就算解決高度壓縮問題依然如此,建議重新設計。
僑委會全球資訊網
File_63103