FLOE-46: Facebook, Google and Twitter high contrast icons for OER Commons

Description

In high contrast mode, the Facebook, Google + and Twitter icons should have high contrast versions.

Attachments

Comments

• Cindy Li commented 2012-07-31T15:19:34.575-0400

  Anastasia has fixed share icons (showed in the first screenshot).

  The reason that stops us from implementing the high contrast version of icons for Facebook and Google "like" images (the 2nd screenshot) is that those links/icons reside in an iframe that's generated by Facebook and Google plugins. So the first step is to find a work-around to create the links/icons on the page instead of iframe.

  Here's some research result on doing this for Facebook "like" link:
  1. Do not use Facebook "like button" plugin, which creates iframe no matter what method you choose to generate the embed code.
  2. Create our own Facebook like link that makes use of Facebook connect to add a like. The number besides the like link that shows how many people like this site can be queried using Facebook API - https://api.facebook.com/method/fql.query?query=select like_count from link_stat where url='oercommons.org'&format=xml.

  Two useful discussion threads:

  http://stackoverflow.com/questions/2689167/how-to-implement-the-facebook-like-button-to-your-site-without-using-iframe-an (@see the first answer)
  http://webapps.stackexchange.com/questions/5781/facebook-like-button-without-iframe (@ see the last answer)

  As mentioned in the first thread, using Facebook connect defeats some of the purpose of the social plugins, which is to not require the user to authenticate your site before allowing interactions. If this drawback is acceptable, we can proceed with this solution.

• Alexey Novak commented 2012-08-16T14:18:20.333-0400

  Assembla ticket created
  https://www.assembla.com/spaces/iskme/tickets/737