Fix Copy/Paste on your Mac

Learn how to fix the copy/paste functionality on your Mac via Terminal. Continue Reading Fix Copy/Paste on your Mac

I’ve been having recurring issues with my MacBook Pro not allowing me to copy/paste. It’s especially frustrating with code samples that you don’t want to re-type. This article by OSX Daily has great advice on fixing this issue: Copy Paste Not Working on Mac? Here’s How to Fix a Stuck Clipboard

Reset your clipboard via Terminal

This is the easiest method to fix this issue.

If you prefer to use the Terminal to remedy the problem, do the following:

  1. Open the Terminal application, found in /Applications/Utilities/
  2. Type the following command exactly:

    killall pboard

  3. Hit Return
    1. This will terminate and relaunch the pboard process, which is the clipboard daemon for Mac OS. If you’re savvy with the command line you can immediate test if the clipboard is working as expected with pbcopy and pbpaste, the command line tools that work with the clipboard on the Mac.

      Copy Paste Not Working on Mac? Here’s How to Fix a Stuck Clipboard

Find aria-hidden with this bookmarklet

Use this bookmarklet to find aria-hidden attributes on your page. Continue Reading Find aria-hidden with this bookmarklet

I love purpose built bookmarklets that help you find problematic code. I got an email yesterday from Travis Roth about a potential vestigial aria-hidden attribute on an otherwise visible element. Unfortunately, it’s not uncommon to find an element that has aria-hidden=”true” on an element that is visible and should have either “false” or no aria-hidden attribute. This causes assistive technology to ignore the element.

My first reaction was to search the code for aria-hidden attributes, but this can take time and would have to be completed on each page to find the issue.

So I created the following bookmarklet that will find any element on your page that uses aria-hidden. It will force it to be visible and will display the attribute’s value.

screenshot showing the bookmarklets effect on hidden elements

To use this bookmarklet, drag the following link to your bookmark toolbar. Visit your questionable page and click the link.

aria-hidden bookmarklet
Continue Reading Find aria-hidden with this bookmarklet

CSUN Notes: Automated Testing Tools

Lings Cars is a great example of really bad design. Please Note: this has flashing images and autoplay sounds.

Readability Testing

Chrome Extensions

Difference between :root and html

The :root selector targets the highest level parent, which would be the <html> tag in an HTML document. The :root has a higher specificity, as it is a pseudo-class instead of a plain element.

CSS-Tricks has a great description on this: :root by Sarah Cope.

In this example, the background of the page would be red, as :root is more specific than html.

:root {background:red;}
html {background:green;}

The :root selector is supported across all major browsers.