iT邦幫忙

2023 iThome 鐵人賽

DAY 30
0

最後幾天剛好在中秋連假實在是太累了,
實在是很難形容這種又幸福又累的感覺,
可能沒辦法寫很多內容,
如果之後有空和有想到新的東西,
再回來補上。


本篇閱讀時間約: 1 分鐘

AppSheet 與 無障礙

AppSheet 平台做出來的網頁,
在無障礙方面來說,實在是令人失望,
畢竟是有規律的版面,
而且被 Google 收購這麼久了,
竟然沒有人在做這方面的調整,
例如一個網頁連最基礎的 <h> 系列都沒有:
https://ithelp.ithome.com.tw/upload/images/20231001/20152260bWop4ncp4Q.png

色彩的部分雖然使用者可以自行調整,
但至少提供的範本可以注意一下吧,
底部選單這種重要的東西就沒達標:

https://ithelp.ithome.com.tw/upload/images/20231001/20152260rGsGskxYuA.png

不過連 <h> 系列都沒有,我想也不太會顧慮到顏色。

鍵盤遊走的部分更是令人吃驚,
主要內容區塊以剛剛的範本來說,
完全走不進去主要內容,
只能在 header 和 primary navigation 遊走而已,
想說到底是怎麼一回事,
結果一打開 Devtool,
發現全部都是使用 <div> 做這些東西...

https://ithelp.ithome.com.tw/upload/images/20231001/20152260DcZxQU0RPm.png

真的是令人心寒,會讓我變得不想用它(純粹個人很在意的點)。

當然我能理解如果要在前台要符合無障礙,
後台要有很多設定,且可能要設定更多的 input 讓建立者輸入,
才有辦法讓前台符合無障礙,
但即便如此,像這種固定版面式的連 <h> 系列都沒有,
就未免說不太過去。

好用的服務,希望能讓更多人都能使用

除了 AppSheet,再去看看一些 LCNC 的服務,
幾乎都沒有在這方面下過功夫,
更加確定了我去年的想法:後台也應該要符合無障礙這件事,
符合無障礙,意味著 UX 的提升讓體驗變好,
能讓更多元的人從事後台工作,
且在開發初期時就投入,其實付出的成本越小,
尤其是當開發者都具備無障礙網頁開發的知識,
負擔就會降至最低。

小結

無障礙是國際趨勢。

就我知道的,其實很多國外產品的後台,
都已經有做無障礙了,
最初發現是好幾年前是在找 headless cms 的時候發現了一個服務是 strapi
發現他們有做的時候,我真是高興極了,
所以也激起了我想要做一個無障礙的後台計畫,
雖然礙於人手不足,但我還是一小步一小步的向前走,
我知道總有一天我會達成,只是時間問題而已:
https://www.figma.com/community/file/1210126707767575165/piman-3-a11y-backstage-template
因為之前做的無障礙 UI 框架最近要更新 Vue3 版本,
再加上 WCAG 2.2 & 3 的規範,
然後 Figma 又大更新出了 local variable 系統,
剛好所有東西都可以大破大立再做一次,
然後後台範本應用這些元件,形成一個生態圈(希望啦),
至少先從比較常用的形式開始應用。

有點扯遠,但總之像那種有固定排版的後台,
不管是什麼服務,開發者可以自行掌控的部分,
希望都至少要有一定程度的無障礙。

也希望越來越多新進網頁設計的從業者能注重這一塊,
越多人重視,網頁的環境就會更好,大家都能受益。

剛好無障礙網路空間服務網今年的課程也開始報名了,
不管在網頁領域是新手或是老手,都建議聽一下,
新手聽完有概念,老手當每年的教育訓練:
https://accessibility.moda.gov.tw/


上一篇
總結 28 天的 LCNC 練習
系列文
大叔什麼都想學之 Low-Code / No-Code (LCNC) 從 0 到 ∞30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言