Frontend Dogma

“accessibility” Archive (2)

  1. Visually Hidden Links With 0 Dimensions · · , , ,
  2. Getting Instant Return from Your Accessibility Testing · ·
  3. O “dialog” Focus, Where Art Thou? · · , ,
  4. React-ing to Accessibility: Building Accessible Forms That Everyone Can Use · · , ,
  5. Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” · · , , , ,
  6. A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II · · ,
  7. Top 20 Must-Know Tips for Web Accessibility · ·
  8. The alt-text.org Project Is Moving Forward · ·
  9. ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA · · , ,
  10. Making Numbers in Web Content Accessible ·
  11. Getting Started—Understanding the History of Web Accessibility · · , ,
  12. Developing Inclusivity Features · · ,
  13. There’s No Such Thing as a “Normal” User ·
  14. A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace · · ,
  15. Resources for Procurement of Accessible Digital Products and VPAT · · , ,
  16. The “article” Element and Screen Readers · · , , , ,
  17. Your Browser May Be Having a Secret Relationship With a Screen Reader · · , ,
  18. Combat Accessibility Decay: How to Maintain Ongoing Accessibility · · ,
  19. WCAG 2.2, Quick and Simplified · · ,
  20. Accessible Overlays Aren’t Accessible · ·
  21. Under-Engineered Comboboxen? · · , ,
  22. Web and App ADA Lawsuits: 6 Trends So Far in 2023 · · ,
  23. 4 Ways to Improve Mobile Accessibility · ·
  24. Top Tips from a Web Accessibility Evaluator at WebAIM · · ,
  25. Live Regions in React · · , ,
  26. Designing for Inclusion · · ,
  27. WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted · · , ,
  28. Continuous Accessibility · · ,
  29. Thoughts from “Meet Safari for Spatial Computing” · · , ,
  30. Three Key Principles for an Accessible Website · ·
  31. Can Web Developers Be Held Liable? · ·
  32. The Five Types of People Who Produce Inaccessible Code · ·
  33. 6 Quick Tests You Can Do to Test Your Forms for Accessibility · · ,
  34. Design vs. Accessibility and the CSS “visually-hidden” Class · · , ,
  35. You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now · · , ,
  36. The Universal Focus State · · ,
  37. No, “AI” Will Not Fix Accessibility · ·
  38. Sticky Content: Focus in View · · , ,
  39. Testing Sites and Apps With Blind Users: A Cheat Sheet · · , , , , ,
  40. Before Your Next Frontend Pull Request, Use This Checklist · · , , , , ,
  41. Accessible Rich Internet Applications (WAI-ARIA) 1.2 · · ,
  42. Accessibility and Artificial Intelligence · ·
  43. Assume the Position—a Labelling Story · · ,
  44. Accessibility Testing—Pay Attention to the Details · ·
  45. The Problem With Automatically Focusing the First Input and What to Do Instead · · , ,
  46. How We Created an Accessible, Scalable Color Palette · · , , ,
  47. WCAG 2.2 Misses Mark on Defining Visible Focus · · , ,
  48. Accessible Components: The Hamburger Menu · · ,
  49. Accessibility Audits for All · · ,
  50. Don’t Meddle With User Input · ·
  51. The Problem With Nested Fieldsets and How to Avoid Them · · , ,
  52. How Screen-Reader Users Type on and Control Mobile Devices · · , , , ,
  53. When to Use Plain Text or Images Instead of MathML · · ,
  54. Brief Note on Popovers With Dialogs · · , , ,
  55. We Need to Talk About How We Talk About Accessibility · · ,
  56. Levelling Up Accessibility Skills in Your Organisation · ·
  57. “display: contents” Considered Harmful · ·
  58. Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) · ·
  59. Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design · · ,
  60. What Devs Can Do on Global Accessibility Awareness Day ·
  61. Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 · · ,
  62. Accessible Numbers · ·
  63. Fieldsets, Legends, and Screen Readers Again · · , , , ,
  64. Semantics and the “popover” Attribute: What to Use When? · · , ,
  65. Why Is Web Accessibility Important? · ·
  66. HTML Landmark Roles Screen Reader Demo · · , , , ,
  67. Using HTML Landmark Roles to Improve Accessibility · ·
  68. The Problem With Disabled Buttons and What to Do Instead · · ,
  69. Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit · · , , , ,
  70. Respect Your Children · · ,
  71. ShatGPT · ·
  72. React Testing Library and Accessibility · · , , ,
  73. Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It · ·
  74. Why “font-size” Must Never Be in Pixels · · , ,
  75. Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? · · , ,
  76. Progress over Perfection: The Better Way for Communication and Accessibility Advocacy · · ,
  77. Accessible Target Sizes Cheatsheet · ·
  78. The Potentially Dangerous Non-Accessibility of Cookie Notices · · , , ,
  79. Meeting WCAG Level AAA · · , ,
  80. Designing and Coding for Voice ·
  81. Visually Accessible Data Visualization · ·
  82. Audio Accessibility in Miro: A Hackathon Story in 3 Acts · · ,
  83. Answering “What ARIA Can I Use?” · · , , , ,
  84. Web Accessibility: A Reference to Creating Inclusive Websites ·
  85. Breaking Down Accessibility Barriers: Top 4 Challenges With Screen Magnifiers · ·
  86. Shifting Left, or: Making Accessibility Easier by Doing It Earlier · · , ,
  87. Don’t Override Screen Reader Pronunciation · · , , ,
  88. Accessibility in Design Systems: Building More Inclusive Products for a Better User Experience · · , , ,
  89. HTML Accessibility API Mappings 1.0 · · ,
  90. Chasing Rainbows · ·
  91. Establishing Metrics for Accessibility ROI · · ,
  92. The Alt Text War—SEO vs. Accessibility · · , , ,
  93. What’s New in WCAG 2.2? · · ,
  94. Designing for Reduced Motion · ·
  95. Foundations: Accessible Names and Descriptions · · , ,
  96. What Makes a Good Screenshot? · ·
  97. Five Pieces of Advice for More Accessible Websites · ·
  98. Exposing Field Errors · · , , ,
  99. Accessibility for Designers: Where Do I Start? · · ,
  100. 10 Ways to Hide Elements in CSS · · ,
  101. When I Get That Low Contrast Feeling, I Need Non-Textual Healing · · ,
  102. The Ultimate Guide to Automatic Accessibility Testing in CI/CD for React Apps · · , , , ,
  103. We Need Accessibility Action · ·
  104. Alternative Text in the Wild: 5 Alternative Text Examples · · ,
  105. The WebAIM Million · · ,
  106. Connecting Dots of an Accessibility Audit · ·
  107. Accessibility vs. Emojis · · , ,
  108. Guardrails for Better Accessibility Support in Frontend · · ,
  109. A Quick Guide to Reviewing a VPAT ACR · · ,
  110. CSS-Only Widgets Are Inaccessible · ·
  111. The “search” Element · · ,
  112. Accessible but Never Boring: Rebranding the Wise Design System for Everyone II · · ,
  113. What We’ve Learned About Designing for Accessibility from Our Users · ·
  114. Certifications Should Be Hard · · ,
  115. Visually Hidden Content Is a Hack That Needs to Be Resolved, Not Enshrined · · , , ,
  116. When Is “:focus-visible” Visible? · ·
  117. Annotating Designs for Accessibility · · ,
  118. How Screen Readers Read Special Characters: An Update · · , , , ,
  119. Hijacking Screenreaders With CSS · · , , , ,
  120. Foundations: Pointer Gestures · ·
  121. Accessibility and Design Systems: The Deep-Dive Q&A · · ,
  122. Accessibility Beyond Code Compliance · ·
  123. It’s About Time CAPTCHAs Become Accessible · ·
  124. The H1 Conundrum: Understanding the Challenges of Heading Level One · · , ,
  125. Fix Color Contrast—Web Accessibility for Text and UI Design · · ,
  126. Making Calendars With Accessibility and Internationalization in Mind · · ,
  127. Best Practices for Structuring Accessibility Testing · · ,
  128. We Don’t Need “.visually-hidden” · · , ,
  129. “content” Is Your Content? · · , , ,
  130. My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use · ·
  131. ARIA Live Regions for JavaScript Frameworks · · , , ,
  132. 50.1% Empty Links · · , , ,
  133. Are You Making These Five Mistakes When Writing Alt Text? · · , ,
  134. Toolkit Tuesday: Using YouTube for Captions and Transcripts · · , ,
  135. A Native “Visually Hidden” in CSS? Yes Please! · · , , ,
  136. The WebAIM Strategic Accessibility Framework · ·
  137. Accessible but Never Boring: Rebranding the Wise Design System for Everyone · · ,
  138. The Web Needs a Native “.visually-hidden” · ·
  139. A Beginner’s Guide to Manual Accessibility Testing · · ,
  140. How People Read Online · · , ,
  141. Without Accessibility, There Is No Privacy or Security · · ,
  142. Conformance and Accessibility · · ,
  143. A Guide to Accessible Form Validation · · , , ,
  144. How to Style Your Alt Text · · , ,
  145. Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility ·
  146. How Shadow DOM and Accessibility Are in Conflict · · ,
  147. The Importance of Adding Accessibility Design Reviews to the Design Process · · ,
  148. Open Captions vs. Closed Captions: What’s the Difference? · · ,
  149. Automatic Captions: Our Experiments and Best Practices · · , ,
  150. Understanding the Cost of Not Being Accessible · ·
  151. Not Everyone Uses a Computer in the Same Way That You Do · ·
  152. ARIA vs. HTML · · , , ,
  153. Keys to an Accessibility Mindset · ·
  154. Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle · · ,
  155. Avoid Spanning Table Headers · · , ,
  156. A Step-by-Step Guide to Building Accessible Carousels · · , , ,
  157. If You’re Going to Do a Job, Do It Properly · ·
  158. Software Accessibility for Users With Attention Deficit Disorder (ADHD) ·
  159. Buttons, Links, and Focus · · , , ,
  160. Screen Readers Don’t Convey the Semantics of “strong” and “em” · · , , , ,
  161. Scaling Accessibility Through Design Systems · · , ,
  162. A Practical Approach to Automated Accessibility · · ,
  163. Automation Is Not the Enemy · · ,
  164. Automated Testing Won’t Solve Web Accessibility · · ,
  165. Foundations: Introduction to WAI-ARIA · · ,
  166. The Troublesome Life and Lamentable Death of Success Criterion 4.1.1 · · , ,
  167. How to Build Accessible Main Navigation? · · ,
  168. Focus Appearance Thoughts · · ,
  169. Testing Colour Accessibility With Dev Tools · · , , ,
  170. Non-Text Content Contrast Also Matters · ·
  171. WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion · · ,
  172. External Links: In or Out · · , ,
  173. Understanding Color and Accessibility · ·
  174. Setting Expectations for Asking ChatGPT Web Accessibility Questions · ·
  175. Léonie Watson on Accessibility · · ,
  176. New WCAG 2.2 Features Rated · · ,
  177. Accessible Hamburger Buttons Without JavaScript · · ,
  178. Use the Dialog Element (Reasonably) · · ,
  179. Musing Upon an “[alt]” Text Badge on Images · · ,
  180. Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation Stage Again · · ,
  181. A Simple Custom · · , ,
  182. If You Need a Link, Don’t Use a Button · · , , ,
  183. Creating a Community That Values Accessibility · ·
  184. Be a Digital Ally: Further Exploration of WCAG 2.2 · · ,
  185. Web Accessibility Global Usage Survey · ·
  186. Comparing Level Access Automated Tools to Manual Accessibility Testing · · , ,
  187. Comparing Manual and Free Automated WCAG Reviews · · , ,
  188. Accessible Writing Is Just Good Writing · ·
  189. Blind News Audiences Are Being Left Behind in the data Visualisation Revolution: Here’s How We Fix That · ·
  190. Foundations: Visible Focus Styles · · ,
  191. Manual Accessibility Testing · ·
  192. The Main Areas of WAI-ARIA · ·
  193. Closed Captions and Subtitles UX · · ,
  194. 2023 Design Trends from an Accessibility Perspective · · ,
  195. Stock Photos of People With Disabilities · · ,
  196. A New Accessibility Strategy for the GOV.UK Design System · · ,
  197. JAWS, NVDA, and VoiceOver Braille Viewers · · , , , , , ,
  198. WAI–Adapt Explainer ·
  199. Quick Thoughts on Typeface and Font Accessibility · · ,
  200. Carry On Testing 2023 · ·
  201. A Beginner’s Guide to Link and Text Accessibility · · , ,
  202. Overlapping Interactive Areas · ·
  203. User Stylesheets Are Still Pretty Great and Should Be More Widely Supported · · ,
  204. Aligning Jakob Nielsen’s 10 Usability Heuristics With the WCAG 2.1 · · , ,
  205. Top 10 Accessibility News of 2022 · ·
  206. What Is the Difference Between Alternative Text, Long Description, and Caption? ·
  207. Obscure CSS: Restoring Visibility · ·
  208. An Inclusive and Planet-Friendly Digital Style Guide · · , , ,
  209. The Intended Consequence of Inaccessible Digital Ads · · ,
  210. Quick Start for Evaluating and Testing Web Accessibility · · ,
  211. Building an Accessible Theme Picker With HTML, CSS, and JavaScript · · , , ,
  212. Accessibility Convincing · · , ,
  213. Useful Accessibility and Usability Examples to Help Improve Your Designs · · ,
  214. Foundations: Target Sizes · ·
  215. Bad Performance Is Bad Accessibility · ·
  216. Prevent Focused Elements from Being Obscured by Sticky Headers · · , ,
  217. How to Find and Fix the Top 3 Accessibility Issues · · , ,
  218. 5 HTML Elements, and a Partridge in a Despair Tree · · ,
  219. Accessibility Starts With an Organisation’s Culture · ·
  220. A Guide for Making Apps Accessible · ·
  221. Top 5 Accessibility Issues in 2022 · ·
  222. State of A11Y · ·
  223. Federal Web Accessibility Focus Has Private Sector on Notice · ·
  224. WCAG 3.0: Are We There Yet? · · ,
  225. Five Myths About Digital Accessibility · ·
  226. WCAG—Priority of Constituencies · ·
  227. W3C Publishes WCAG Testers Consistency List · · ,
  228. Meaningful Labels Using ARIA—or Not · · , ,
  229. Accessible Front-End Patterns for Responsive Tables · · ,
  230. Accessibility: The Land That “Time to Interactive” Forgot · · ,
  231. Swearing and Automatic Captions · · ,
  232. Website Accessibility Is Not an Afterthought ·
  233. The 411 on 4.1.1 · · ,
  234. Reading the Meter · · ,
  235. Brief Note on Description List Support · · , , ,
  236. Landmarks and Where to Put Them · · , ,
  237. You Don’t Need ARIA for That · · ,
  238. Accessibility and MVPs · ·
  239. Which Images Need Descriptive Text? · ·
  240. Making Microservices Accessible · ·
  241. HTML Semantics and Accessibility Cheat Sheet · · , ,
  242. Shadow DOM and Accessibility: The Trouble With ARIA · · , , ,
  243. Making Accessibility Simpler in Higher Education and Beyond · ·
  244. Addressing Concerns About CSS Speech · ·
  245. Positioning Notification Messages With Accessibility in Mind · ·
  246. Setting Up a Screen Reader Testing Environment on Your Computer · · , , ,
  247. Preparing for WCAG 2.2 · · ,
  248. Accessibility and Inclusive Design Systems · · , ,
  249. Page Title Conventions · · ,
  250. The Value of Accessibility · · ,