本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！ 前言 在上一篇 FocusScope 中，我們介紹了 FocusS...
本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！ 原本今日計畫寫的內容是關於 Design System 文檔建置...
本系列文章會在筆者的部落格繼續連載！Design System 101 感謝大家的閱讀！ 前言 Accessibility 又稱 A11y，因為 Acce...
試試看你學到了什麼 前面我們小試了一下身手， 這邊中途來插一個小活動。 有鑒於工程師社群很喜歡討論面試題， 那我們也來試個幾道題目， 來試試你能回答出以下幾道...
台灣的無障礙規範 聲稱自己參照 w3c 規範， 但還是有太多地方跟國際規範不同。先不論是政治還是官僚等無聊原因，考慮到讀者未來發展性，筆者鼓勵盡量走國際規範...
About 警示元素，主要用來展示明確跟重要的訊息， 並要吸引用戶的注意力而不打斷用戶當前正在進行的工作。 動態渲染警示，會自動被螢幕報讀閱讀， 在部分處理系統...
本篇接續前篇 如何製作輪播 carousel 3【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Spec...
本篇接續前篇 如何製作輪播 carousel 2【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Contr...
本篇接續前篇 如何製作輪播 carousel 1【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Scre...
大叔已經花了很大一個篇幅說明無障礙，團隊也花了很大的力氣打造能降低成本的工具，但能做的有限，因為內容的編排才是重點。 但最後一天大叔只想強調一點，無障礙的估時，...
About 輪播透過類似幻燈片的方式接連展示一部份的物件。 通常輪播一次只會呈現一張幻燈片， 用戶可以控制輪播的當前幻燈片像是往前一張或是往後一張。 在部分實...
如果你買了一個前端課程，裡面的老師連 semantic html 都不會用，建議你趕快退錢換家。 簡介 無障礙 landmark 用來標記頁面上某個段落的...
今天可能會有點像是廣告的感覺，但主要還是想要分享當初與團隊在打造一款 UI 框架時所經歷的過程，所以文章內我就不打算把我們的連結放進來，避免文章太突兀感覺好像在...
本篇接續前篇 如何製作手風琴 accordion 1【 accordion | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 S...
以防可能有人沒有看到第二十六日的文章，所以還是再介紹一下，International Association of Accessibility Professi...
About 手風琴是一排垂直堆疊且用戶可以進行操作的標頭， 標頭內容可以包含像是標題，簡短內容，縮圖 可以用來表示其內容。 用戶可以透過標頭控制哪個段落的內容...
這邊介紹幾個方式，可以讓 accessibility tree 忽略指定的元素， 像是以下情況： 單純裝飾用，沒有實際意義的 icons 或是 圖片。 重複...
以防可能有人沒有看到第二十六日的文章，所以還是再介紹一下，International Association of Accessibility Professi...
在上一篇 AWS 的無障礙前端工程師中，職缺內容有提到 IAAP 的 WAS 證照，所以，我們要先來暸解 IAAP 機構。 首先我們在 Google 搜尋 I...
hashtags: #react, #components, #accessibility, #breadcrumb Spec: Tag 麵包屑元件的列表部分...
為什麼要特別挑選 AWS 的無障礙前端工程師來看呢？第一個理由當然是 AWS 大廠。第二個理由是有做各式各樣的服務，客群廣泛。第三個理由是前端程式直接面對顧客的...
hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...
在前 23 日裡，我們很努力的理解並想要透過實作的方式，來幫助 20% 的人可以更方便的在網路暢遊，那麼，應該有專門的的職缺吧？我指的是，針對無障礙網頁的專家，...
hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...
hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...
表單的格子很小，不容易填，但是偏偏這一類線上交易，就是金融交易的網站又會計時，然後就會擔心可能沒有辦法操作完。 受訪者D (脊髓損傷) 在 110 年身...
hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...
今天大叔要來挑戰驗證碼，之前就有想要特別開一篇文章來講，但是其實最近就有我喜歡的部落格有寫了一篇文章，讓我很猶豫要不要繼續講。 昨天都已經說要說明了，大叔我就隨...
hashtags: #react, #components, #accessibility, #datepicker 關於 Date Picker Dialo...
在二十一、二十二、二十三日，大叔將分別跟大家一起鑽研上一篇讓人煩惱的問題，依序分別為「廣告或圖片輪播干擾」、「無法取得驗證碼」、「表單輸入難以操作」。 廣告或...
Jing.tech
HelloKayac
我愛無障礙網頁設計的大叔
iThome鐵人賽
看影片追技術