Accessibility Auditing My Portfolio Site — Part 6

Final Testing

Automated Tools

ARC dev toolkit after scanning the blog page on abbeyperini.dev

Manual Testing

:root {
/** sunny side **/
— blue-background: #c2e9f6;
— blue-border: #108DAD;
— blue-color: #96dcee;
— yellow-background: #fffaa8;
— yellow-border: #f5eb71;
/** dark side **/
— indigo-background: #808fc7;
— indigo-border: #808CBC;
— indigo-color: #6b7abb;
— gray-border: #e8e8ea;
— gray-dots: #e8e8ea;
}
.toggle — checkbox:focus + .toggle — label {
outline: solid 3px var( — button-border);
transition: outline 100ms ease-in;
}

Multiple Screen readers

Cross-browser Testing

blog preview component on abbeyperini.dev in Safari with a scroll bar with corners

Final Fix

Things to Revisit

Frodo on Mount Doom “It’s done. It’s over now.”

Main Takeaways

Final Thoughts

--

--

--

…did someone say animated CSS button?

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to avoid complacency as a developer

Look-back on 2 months of Medium Blogging

The Lesser-Known Java 8 Features

default and static methods in interface

AWS S3 New Accessibility Feature.

Applying to Ada Developers Academy — Part 2: Resume — Essays — Data Analysis

Paranoid? Masking, anonymizing, and obfuscating PII in XML and JSON data

Four Zones of Trust in Cloud Native Enterprise Architecture

Not allowed communication routing

Visual Studio Code setup for Terraform (to my taste)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Abbey Perini

Abbey Perini

…did someone say animated CSS button?

More from Medium

Using ResizeObserver and transitions for animating container with dynamic content

Let’s play with Hyperlinks

Adding a Chart to Your Website With Chart.js

Color Extraction Tools for Front End Web Development