國立傳統藝術中心─俞雋

網站

國立傳統藝術中心


姓名

俞雋


檢測日期

2018-04-26


檢測裝置

ASUS ZENFONE 3;型號:ASUS_Z017DA


作業系統 與 瀏覽器版本

作業系統:Android 8.0.0

瀏覽器版本:Chrome 65.0.3325.109


解析度(手機螢幕)

360*640 pixels, 24 bit


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

壞掉的連結

首頁>研究典藏>典藏特色>電子資源>布袋戲主題知識網(限館內瀏覽)

首頁>研究典藏>典藏特色>電子資源>歌仔戲主題知識網(限館內瀏覽)

首頁>政府資訊公開>性別平等專區>相關連結>性別影響評估案例分享專區

說明:連結失效,見下圖(一)。

圖(一)

image


跑版(影響閱讀)問題

1.跑版且影響閱覽

首頁>展演節目>山宛然劇團-「107年重要傳統藝術保存者(團體)接班人傳習演出計畫」

首頁>展演節目>樂遊傳藝518-小小職人體驗活動(一般民眾報名)

首頁>展演節目>樂遊傳藝518-小小職人體驗活動(親子組報名)

首頁>展演節目>孝莊與多爾袞

首頁>展演節目>英雄 開臺

首頁>展演節目>豫劇團2018公演 {武皇投簡} 5/19-20高雄 5/26-27臺北

首頁>展演節目>2018兒童豫劇體驗營-{花木蘭}第二梯次報名中!(即將額滿)

首頁>展演節目>3/12-4/1傳統戲曲任意門活動歡迎報名(岡山)

首頁>展演節目>NCO《南方翡翠.合境迴響-2018越南巡演》

首頁>場館資訊>臺灣戲曲中心

首頁>場館資訊>高雄傳藝園區

首頁>政府資訊公開>資訊圖表>105年傳藝中心園區委外經營績效

首頁>政府資訊公開>資訊圖表>105年預算執行情形與重要績效

說明:網頁內容跑版,且無法藉由螢幕的縮放或移動加以解決。見圖(二)

解法回文連結

圖(二)

image

2.跑版但不影響閱覽

首頁>研究典藏>典藏特色>展演風華>2016亞太傳統藝術節:無物不成偶-傳統偶戲藝術的當代碰撞

首頁>研究典藏>典藏特色>展演風華>2015歌仔戲前場新苗培育計畫

首頁>研究典藏>典藏特色>電子資源

首頁>傳藝出版>購買資訊

首頁>傳藝出版>最新優惠

首頁>新聞公告>電子報>傳藝電子報107年3月號

說明:頁面跑版,但不致影響使用。見圖(三)

解法回文連結

圖(三)

image


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


出現亂碼


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


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


閱讀模式

Android測試生


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

1.不清楚是因為什麼原因,這個網站的影音資源在我的手機上無法播放,或者是加載緩慢。


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

1.建議可以在每一頁設置返回頁首的按鍵,方便使用者使用。

2.在這個資訊化的時代,傳統藝術中心網站的設立可以讓民眾更能接觸到傳統戲曲,同時也能讓這些先人的技藝得以觸及新世代,從而使其免於消逝。因此我相當建議政府應當投注更多資源在傳統文化的資訊化上!

問題:

可能原因:

圖片寬度設為固定數值,無法因應螢幕自動縮放,導致跑版。

原始程式:

  1. 位置: view-source:https://www.ncfta.gov.tw/cultureevent_31_2253.html
    263行
<img alt="" src="https://event.culture.tw/userFiles/NCFTA/Ckeditor/JpgFile/01/80026/「山宛然」可以說是國內少有可使用客家話全劇演出的布袋戲團.JPG" style="width: 600px; height: 472px;">

建議修改:

將圖片寬度改為百分比。

<img alt="" src="https://event.culture.tw/userFiles/NCFTA/Ckeditor/JpgFile/01/80026/「山宛然」可以說是國內少有可使用客家話全劇演出的布袋戲團.JPG" style="width: 100%;">

補充:

(修正後之截圖)
11

問題:

可能原因:

超連結為連續英文字串,無法自動換行。

原始程式:

位置: 國立傳統藝術中心

a {
    outline: none;
    hlbr: expression(this.onFocus=this.blur());
    text-decoration: none;
    color: #ff5632;
    transition: all .3s;
}

建議修改:

將在連結css標籤中加入word-break: break-all;

a {
    outline: none;
    hlbr: expression(this.onFocus=this.blur());
    text-decoration: none;
    color: #ff5632;
    transition: all .3s;
    word-break: break-all;
}

補充:

(修正後之截圖)
image