iT邦幫忙

accessibility相關文章
共有 92 則文章
鐵人賽 自我挑戰組 DAY 20

技術 第二十日: 從無障礙網路空間服務網調查報告,思考令人煩惱的問題(一):三大項目

今天是無障礙網路空間 111 年無障礙網站培訓課程的第一堂課,來不及報名的朋友可以報 10 月的梯次,還可以報名,課程大綱如下:(一)無障礙網頁設計切版(二)網...

鐵人賽 Modern Web DAY 10

技術 Day10 - 無障礙網頁 (WAI-ARIA)

無障礙測驗券 無障礙網站 (Web Accessibility) fcc的這項作業簡單地讓學習網站的我們了解到,在設計或是製作一個給人們看的網站時,可以多費一...

鐵人賽 Modern Web DAY 12

技術 如何製作對話視窗 interaction【 dialog | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #dialog 本篇接續前篇 如何製作對話視窗 tabbable...

鐵人賽 自我挑戰組 DAY 19

技術 第十九日:無障礙網頁設計的地圖( Map) 要注意些什麼?

今天早上本來要去打籃球,可惜下雨了,上一次打已經是小孩出生前的事了,那時候有租國中的室內籃球場地,而且每週都會去打球,重點是還都可以打 5 vs 5,大叔我那時...

鐵人賽 Modern Web DAY 11

技術 如何製作對話視窗 tabbable【 dialog | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #dialog, #tabbable 本篇接續前篇 如何製作對話...

鐵人賽 自我挑戰組 DAY 18

技術 第十八日:已經 Hot 很久的資料/資訊視覺化的無障礙網頁設計又如何呢?

首先我們先來看一篇文章,這篇文章是從我在第一日裡提到的 Smashing Magazine 的一篇無障礙 Guideline 看到的,裡面提到了一篇 Sara...

鐵人賽 Modern Web DAY 10

技術 如何製作對話視窗 dialog【 dialog | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #dialog About 對話視窗 是一種視窗,會覆蓋在主視窗...

鐵人賽 自我挑戰組 DAY 17

技術 第十七日:關於史蒂芬霍金 (Stephen Hawking) 使用過的輔具技術

昨天我們認識了一些上網的輔具也提到了霍金,今天洗澡洗啊洗的,突然想起來我好像沒有特別深入暸解霍金使用裝置的歷史,今天我想好好的暸解霍金都用過哪些輔具。 在暸解...

鐵人賽 Modern Web DAY 9

技術 什麼是 Accessibility Tree 【 我不會寫 React Component 】

並不是每個用戶都擁有完整健全的身體。 有些用戶他們需要借助像是 螢幕閱讀器,放大鏡,眼動追蹤 等輔助技術, 才能有辦法使用網站服務。 可達性規格是很艱難的議題...

鐵人賽 自我挑戰組 DAY 16

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

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

鐵人賽 Modern Web DAY 8

技術 什麼是 Grid 網格【 我不會寫 React Component 】

關於這個 Pattern Grid 是一個容器組件,內部包含許多資訊跟交互元素。 並可以讓用戶可以透過ArrowHomeEnd在容器內中移動。 作為一種泛用的...

鐵人賽 自我挑戰組 DAY 15

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

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

鐵人賽 Modern Web DAY 7

技術 如何製作月曆 props【 calendar | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #calendar, #props 本篇接續前篇 如何製作月曆...

鐵人賽 自我挑戰組 DAY 14

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

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

鐵人賽 Modern Web DAY 6

技術 如何製作月曆 compound components【 calendar | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #calendar, #compound components...

鐵人賽 自我挑戰組 DAY 13

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

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

鐵人賽 Modern Web DAY 5

技術 如何製作月曆 integration【 calendar | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #calendar, #control 本篇接續前篇 如何製作月曆...

鐵人賽 自我挑戰組 DAY 12

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

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

鐵人賽 Modern Web DAY 4

技術 如何製作月曆 control【 calendar | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #calendar, #control 本篇接續前篇 如何製作月...

鐵人賽 自我挑戰組 DAY 11

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

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

鐵人賽 Modern Web DAY 3

技術 如何製作月曆 date grid 【 calendar | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #calendar, #date-grid 詳細可參考:https...

鐵人賽 自我挑戰組 DAY 10

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

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

鐵人賽 自我挑戰組 DAY 9

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

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

鐵人賽 Modern Web DAY 1

技術 導讀【 我不會寫 React Component 】

Introduction 這個系列會分享我這些年累積下來 React Component 的開發經驗,也藉此機會嘗試一下我發現的新玩具。 這系列不是走理論派,...

鐵人賽 自我挑戰組 DAY 8

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

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

鐵人賽 自我挑戰組 DAY 7

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

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

鐵人賽 自我挑戰組 DAY 6

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

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

鐵人賽 自我挑戰組 DAY 5

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

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

鐵人賽 自我挑戰組 DAY 4

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

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

鐵人賽 自我挑戰組 DAY 3

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

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