Openlibrary: Improve markup accessibility: Aria, Schema.org, fb open graph meta tags

Created on 28 May 2018  路  12Comments  路  Source: internetarchive/openlibrary

e.g.

  • Book carousels (on the home page)
  • Author data
  • Book ratings
MobilResponsive Books Page Good First Issue Home Page Detail Accessibility social

Most helpful comment

I think there's some confusion. We're just taking about e.g. tagging books with the proper meta data such that if it were shared on a social network a rich snippet preview could be created. We are not talking about any Facebook JavaScript include, registering actions, or anything of the sort.

All 12 comments

Woah there! Tying user actions at the library into fb (e.g.) should not be undertaken lightly. Their privacy is far more important than any convenience. Any public librarian asked to track user loans (aside from what is currently on loan) would properly be outraged. Freedom of speech includes the freedom to read, without anyone watching over your shoulder. Corporate actors are duty bound to exploit any information they get in the interest of their shareholders, we couldn't expect them _not_ to advertise based on what they can learn from library transactions if they were to be made available. Simply put, it's a betrayal of user trust.

I think there's some confusion. We're just taking about e.g. tagging books with the proper meta data such that if it were shared on a social network a rich snippet preview could be created. We are not talking about any Facebook JavaScript include, registering actions, or anything of the sort.

Perhaps some advice from the EFF might be in order? I'm not yet visualizing a way in which telling FB more about what you read/like/share does not equate to helping them profile you.

^ I'm curious was there any follow up with EFF, or how would that be done?

I am interested in improving some of your Schema.org markup as part of Hacktoberfest; does anyone have any recommendations of areas of the site which need to be focused on?

@angussidney I'd say our search pages (in templates/work_search.html) and the books page (templates/type/edition/view.html)

I'm a little confused about the talk of the EFF...

I guess this is a sub-task but when I share to a social network such as Facebook I see a sad preview like this:
screen shot 2018-12-14 at 3 49 11 pm

The OpenGraph protocol can improve this and make it more attractive to share content.

For https://openlibrary.org/books/OL7885696M/Charlotte's_Web:

Markup would look like this:

<html prefix="og: http://ogp.me/ns#">
<head>
<title>Charlotte&#39;s Web (April 1974 edition) | Open Library</title>
<meta property="og:title" content="Charlotte&#39;s Web (April 1974 edition) " />
<meta property="og:type" content="book" />
<meta property="og:url" content="https://openlibrary.org/books/OL7885696M/Charlotte's_Web" />
<meta property="og:image" content="https://covers.openlibrary.org/b/id/8156474-M.jpg" />
...
</head>
...
</html>

This could be extended to other pages e.g. authors, and should make our content more attractive for sharing. This is going to be important going forward as we expand our mobile support.

Is there any problem with me working on this particular part?

I think this is done?
https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fopenlibrary.org%2Fbooks%2FOL7885696M%2FCharlotte%27s_Web

shows these tags all exist.. the only problem being the cover image is too small. I've opened a new bug for this -> #1778

Please reopen if I've completely misunderstood this.

How did this morph from schema.org, ARIA, etc for multiple page types into solely something Facebook specific for reading logs? That seems wrong on a few different fronts.

This bug is too widely scoped. Please consider closing this task and opening some more specific tasks e.g. one specifically for schema.org - these are all very different things.

I should note there is schema.org adoption , og tag adoption and aria adoption already in the codebase so something has happened here. This task is currently not very actionable

@tfmorris or @mekarpeles per my comments could we open some more tightly scoped issues? I really don't know how to proceed with this one as written. We seem to have ARIA, schema.org and Opengraph tags on a variety of pages so the original intention of @mekarpeles seems to have been resolved. I'll be happy to take on those tasks personally!

Was this page helpful?
0 / 5 - 0 ratings