Categories
administrative socialmedia twitter

Web Axe publishing update

So much has happened since the last Web Axe post over 18 months ago. The turmoil with Twitter lately (thanks to evil Elon) has inspired a resurgence of a more friendly and responsible Internet – self-publishing and decentralized content, so let’s hope this continues.

One thing we’ve learned over the last couple decades is that large corporations and their owners should not be the owners of the news, of social media, of us.

There will be more Web Axe blog posts coming, and more often. And the Twitter content will be cross-posted from Mastodon, a completely free, decentralized, and open-sourced social media platform. Besides this blog (and RSS feed), please feel free to follow Web Axe on Mastodon at @WebAxe@a11y.info.

PS: good tweets

https://twitter.com/AngryGranny1/status/1588655524949921793

Categories
event roundup

Upcoming Accessibility Events (mid-2021)

With CSUN and axe-con ending, what are other events or conferences are coming up? Here’s a list of upcoming digital accessibility events in mid-2021. Feel free to comment with more.

Also, check out my Twitter list of accessibility meetups around the world.

Categories
jobs

Digital Accessibility Jobs, Jan 2021

More great opportunities in the field of digital accessibility.

As always, watch out for more job listings on Twitter via @a11yJobs, @EasyChirp, and me @WebAxe.

Jobs written on newspaper viewed thru magnifying glass

Categories
code design roundup

Web Accessible Code Libraries and Design Patterns

Within a web development organization, it’s ideal to maintain (and enforce usage of) design patterns and a components library. And they should work together; design patterns create consistency among visual elements across projects and the components library creates consistent implementation of those patterns during development. This is especially important on several levels including accessibility.

Here is an extensive list of recommended code libraries, patterns, and design systems. It’s one list instead of separating by category as many have elements of each. There are also some related articles below. Please leave a comment for any updates, corrections, additions, etc.

Related resources:

Categories
tools visual

Accessibility Rendering Tools in Chrome

There are a few great simulation tools in Chrome which invoke rendering of a couple CSS media queries and simulate several types of color blindness. These are great for testing the implementation of your accessible design! The features include:

  • Emulate CSS media feature prefers-color-scheme
  • Emulate CSS media feature prefers-reduced motion
  • Emulate vision deficiencies

Unfortunately, they are quite difficult to discover/locate, so here’s where to find them:

  1. In Chrome browser, open the Developer Tools.
  2. Select the “…” menu button in the toolbar.
  3. Select the “More tools” menu.
  4. Select Rendering; the Rendering panel appears in the sub-panel (next to Console if no others are present).
  5. Scroll to the bottom of the Rendering panel to locate the features.
  6. Select an option from the dropdown for each.

Happy developing!

Bottom on rendering sub-panel Chrome

Addendum

Great point by Chris Heilmann via Twitter.

Related