Use different unicode PUA to avoid conflicts with iOS emoticons and VoiceOver

nfroidure / gulp-svgicons2svgfont

Bundle several SVG icons to a single SVG font

MIT License

45 stars 20 forks source link

Use different unicode PUA to avoid conflicts with iOS emoticons and VoiceOver #18

Closed backflip closed 9 years ago

backflip commented 9 years ago

VoiceOver on iOS reads 0xE001 as "boy's head" since it is used for a corresponding emoticon (see screenshot below). This article by @zachleat has further details. Judging from http://www.fileformat.info/info/unicode/block/private_use_area/utf8test.htm, starting at 0xEA01 would be safe (for now). Tested on iOS 8.

@zachleat, do you know of any downsides of using 0xEA01 and above?

screen-shot-2015-05-26-at-15 52 58

zachleat commented 9 years ago

You can check http://unicode.johnholtripley.co.uk/ which has some great compatibility tables for screen readers! cc @johnholtripley

I’m not sure any unicode glyph is truly safe cross browser, which is why we encourage aria-hidden=true, as stated in the article.

nfroidure commented 9 years ago

Will merge for the 2.0 version since it includes breaking changes. Thx for the PR.

backflip commented 9 years ago

Thanks @zachleat! I have linked your blog post in the README with the notion of additional suggestions regarding accessibility. @nfroidure, is that okay with you?

nfroidure commented 9 years ago

Of course it is ;).