網站開發修改【KYS高雄青年職涯發展中心】-BuckChaf 技術案例

網站開發修改【KYS高雄青年職涯發展中心】-BuckChaf 技術案例

客製化網站修改 – BuckChaf 無障礙網站服務

BuckChaf 協助客戶進行各類型網站、系統、App開發,包括無障礙網站的修改,而眾所皆知此類型開發網站修改其實有許多細節規定、十分嚴謹繁瑣,因此整理出一些關於無障礙網站的基本功能特色,若有想要讓你自身的網站更加友善,則也可以參考無障礙網站的開發流程。

無障礙網站有什麼好處

網站開發經驗分享 – 無障礙網站好處1:友善弱勢

無障礙網站可以讓社會弱勢族群更好的閱讀資料,譬如說視覺障礙者及聽覺障礙者可以使用替代的方式來了解網站資訊,包括使用閱讀機、點字顯示器,及各種特殊輸出裝置來瀏覽網頁。

網站開發經驗分享 – 無障礙網站好處2:提升SEO

由於 HTML 的語意標記也能讓搜尋引擎更好的理解網站內容,進而可以提升 SEO 的排名。

無障礙網站的規範

網站開發需具備SEO思維

網站基礎SEO建設 – H1, H2等基礎的架構,以及Meta description細節處理,這些基本面都是無障礙網站會需要注意的地方,因此在開發無障礙網站時,如果廠商沒有具備數位行銷 SEO 思維,很可能在最一開始就做了錯誤的第一步決策,因而後續會需要打掉重練。

網站開發小心模板套件

寫網頁常常會用到套件,而 Boostrap 也是工程師們常用的套件之一,如果沒有將此套件更新到4以上的版本,則很容易遇到 CSS 字級大小定義而檢測沒有通過,所以大家在使用套件上,也需要注意該套件是否支援無障礙網頁,一個專業的公司也會將這些套件妥善管理運用,並且注意更新版本的細節。

無障礙網站規範眾多:10個以上的細節

無障礙網站的規定非常多,包括要用 Tab 瀏覽換行,要有定位點,要有快捷鍵….等等,而這些細節是為了讓整個網站都可以達到友善所有人的閱讀方式,因此開發網站不僅要兼顧細節、耐心、專業,也要具備經驗,才能為政府機構建造一個官方且具備無障礙規範的完整網站。

Image for post
51512政府的口罩預購系統也是可以用 Tab 鍵做瀏覽

無障礙網站分級 – 政府機構網站建立準則

目前有許多政府機關網站已有這樣的標章認可,用意是為了讓大家在網站瀏覽或申辦各項業務時更簡單方便,我們也可以說這樣的網站具有網頁親和力(Web Accessibility)。

而無障礙網頁標章依網頁親和力(Web Accessibility)的不同,規劃如下表等3種不同等級的標章:分別是A、AA、AAA,而立法院也決議政府機構跟學校必須要檢測等級 AA 以上才算通過審核。

立法院決議要求各級政府機關與學校於建置之網站新設或改版時,應依無障礙網頁開發規範2.0版」檢測等級 AA 以上進行設計
— 國家傳播通訊委員會

BuckChaf 無障礙網站開發案例1-青年職涯發展中心
BuckChaf 無障礙網站開發案例圖1-青年職涯發展中心

BuckChaf 提供網站客製化服務,及無障礙網站的修正

在經過青年發展中心與我們接洽商討之後,BuckChaf 提供專業的技術服務,將原本機構先前建造完畢的網站進行調整修改,以符合政府所規定的 AA 級的無障礙規範,而在這個修改調整的細節當中,BuckChaf 因為有著較為豐富的 SEO 經驗,以及大型廠商的開發經驗,我們將網站的版面及文字做調整,並讓偕同處理此技術開發案的萬寶華人力公司能順利結案。

BuckChaf 客戶示意圖 - 無障礙空間服務網
BuckChaf 客戶示意圖 – 無障礙空間服務網

網站開發案例 - KYS青年職涯發展中心
網站開發案例 – KYS青年職涯發展中心

你也想做客製化的網站及系統服務嗎?歡迎聯絡我們!

網站及客製化系統服務,歡迎電話撥打 02-7736-2848,或是至首頁填寫表單由專人為您服務

參考資料

網站開發客戶案例連結 – KYS高學青年職涯發展中心

【無障礙網頁祕技】前端切版前要注意什麼細節呢?

【無障礙網頁祕技】認識無障礙網頁與分級

想看更多 BuckChaf 網站開發案例 – TSMC 台積電網站開發分享