Skip to main content
  • Matthias Ott
    User Experience Designer
  • Articles
  • Notes
  • Links
  • Work
  • About

Links

  • #a11y (8)
  • #accessibility (3)
  • #agile (1)
  • #algorithms (1)
  • #animation (3)
  • #apps (2)
  • #architecture (1)
  • #articles (1)
  • #automation (1)
  • #basics (2)
  • #books (3)
  • #branding (1)
  • #browsers (1)
  • #build pipeline (1)
  • #business (2)
  • #chrome (1)
  • #code (6)
  • #color (2)
  • #component libraries (1)
  • #components (3)
  • #compression (1)
  • #craft (1)
  • #css (14)
  • #css grid (1)
  • #culture (3)
  • #dependencies (1)
  • #design (27)
  • #design thinking (2)
  • #design-systems (6)
  • #development (6)
  • #devices (1)
  • #education (1)
  • #engine (1)
  • #enhancement (1)
  • #flexbox (2)
  • #font (1)
  • #fonts (1)
  • #foundations (1)
  • #freelancing (1)
  • #game (1)
  • #git (1)
  • #github (1)
  • #graphics (1)
  • #grid (2)
  • #grunt (1)
  • #handbooks (1)
  • #head (1)
  • #history (1)
  • #html (4)
  • #hypertext (1)
  • #ia (1)
  • #icons (1)
  • #image (4)
  • #image optimization (1)
  • #inclusive design (1)
  • #indieweb (2)
  • #information (2)
  • #iterative (1)
  • #javascript (4)
  • #js (1)
  • #language (1)
  • #layout (6)
  • #leadership (2)
  • #learning (3)
  • #machine learning (1)
  • #media (1)
  • #media- (1)
  • #meta (1)
  • #modular (1)
  • #navigation (1)
  • #optimization (1)
  • #organizations (1)
  • #pattern libraries (6)
  • #performance (6)
  • #perspective (1)
  • #physics (1)
  • #picture (1)
  • #polyfills (1)
  • #postels-law (1)
  • #principles (4)
  • #process (6)
  • #progressive (2)
  • #progressive-enhancement (1)
  • #prototyping (4)
  • #public speaking (1)
  • #pwa (1)
  • #reference (2)
  • #resource (3)
  • #responsibility (1)
  • #responsive (4)
  • #robots (1)
  • #rss (1)
  • #rwd (4)
  • #sass (1)
  • #science (1)
  • #semantics (1)
  • #sketching (1)
  • #social (1)
  • #society (1)
  • #space (1)

Entries tagged with #a11y.

↳ Show all entries

Accessibility, Back to the Future | Bruce Lawson | Monki Gras 2019

https://www.youtube.com/watch?v=T2CjuAwrAq8

Bruce says: When Sir Uncle Timbo invented the Web it was accessible by default. Developers, we broke it. Dull Old Web Farts like me wagged our fingers and advised developers to Be Nice To Cripples and sometimes shook our fists and shouted “Be careful of lawsuits”. But by going back to basics, I’ll show you how accessibility means inclusion, and makes the web better for all – not just disabled people, but billions of new customers. So, fire up the flux capacitor and let’s go. NB: I’ll still wag my finger a bit, for old times’ sake.

  • #accessibility
  • #a11y
  • #talks

Planning for Accessibility, by @laurakalbag

https://alistapart.com/article/planning-for-accessibility

“Accessibility isn’t a line item in an estimate or a budget—it’s an underlying practice that affects every aspect of a project.” This article is an excerpt from @laurakalbag’s new book, Accessibility for Everyone.

  • #a11y
  • #inclusive design

A11Y Style Guide, by @cariefisher

http://a11y-style-guide.com/style-guide/

The A11Y style guide comes with pre-populated accessible components that include helpful links to related tools, articles, and WCAG guidelines to make your site more inclusive.

  • #a11y
  • #styleguides
  • #style guides

Smooth Scrolling and Accessibility, by @_hmig

https://css-tricks.com/smooth-scrolling-accessibility/

Regardless of how you implement smooth scrolling, there are a few accessibility issues that should be addressed: focus management and animation.

  • #a11y
  • #ui
  • #ux
  • #javascript
  • #animation

Accessible Tooltips & Toggletips | Inclusive Components by @heydonworks

https://inclusive-components.design/tooltips-toggletips/

In this article, Heydon Pickering looks at situations which might call for a tooltip or else a toggletip, and formulates inclusive implementations for each.

  • #ui
  • #components
  • #a11y
  • #ux

The web accessibility basics, by @MarcoZehe‬

https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/

Marco Zehe's list of absolute web accessibility basics every web developer should know.

  • #accessibility
  • #a11y
  • #basics

Accessible SVGs

https://css-tricks.com/accessible-svgs/

Impressively comprehensive article by @_hmig about creating accessible SVGs in order to ensure a great user experience for everyone.

  • #a11y
  • #ux
  • #code
  • #svg

Color Safe

http://colorsafe.co/

Empowering designers with beautiful and accessible color palettes based onWCAG Guidelines of text and background contrast ratios.

  • #design
  • #color
  • #a11y
  • #accessibility
  • #tools
  • Articles
  • Notes
  • Links
  • Work
  • About
Subscribe

You can subscribe to the RSS feeds for all posts or to individual feeds for articles, notes, and links.

Design and code © 2007–2022 Matthias Ott  •  Made with HTML, CSS, enhanced with JavaScript, powered by Craft CMS. .
Webmention endpoint   Privacy Policy   Site Notice / Impressum