Easy Access To Emoji Entry With VoiceOver For MacOS, IPad And IPhone

Emoji’s are something i have never had the opportunity to fully explore. As a blind person i have found them difficult to use under MacOS and iOS. There exists no simple way to search and use emoji. Apple does however, offer a fantastic system to understand emoji, so i have always felt left out. I want to use them, its just not easy to.

Well all has now changed. While, exploring accessible ways to generate slides for presentations i came across GitHub emoji short codes. A text based system that is used to generate the emoji, so for example :tada: is converted to a 🎉 emoji. This offers the entire emoji character set through text. Perfect!

Now enter another fantastic Apple tool, text replacements. With text replacements i could use the same GitHub shortcodes across MacOS and iOS to have access to the full emoji character set. This has given me complete access to the emoji set with VoiceOver across all my devices, its fantastic. The steps below will enable you to get access across all your devices.

Emoji setup

  1. follow the instructions here

That’s it, there is only one step!

I hope you enjoy full access to the emoji character set and keep an eye out for my accessible slides post!

🙈

HOWTO change the font size in safari on the iPad and iPhone

The ability to change font size can have an enormous impact on accessibility. Pinch and zoom is wonderful for this on iOS, but it introduces another problem. Zoom to much and you now have to scroll sideways as well as down to consume content.

There is however, a little workaround. You can increase and decrease the font size on a per site basis in Safari. This is done through a bookmark, adding two bookmarks one for increase and one for decrease. You can manually set the appropriate font size. Reloading the website will return the font to its original size.

To enable this feature follow the steps below:

  1. In Safari create a new bookmark, this can be of any website as we will be editing it soon
  2. Open bookmarks and tap edit and edit your new bookmark
  3. Change the Title to either Increase Font or Decrease Font
  4. Copy the Appropriate code from below into the link fiel
  5. Click save and repeat so you have both increase and decrease font size bookmarksd

Increase Font size

javascript:var%20p=document.getElementsByTagName('*');for(i=0;i%3Cp.length;i++)%7Bif(p%5Bi%5D.style.fontSize)%7Bvar%20s=parseInt(p%5Bi%5D.style.fontSize.replace(%22px%22,%22%22));%7Delse%7Bvar%20s=12;%7Ds+=2;p%5Bi%5D.style.fontSize=s+%22px%22%7D

Decrease font size

javascript:var%20p=document.getElementsByTagName('*');for(i=0;i%3Cp.length;i++)%7Bif(p%5Bi%5D.style.fontSize)%7Bvar%20s=parseInt(p%5Bi%5D.style.fontSize.replace(%22px%22,%22%22));%7Delse%7Bvar%20s=12;%7Ds-=2;p%5Bi%5D.style.fontSize=s+%22px%22%7D

Now whenever you need to adjust the font size on a website, tapping the increase or decrease font size button will adjust the font on your current website. This is a simple way to increase the accessibility of any website in Safari on the iPad or iPhone.