Frontend Dogma

“accessibility” Archive

  1. Manifesto for a Humane Web · · , , , , ,
  2. How We’re Building More Inclusive and Accessible Components at GitHub · · , , ,
  3. Mastering User-Centered Design, With 5 Advanced Tips · · , , ,
  4. Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II · · , ,
  5. A Brief Note on Highlighted Text · · , , ,
  6. A to Z of Assistive Technology for Reading Digital Text · · , , ,
  7. Why Are My Live Regions Not Working? · · ,
  8. Web Accessibility in the 2024 [U.S.] Presidential Campaigns · ·
  9. How to Design Accessible Forms in 10 Steps · · , ,
  10. Accessibility Evolution of Organizations · · ,
  11. Conducting Accessibility Research in an Inaccessible Ecosystem · · , ,
  12. Images as the First Thing in a Button or Link · · , , ,
  13. Write Alt Text Like You’re Talking to a Friend · ·
  14. Make Sure That Your Design System Is Accessible · ·
  15. Long Alt · · , , , ,
  16. Building a Culture of Accessibility · ·
  17. Accessibility Overlays—Friend or Foe? · · ,
  18. The Impact of Color Contrast on Accessibility · · ,
  19. When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? · ·
  20. 10 Top Accessibility Errors and How to Avoid and Fix Them ·
  21. ARIA in HTML · · , ,
  22. Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time · · ,
  23. 9 Signs Your Frontend Code Has Quality Issues That Affect Your Users · · , , , , ,
  24. My “Skip to Content” Markup Was Breaking the Back Button on iOS · · , ,
  25. Socks, Lies, and Accessibility · ·
  26. Complete a VPAT: Show How Accessible Your Product Is · · , ,
  27. Accessible Interactions in JavaScript Apps · · , , ,
  28. A Comparison of Automated Testing Tools for Digital Accessibility · · , , ,
  29. Web Accessibility Statement: How to Write One · · ,
  30. The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps · · , ,
  31. Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities · · , ,
  32. Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges · · , ,
  33. Blind Internet Users Struggle With Error-Prone AI Aids · ·
  34. WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain · · , , ,
  35. Drive-By Accessibility Tweaks ·
  36. “AI” Won’t Solve Accessibility · ·
  37. When to Use “tabindex="0"” · · , ,
  38. AI and the Future of Web Accessibility Guidelines · · , , , ,
  39. A Complete Guide for Content Creators to Start Making Accessible Content · · ,
  40. Why I Care Deeply About Web Accessibility and You Should Too · ·
  41. Latest WebAIM’s Million—Some Thoughts ·
  42. The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages · · , ,
  43. On “disabled” and “aria-disabled” Attributes · · ,
  44. The Complete Guide to Captioned Videos · · , ,
  45. What Even Are Dragging Movements? · · ,
  46. History of Web Accessibility · · ,
  47. Exploring the Power of ARIA Live Attribute in Web Accessibility · ·
  48. Be Flexible About What People Need (and Don’t Assume) ·
  49. No One Actually Wants Accessibility ·
  50. ARIA “role="application"” and Mobile Screen Readers · · , , , ,
  51. CAPTCHA Excludes Disabled Web Users · ·
  52. Accessible Forms With Pseudo Classes · · , ,
  53. Welcome to Future of Web Accessibility Based on Predictors · · ,
  54. On Popover Accessibility: What the Browser Does and Doesn’t Do · · ,
  55. How to Test 3.3.8 Accessible Authentication (Minimum) · · , ,
  56. Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility ·
  57. Accessibility Foundations · · ,
  58. The Golden Age of Accessibility ·
  59. WCAG 2.2 Detective Skills · · ,
  60. Thoughts on Embedding Alternative Text Metadata into Images · · ,
  61. A Letter to My Younger Self, as an Accessibility Advocate · ·
  62. Distinguishing Between ARIA and Native HTML Attributes · · , ,
  63. Alt Text for CSS Generated Content · · ,
  64. Jakob Has Jumped the Shark · ·
  65. Access by a Thousand Curb Cuts ·
  66. How to Test 2.5.8 Target Size (Minimum) · · ,
  67. Best Practices for Inclusive Design · · , ,
  68. WCAG? More Like, W-What?! · · ,
  69. Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens · · , ,
  70. We Need to Talk About Jakob ·
  71. Accessibility Has Not Failed—It Has Not Even Started for Real · ·
  72. Accessibility Darkness · ·
  73. “AI” and Accessible Front-End Components: Is the Nuance Generatable? · · ,
  74. What Is Inclusive Design, and How Does It Relate to Accessibility? · · ,
  75. Accessibility Has Failed: Try Generative UI = Individualized UX · · , ,
  76. Making Math Accessible · ·
  77. Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements · · , , ,
  78. A Web Designer’s Accessibility Advocacy Toolkit · ·
  79. 10 Takeaways from the WebAIM Screenreader Survey · · , ,
  80. WebAIM Screen Reader User Survey 10 · · , ,
  81. My WebAIM 10th SR User Survey Takeaways · · , ,
  82. CAPTCHA Is Still [the] Most Problematic Issue on the Web · · ,
  83. A Developer’s Guide for Web Accessibility · ·
  84. Difference Between the Accessibility Page and the Accessibility Statement · · ,
  85. ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences · · , , ,
  86. Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? · · , , ,
  87. A Practical Guide to Designing for Colorblind People · · ,
  88. [Web Accessibility] Survey Results · ·
  89. How to Design an Accessible Web Site for People with Color-Deficient Vision · · , , , , ,
  90. Don’t Care About Accessibility? Resistance Is Futile! ·
  91. Getting to an Accessibility Strategy · · ,
  92. ARIA “note” · · , , , ,
  93. How Accessibility Standards Can Empower Better Chart Visual Design · · , ,
  94. When It Says “Name from Author” It Means from You, Not Boll or Bukowski · · ,
  95. Reasonable WCAG Additions · ·
  96. Input Type “date”: The Accessibility of HTML Date Picker · ·
  97. Can Generative AI Help Write Accessible Code? · · ,
  98. Don’t Disable Form Controls · · , ,
  99. What Is a Descriptive Transcript? · ·
  100. The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting · ·
  101. Opportunities for AI in Accessibility · ·
  102. Doing What’s Required: Indicating Mandatory Fields in an Accessible Way · · , ,
  103. A Guide to Designing for Older Adults · · ,
  104. It’s the Hope That Kills You · · ,
  105. “X” Marks the Spot: Landmark Elements · · , , ,
  106. Why Disabled People’s Needs Aren’t “Special” ·
  107. The Importance of Web Performance to Information Equity · · ,
  108. 5 Hidden Risks of Your Inaccessible Website ·
  109. Dynamically Adding Text Alternatives to Images With AI · · , ,
  110. A Look at the New WAI-ARIA 1.3 Draft · · ,
  111. Making VPATs and ACRs More Effective in Procurement · · ,
  112. Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility · · , , ,
  113. Be Purposeful About Your Content · · ,
  114. Overlays and Ethics: A Conference Panel That Hurt My Heart · · , ,
  115. 7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success · · ,
  116. The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments · · , ,
  117. What Can a Website Do? · · ,
  118. What Has a Ceiling but No Floor? · · ,
  119. Check for “accesskey” and “aria-keyshortcuts” Bookmarklet · · , ,
  120. Repetition Avoidance · · , ,
  121. How End-to-End Testing Moves Us Closer to Continuous Accessibility · · ,
  122. Continuous Accessibility: What, Why, How · · , ,
  123. Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That · · , ,
  124. Under-Supported and Underpaid · · , ,
  125. Basic Accessibility Mistakes I Often See in Audits · · , , , , , ,
  126. Stop Trying to Recruit Unicorns With Acorns · ·
  127. Accessible Notifications With ARIA Live Regions · · , ,
  128. Accessible Notifications With ARIA Live Regions II · · , ,
  129. Hover Contrast Bookmarklet · · , , ,
  130. Using AI for Accessibility: Breaking Down Barriers in Content Creation?! · · ,
  131. Options for “optgroup” Labeling of “options” · · , , , , ,
  132. Using “abbr” Element With “title” Attribute · · , , ,
  133. If It’s Not Usable, It’s Not Accessible · · , ,
  134. Bringing Down the Digital Divide · ·
  135. Understanding WCAG SC 3.2.6 Consistent Help (Level A) · · ,
  136. Dynamic Accessible Descriptions Reference · ·
  137. Designing Better Target Sizes · · ,
  138. Buttons and Links—Common Misconceptions · · , , ,
  139. The Change You Wish to See ·
  140. Your MVP Must Be Accessible ·
  141. 16 Lesser Known Accessibility Issues ·
  142. Accessibility Options for Floating Action Buttons · ·
  143. How to Make External Links Accessible · · ,
  144. Not All Automated Testing Tools Support Shadow DOM in Web Components · · , , , , ,
  145. My Perspective: Digital Accessibility and Overlays · ·
  146. WCAG 2: Guidelines and Guardrails · · ,
  147. 2.5.8: Adversarial Conformance · · ,
  148. Inspecting WCAG 2.2: Accessible Authentication · · , , ,
  149. Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds · · ,
  150. WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name · · , ,
  151. ARIA Live Regions · · ,
  152. Screen Reader Users and the Tab Key · · , , , ,
  153. The Top Accessibility Errors Found in 2023 · · , , ,
  154. 2023 Digital Accessibility Year in Review · ·
  155. The Implied Web · · ,
  156. Reflow Red Flags · · ,
  157. Think About Your Future Self ·
  158. Making Data Visualizations Accessible · ·
  159. Revisiting Fundamentals—Semantic Lists for Improved Accessibility · · , ,
  160. Swallowing Camels ·
  161. Baseline Does Not Really Cover Baseline Support · · , , ,
  162. The WordPress Showcase and Accessibility · ·
  163. The Financial Argument for Using an Outside Firm for Accessibility Remediation · ·
  164. Design Systems Teams: Understand Your Users So They Can Serve Theirs · · , ,
  165. The Unspoken Struggle of Aging in a Tech-Driven World · · ,
  166. My Accessibility Journey · ·
  167. Accessibility Overlays · · ,
  168. Test-Driven HTML and Accessibility · · , ,
  169. Screen Reader User Survey #10 · · , , ,
  170. ARIA, the Good Parts · · ,
  171. Video Subtitles, Captions, Audio Descriptions, and Transcripts · · ,
  172. Potential Problems With Accessibility Audits and What to Do About Them · · ,
  173. Template for Accessibility Guidelines · · ,
  174. Media Queries in HTML Video · · , , ,
  175. The Most Accessible Font · · , ,
  176. Accessibility-Specific Tech Requirements? It Depends! · ·
  177. Insights: Mobile Accessibility · · , ,
  178. A Beginner’s Guide to Accessible Text · · , , ,
  179. Understanding the New WCAG 2.2 Criteria · ·
  180. Web Chat Accessibility Considerations · · , ,
  181. Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience · · , ,
  182. Not All Screen Reader Users Are Blind · · , , ,
  183. How to Use Chrome’s Accessibility Tree · · , , ,
  184. Burnout in the Digital Accessibility Field · ·
  185. “An Accessible Website Won’t Be Beautiful”… Really?! · ·
  186. Keyboard Accessibility Myths and WCAG · · ,
  187. Accessibility: A Practical Perspective ·
  188. Accessibility Is Leadership · ·
  189. How to Test 3.3.7 Redundant Entry · · , ,
  190. Inspecting WCAG 2.2: Target Size · · , ,
  191. How to Avoid Breaking Web Pages for Keyboard Users · · ,
  192. Comparison of Accessibility of E-Government Websites in Europe · · ,
  193. Evolution of Visible Focus · · ,
  194. Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA · · , , , , , , ,
  195. Exclusive Accordions Exclude · ·
  196. Why Doesn’t AI Work for Producing Accessible Code? · · ,
  197. Accessibility Testing With Chrome DevTools · · , , , ,
  198. Designing for Accessibility Beyond Compliance · · ,
  199. How I Test a Website for Accessibility · ·
  200. Text With Media Background: Practical Solutions · · , ,
  201. Accessibility Training Can Sometimes Harm Accessibility · ·
  202. Lost in Translation: Tips for Multilingual Web Accessibility · · , ,
  203. Creating Accessible UI Animations · ·
  204. Understanding HTML Landmarks and How to Apply Them · · , ,
  205. Front End Devs Really Don’t Understand Accessibility · ·
  206. How Long Until Your Website Is Accessible? · ·
  207. Creating Accessible Content in Drupal 10 · · ,
  208. Accessibility Training Will Not Save You · · , ,
  209. Addressing Accessibility Concerns With Using Fluid Type · · ,
  210. Removing List Styles Without Affecting Semantics · · , ,
  211. To Hell With the Business Case · · ,
  212. WCAG 2.2 Will Be a Part of EN 301 549 and With That a Part of WAD and EAA · · , ,
  213. Totally Remdom, or How Browsers Zoom Text · · , ,
  214. An Accessibility Bookmarklet for Testing 200% Text Size · · ,
  215. How to Write Good Alt Text for Screen Readers · · , , , ,
  216. Can AI Help Boost Accessibility? These Researchers Tested It for Themselves · · ,
  217. Answers to Common (Web) Accessibility Questions ·
  218. Don’t Turn a Table into an ARIA Grid Just for a Clickable Row · · , ,
  219. Getting Started With NVDA · · , , , ,
  220. The “prefers-reduced-transparency” Media Feature · · ,
  221. Accessibility by Degrees · ·
  222. Don’t Disable Buttons · · ,
  223. Let’s Reinvent the Wheel · · , , ,
  224. So You’ve Been Publicly Accessibility-Shamed · · ,
  225. What Does the “A” Mean in “DEAI”? · ·
  226. Understanding SC 2.4.11 “Focus Not Obscured (Minimum)” · · ,
  227. Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators · · , , ,
  228. Color Contrast Accessibility Tools With Examples · · , , , ,
  229. Splitting Within Selects · · , , ,
  230. Accessibility Improvements for User-Agents · ·
  231. Strikethrough Accessibility · · , , , ,
  232. What Should Be the Contrast Level of Inactive Buttons? · · , ,
  233. Embedding Accessibility into Code Reviews · · , ,
  234. Is CAPTCHA Accessible? · ·
  235. Why Unique ID Attributes Matter · · ,
  236. Web Accessibility Strategies for Non-Accessible Projects · · , ,
  237. Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users? · · , , ,
  238. Burn Your Toast · · ,
  239. Ensuring Negative Numbers Are Available for Everyone · · ,
  240. 2.4.11: Adversarial Conformance · · ,
  241. Digital Accessibility Blogs and Newsletters · ·
  242. Scrollbars Are Becoming a Problem · · ,
  243. Honor User’s Transparency Setting in CSS · · ,
  244. Skip Links on ikea.com · · ,
  245. Designing for All: The Basic Principles of Web Accessibility · · , , ,
  246. Inclusivity in the Digital Age: The Importance of Accessibility Advocacy · · ,
  247. Obligatory WCAG 2.2 Launch Post · · ,
  248. Don’t Use Fixed CSS “height” or “width” on Buttons, Links, or Any Other Text Containers · · , , ,
  249. Welcome WCAG 2.2 and Goodbye Success Criterion 4.1.1 “Parsing” · · ,
  250. Demystifying WCAG 2.2 · · ,