iT邦幫忙

a11y相關文章
共有 76 則文章
鐵人賽 自我挑戰組 DAY 16

技術 第十六日:認識無障礙上網輔具

在認識了系統的輔助使用後,有一些比較特別需要幫忙的情境,就是輔具出場的時候了! 台灣有什麼輔具,大叔我也是藉由這一篇文章第一次研究,對,第一次,別驚呀,畢竟我不...

鐵人賽 自我挑戰組 DAY 15

技術 第十五日:認識 iOS 輔助使用

慘了慘了要開天窗了,工作突然忙了起來,今天只能速戰速決了。 今天該讀的文件是「在 iPhone 上開始使用輔助使用功能」 位置在「設定」>「輔助使用」...

鐵人賽 自我挑戰組 DAY 14

技術 第十四日:認識 macOS 的輔助使用

大叔我覺得我撐不過 30 天了,比想像中還要久...精神開始有點渙散 今天就來認識一下系統的輔助使用好了,可能每個版本的系統都不太一樣,因為大叔我用的是 Mac...

鐵人賽 自我挑戰組 DAY 13

技術 第十三日:從設計稿開始就制定一切好準則,為無障礙網頁設計打好基礎、事半功倍(三)

「星期一,天氣晴,我離開你~不帶任何行李...」 昨天去買東西,在商場看見 COCOBAR KTV,想說沒試過就進去玩一首,一首歌 30 元,只能投 10 塊,...

鐵人賽 自我挑戰組 DAY 12

技術 第十二日:從設計稿開始就制定一切好準則,為無障礙網頁設計打好基礎、事半功倍(二)

昨天將基本的顏色和字體定義好了,接下來就需要利用基礎製作元件,從這時候開始就會邊做邊修正設計規範。 製作一套 CSS UI 框架,要先做最基礎元件: But...

鐵人賽 自我挑戰組 DAY 11

技術 第十一日:從設計稿開始就制定一切好準則,為無障礙網頁設計打好基礎、事半功倍

週末不想廢話,直接進入正題。 當一個專案啟動時,會先釐清需求,到底瀏覽器要什麼版本?需不需要過無障礙標章?這兩個問題是大叔我之前一開始就問的問題。 但現在,大叔...

鐵人賽 自我挑戰組 DAY 10

技術 第十日:Firefox Devtool 與無障礙網頁設計

昨天說要說明 Firefox 的 Devtool 我就開始後悔了,因為我現在超級少用 Firefox 的啦,也不知道他為什麼就是那麼少人用,我記得以前至少開發者...

鐵人賽 自我挑戰組 DAY 9

技術 第九日:Chrome Devtool 與無障礙網頁設計

今天真的是有夠煩悶的,早上帶狗狗去看醫生,結果藥跟飼料都缺貨了,我真的不知道該怎麼辦,隨意了啦。 誒不對,怎麼可以隨意,他可是毛小孩啊,是個生命啊!! 就跟我們...

鐵人賽 自我挑戰組 DAY 8

技術 第八日:一切都明朗了起來,無障礙網頁設計自我檢測工具

今天終於放晴了,但是趕著上班,所以租了路邊機車,每次租用都是一種賭博,因為有好幾次打開車廂,濃濃的一股臭酸味撲來,雖然我都有戴帽子才戴安全帽,但那股味道還是令人...

鐵人賽 自我挑戰組 DAY 7

技術 第七日:無障礙網頁設計重點 Checklist

「哈囉,我是樂樂,要訂閱我的頻道喲~呵呵呵呵~」 現在每天醒來,腦海中都是某 Youtube 頻道的聲音,根本就是起床號。 今天還是一直在下雨,早上想說趁著沒有...

鐵人賽 自我挑戰組 DAY 6

技術 第六日:無障礙網路空間服務網

昨天總算是追完 2015 韓劇「製作人的那些事」,或稱「製作人」、「製作人們」,感謝中秋佳節讓我有更多、完整的時間追。 雖然本來是因為 IU 才補追的,可是前輩...

鐵人賽 自我挑戰組 DAY 5

技術 第五日:開始感到暈頭轉向並且要小心翼翼的使用 ARIA

幸好昨天趁著晚上有空檔,偷喝一杯啤酒、看著月色,在內心上演了各種感性劇場,幻想著古人看著月亮都在想些什麼,感受到什麼。 因為今早直接下雨,心情變得不美麗,苦惱著...

鐵人賽 自我挑戰組 DAY 4

技術 第四日:無障礙網頁設計 CSS 注意事項

今天中秋節,早上想了想還是在家烤肉最有味道,所以就跟家人們跑去大賣場買東西,可是感覺好像沒有烤肉專區,奇怪,這樣子體驗相當不 OK 啊,還要我到處慢慢挑,應該弄...

鐵人賽 自我挑戰組 DAY 3

技術 第三日:無障礙網頁設計 HTML 標籤注意事項

今天租路邊車帶孩子去動物園,結果回到家小孩完全沒有記憶,因為整天都在魯小小,回程路上睡爽爽,到了美麗華醒來爽玩摩天輪、旋轉木馬、湯姆熊... 在這樣精疲力盡的情...

鐵人賽 自我挑戰組 DAY 2

技術 第二日:反正 HTML 常用的就那幾種標籤,為什麼要全部都看過一遍?

大概每年的這個時候,在台灣凌晨一點都會有一場饗宴, 那就是蘋果發表會!! 我以為我大喊「我好興奮啊!我好興奮啊!!」但沒想到十二點一到直接睡死, 「已經過了會追...

鐵人賽 自我挑戰組 DAY 1

技術 第一日:意識到無障礙網頁設計的重要性

大家好,我是愛無障礙網頁設計的大叔,一個近年不得不研究無障礙網頁、但是暸解了又愛上它的中年男子。 這次是第一次參賽,雖然有在其他地方寫過技術文章,但內容都硬梆梆...

鐵人賽 Modern Web DAY 30

技術 Web Accessibility:這 30 天的遺珠之憾與補充

(圖片來源:Unsplash) My idea of society is that while we are born equal, meaning th...

鐵人賽 Modern Web DAY 29

技術 真實世界:使用 Android 輔助功能 TalkBack 來瀏覽行動版網頁

(圖片來源:Google) 維基百科:Google Talkback was an accessibility service for Android th...

鐵人賽 Modern Web DAY 28

技術 真實世界:使用 iOS 輔助功能 VoiceOver 來瀏覽行動版網頁

(圖片來源:Apple) 維基百科:VoiceOver is a screen reader built into Apple Inc.'s macOS, i...

鐵人賽 Modern Web DAY 27

技術 開發無障礙網頁:免費檢測工具介紹(Testing & Linting)

在前一篇文章當中,介紹了瀏覽器的開發者工具中有工具哪些能適時幫助我們建立可訪問的網站。 而今天要來介紹的內容將涵蓋: 檢測訪問性的步驟 檢測訪問性的工具...

鐵人賽 Modern Web DAY 26

技術 開發無障礙網頁:使用瀏覽器開發者工具 Chrome vs Firefox

開發者工具(Devtools)在網頁開發中是日常生活的一環,很多除錯的功能在很多大大的文章都有介紹,這篇文章要介紹的是如何使用瀏覽器內建的開發者工具作為無障礙檢...

鐵人賽 Modern Web DAY 25

技術 實作無障礙網頁功能:無限捲軸之於訪問性的討論 Infinite Scroll(Feed)

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 Modern Web DAY 24

技術 實作無障礙網頁功能:無障礙定位點(導盲磚 `:::`)

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 Modern Web DAY 23

技術 實作無障礙網頁功能:此 Switch 非彼 Switch,可訪問的雙狀態開關作法。

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 Modern Web DAY 22

技術 實作無障礙網頁功能:頁籤 Tabs

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 Modern Web DAY 21

技術 實作無障礙網頁功能:表格(Table)原來可以補充的語義這麼多!

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 Modern Web DAY 20

技術 實作無障礙網頁功能:今天沒有拖棚之表單 radio,要選就只選我吧!

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 Modern Web DAY 19

技術 實作無障礙網頁功能:全都要不行嗎...之 checkbox 複選元件

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 Modern Web DAY 18

技術 實作無障礙網頁功能:輪播圖 Carousel

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 Modern Web DAY 17

技術 實作無障礙網頁功能:超連結還能怎樣無障礙呢?

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...