iT邦幫忙

accessibility相關文章
共有 92 則文章
鐵人賽 Modern Web DAY 8
設計系統 - Design System 系列 第 8

技術 [Day 8] Design System - FocusScope 組件 (二)

本系列文章會在筆者的部落格繼續連載!Design System 101 感謝大家的閱讀! 前言 在上一篇 FocusScope 中,我們介紹了 FocusS...

鐵人賽 Modern Web DAY 7
設計系統 - Design System 系列 第 7

技術 [Day 7] Design System - FocusScope 組件

本系列文章會在筆者的部落格繼續連載!Design System 101 感謝大家的閱讀! 原本今日計畫寫的內容是關於 Design System 文檔建置...

鐵人賽 Modern Web DAY 4
設計系統 - Design System 系列 第 4

技術 [Day 4] Design System - Accessibility

本系列文章會在筆者的部落格繼續連載!Design System 101 感謝大家的閱讀! 前言 Accessibility 又稱 A11y,因為 Acce...

鐵人賽 Modern Web DAY 30

技術 結語【 我不會寫 React Component 】

試試看你學到了什麼 前面我們小試了一下身手, 這邊中途來插一個小活動。 有鑒於工程師社群很喜歡討論面試題, 那我們也來試個幾道題目, 來試試你能回答出以下幾道...

鐵人賽 Modern Web DAY 28

技術 如何導入 deque axe 【 我不會寫 React Component 】

台灣的無障礙規範 聲稱自己參照 w3c 規範, 但還是有太多地方跟國際規範不同。先不論是政治還是官僚等無聊原因,考慮到讀者未來發展性,筆者鼓勵盡量走國際規範...

鐵人賽 Modern Web DAY 27

技術 如何製作警示 alert【 alert | 我不會寫 React Component 】

About 警示元素,主要用來展示明確跟重要的訊息, 並要吸引用戶的注意力而不打斷用戶當前正在進行的工作。 動態渲染警示,會自動被螢幕報讀閱讀, 在部分處理系統...

鐵人賽 Modern Web DAY 26

技術 如何製作輪播 carousel 4【 carousel | 我不會寫 React Component 】

本篇接續前篇 如何製作輪播 carousel 3【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Spec...

鐵人賽 Modern Web DAY 25

技術 如何製作輪播 carousel 3【 carousel | 我不會寫 React Component 】

本篇接續前篇 如何製作輪播 carousel 2【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Contr...

鐵人賽 Modern Web DAY 24

技術 如何製作輪播 carousel 2【 carousel | 我不會寫 React Component 】

本篇接續前篇 如何製作輪播 carousel 1【 carousel | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 Scre...

鐵人賽 自我挑戰組 DAY 30

技術 第三十日:在討論功能與估時的時候,別「孤立」無障礙的工與時。

大叔已經花了很大一個篇幅說明無障礙,團隊也花了很大的力氣打造能降低成本的工具,但能做的有限,因為內容的編排才是重點。 但最後一天大叔只想強調一點,無障礙的估時,...

鐵人賽 Modern Web DAY 23

技術 如何製作輪播 carousel 1【 carousel | 我不會寫 React Component 】

About 輪播透過類似幻燈片的方式接連展示一部份的物件。 通常輪播一次只會呈現一張幻燈片, 用戶可以控制輪播的當前幻燈片像是往前一張或是往後一張。 在部分實...

鐵人賽 Modern Web DAY 22

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

如果你買了一個前端課程,裡面的老師連 semantic html 都不會用,建議你趕快退錢換家。 簡介 無障礙 landmark 用來標記頁面上某個段落的...

鐵人賽 自我挑戰組 DAY 29

技術 第二十九日:打造無障礙網頁設計 UI 框架:Piman 的誕生

今天可能會有點像是廣告的感覺,但主要還是想要分享當初與團隊在打造一款 UI 框架時所經歷的過程,所以文章內我就不打算把我們的連結放進來,避免文章太突兀感覺好像在...

鐵人賽 Modern Web DAY 21

技術 如何製作手風琴 accordion 2【 我不會寫 React Component 】

本篇接續前篇 如何製作手風琴 accordion 1【 accordion | 我不會寫 React Component 】 可以先看完上一篇再接續此篇。 S...

鐵人賽 自我挑戰組 DAY 28

技術 第二十八日:IAAP 的 WAS

以防可能有人沒有看到第二十六日的文章,所以還是再介紹一下,International Association of Accessibility Professi...

鐵人賽 Modern Web DAY 20

技術 如何製作手風琴 accordion 1【 accordion | 我不會寫 React Component 】

About 手風琴是一排垂直堆疊且用戶可以進行操作的標頭, 標頭內容可以包含像是標題,簡短內容,縮圖 可以用來表示其內容。 用戶可以透過標頭控制哪個段落的內容...

鐵人賽 Modern Web DAY 19

技術 如何隱藏元素 【 我不會寫 React Component 】

這邊介紹幾個方式,可以讓 accessibility tree 忽略指定的元素, 像是以下情況: 單純裝飾用,沒有實際意義的 icons 或是 圖片。 重複...

鐵人賽 自我挑戰組 DAY 27

技術 第二十七日:IAAP 的 CPACC

以防可能有人沒有看到第二十六日的文章,所以還是再介紹一下,International Association of Accessibility Professi...

鐵人賽 自我挑戰組 DAY 26

技術 第二十六日:國際的無障礙認證機構:IAAP

在上一篇 AWS 的無障礙前端工程師中,職缺內容有提到 IAAP 的 WAS 證照,所以,我們要先來暸解 IAAP 機構。 首先我們在 Google 搜尋 I...

鐵人賽 Modern Web DAY 18

技術 如何製作麵包屑 BreadCrumb【 breadcrumb | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #breadcrumb Spec: Tag 麵包屑元件的列表部分...

鐵人賽 自我挑戰組 DAY 25

技術 第二十五日:AWS 無障礙前端工程師的職務內容

為什麼要特別挑選 AWS 的無障礙前端工程師來看呢?第一個理由當然是 AWS 大廠。第二個理由是有做各式各樣的服務,客群廣泛。第三個理由是前端程式直接面對顧客的...

鐵人賽 Modern Web DAY 17

技術 如何製作日期選擇 Date Picker 5【 date picker | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...

鐵人賽 自我挑戰組 DAY 24

技術 第二十四日:找找看專精於無障礙的職缺

在前 23 日裡,我們很努力的理解並想要透過實作的方式,來幫助 20% 的人可以更方便的在網路暢遊,那麼,應該有專門的的職缺吧?我指的是,針對無障礙網頁的專家,...

鐵人賽 Modern Web DAY 16

技術 如何製作日期選擇 Date Picker 4【 date picker | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...

鐵人賽 Modern Web DAY 15

技術 如何製作日期選擇 Date Picker 3【 date picker | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...

鐵人賽 自我挑戰組 DAY 23

技術 第二十三日:從無障礙網路空間服務網調查報告,思考令人煩惱的問題(四):表單輸入難以操作

表單的格子很小,不容易填,但是偏偏這一類線上交易,就是金融交易的網站又會計時,然後就會擔心可能沒有辦法操作完。 受訪者D (脊髓損傷) 在 110 年身...

鐵人賽 Modern Web DAY 14

技術 如何製作日期選擇 Date Picker 2【 date picker | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #datepicker 本篇接續前篇 如何製作日期選擇 Date...

鐵人賽 自我挑戰組 DAY 22

技術 第二十二日: 從無障礙網路空間服務網調查報告,思考令人煩惱的問題( 三):無法取得驗證碼

今天大叔要來挑戰驗證碼,之前就有想要特別開一篇文章來講,但是其實最近就有我喜歡的部落格有寫了一篇文章,讓我很猶豫要不要繼續講。 昨天都已經說要說明了,大叔我就隨...

鐵人賽 Modern Web DAY 13

技術 如何製作日期選擇 Date Picker 1【 date picker | 我不會寫 React Component 】

hashtags: #react, #components, #accessibility, #datepicker 關於 Date Picker Dialo...

鐵人賽 自我挑戰組 DAY 21

技術 第二十一日: 從無障礙網路空間服務網調查報告,思考令人煩惱的問題(二):廣告或圖片輪播干擾

在二十一、二十二、二十三日,大叔將分別跟大家一起鑽研上一篇讓人煩惱的問題,依序分別為「廣告或圖片輪播干擾」、「無法取得驗證碼」、「表單輸入難以操作」。 廣告或...