Miranda Johnsen, PMP, PMI-ACP retweeted
FRIENDS!✨ I'm excited to announce I'm working on an #a11y video course!🥳
🔜 Practical Accessibility: a get-right-down-to-it course for designers & developers who want to start creating more accessible digital products today
💌 Sign Up for updates 👉practical-accessibility.toda…
Miranda Johnsen, PMP, PMI-ACP retweeted
AccessiBe aims to make the internet fully accessible to the visually impaired by 2025—but activists say the company's AI is making things worse. bit.ly/38Q608I
Miranda Johnsen, PMP, PMI-ACP retweeted
The HTML `inert` attribute is so useful (esp. for creating more usable & accessible patterns), I’m genuinely surprised the support tables look like this: caniuse.com/mdn-api_htmlelem…
More about inert & focus management: css-tricks.com/focus-managem…
The polyfill: github.com/WICG/inert
Miranda Johnsen, PMP, PMI-ACP retweeted
Good morning Twitter 🐥
I'm excited to announce that I'll be giving my Applied Accessibility talk online at @dequesystems's #axecon in March 👩💻
Registration is open and the talks are *fantastic*. Come join us! ⛺️deque.com/axe-con/register/
Miranda Johnsen, PMP, PMI-ACP retweeted
The `inert` attribute in HTML is a big deal for focus management and building accessible web experiences.
Here's @ericwbailey with the story: css-tricks.com/focus-managem…
Miranda Johnsen, PMP, PMI-ACP retweeted
CSS Grid: Magazine Layouts
@CodePen: codepen.io/oliviale/full/GRK…
Miranda Johnsen, PMP, PMI-ACP retweeted
Another gem from @FirefoxDevTools contextual information in the inspector.
Miranda Johnsen, PMP, PMI-ACP retweeted
This week was a reminder that I need to revisit my anti-goals from 2017.
Just returned from 3 days of biz travel to a calendar of time sensitive meetings and overflowing inbox.
Add 2 kids under 3 for good measure and muah! *Italian chef kissing motion*
medium.com/@awilkinson/the-p…
Miranda Johnsen, PMP, PMI-ACP retweeted
Did you know there’s a panel in Firefox Developer Tools that keeps track of any changes you make to your CSS, and lists everything so you can copy & paste it elsewhere?
developer.mozilla.org/en-US/…
Miranda Johnsen, PMP, PMI-ACP retweeted
Our engineers and product managers do a lot of collaboration to build the Netflix user experiences. In a recent episode of @FrontEndHH, UIEs @burgessdryan and @JemYoung talk with PMs @mspiegelman, @CathyConk, and Eddy Wu how to collaborate effectively frontendhappyhour.com/episod…
Miranda Johnsen, PMP, PMI-ACP retweeted
THIS!
Dev-wise: I’ve never been a fan of the “just use the CSS invert() filter or blend modes to invert colors for a dark theme” technique. Aside from the visual note Steve mentions, the CSS filter caused page jank when I tested it, on multiple real sites.
Miranda Johnsen, PMP, PMI-ACP retweeted
Confused by accessibility testing tools or just want to become better informed? Join TPG’s Scott O’Hara and Justin Stockton for our next webinar, “Accessibility Testing Tools and When to Use Them” on July 11 at 12pm ET. Register here: zoom.us/webinar/register/881…
Miranda Johnsen, PMP, PMI-ACP retweeted
Thank you @marcysutton for introducing me to this web developer extension on @firefox 🤯 This @eggheadio lesson is really good re: accessibility in semantic structure.
egghead.io/lessons/html-5-he…
Miranda Johnsen, PMP, PMI-ACP retweeted
What is the viewbox? Are icon fonts bad? How do you animate? Performance? SVG Filters?! <foreignObject> tag?!
Amazing podcast diving into SVG with @SaraSoueidan
syntax.fm/show/154/svgs-with…
Miranda Johnsen, PMP, PMI-ACP retweeted
Developers don’t wake up in the morning saying, “Today I’m going to build a system that excludes 20% of the population!”
Developers often create inaccessible software because they don’t know accessibility is something they need to pay attention to.
deque.com/blog/accessibility…
Miranda Johnsen, PMP, PMI-ACP retweeted
“Without well-formed HTML that uses the appropriate element for the purpose, screen reader navigation breaks down completely, and keyboard navigation is at a high risk of doing the same.” — @LeonieWatson
Use semantic HTML and leverage native HTML elements whenever you can 👏🏻
Miranda Johnsen, PMP, PMI-ACP retweeted
The difference between keyboard and screen reader navigation by @LeonieWatson
tink.uk/the-difference-betwe…
Miranda Johnsen, PMP, PMI-ACP retweeted
I've updated <img> → <svg> script to add the required accessibility features (H/T @scottohara) and always set the width and height to the image dimensions gist.github.com/stowball/e51…
Miranda Johnsen, PMP, PMI-ACP retweeted
A FAQ I get is “where do I start learning about accessibility?”
@scottohara compiled a list of essential resources for us:
I’d add my favorite resource: Scott’s own blog + anything & everything he & @ericwbailey writes.
#a11y scottohara.me/note/2019/05/0…
Miranda Johnsen, PMP, PMI-ACP retweeted
#tinyCSStip
DON'T ❌
@keyframes b {
0% { color: tan }
49.99999% { color: tan }
50.00001% { color: red }
100% { color: red }
}
p { animation: b 2s infinite }
Instead, DO ✅
@keyframes b { 50% { color: red } }
p {
color: tan;
animation: b 2s steps(1) infinite
}