User`s guide

Publishing on Kindle: Guidelines for Publishers

the following attributes stored in a JSON object (http://www.w3schools.com/json/json_syntax.asp

)

as part of the data-app-amzn-magnify value:

a. "targetId":"<string:elementId>" = unique element id of the magnification area

(position and font size are set in CSS file)

b. "sourceId":"<string:elementId>" = unique element id of the source that will be

magnified

c. "ordinal":<integer:reading order>" = reading order of the magnification areas (the

order in which panels appear as part of the reading flow). This is required for all text that uses

Region Magnification.

2. Create a target <div> element that is aligned to completely cover the text being magnified and

positioned to minimize covering the background art of the page. This ensures that when a user

activates Region Magnification, the source text will not disappear from the page view. When

magnification is activated, the source text is no longer displayed. It is also important to not

position a popup directly abutting the right or bottom edges of the screen. Differences between

device types can create content overflow error if popups are too close to these edges. Check

content on as many different kinds of devices as possible before publishing.

3. The font size of text in the Region Magnification <div> should be set to 150% of the regular font

size on the page. There are several exceptions to this:

• One exception is when the text on the page is so large that magnifying it to 150% would

make it harder to read instead of improving readability.

• Another exception is when the text on the page needs to be increased by more than 150% to

improve readability in the Region Magnification <div>. For example, if the font size of the

text on the page is 45%, the font size of the text in the Region Magnification <div> may need

to be magnified to 225% to be readable.

Fixed-layout sample page

Same sample page with Region Magnification

activated

Example:

<a class="app-amzn-magnify"

data-app-amzn-magnify='{"targetId":"fs1-txt4-magTarget", "sourceId":"fs1-4-txt",

"ordinal":4}'>

Kindle Publishing Guidelines Amazon.com 36