Zaima Styling Use Cases & CSS Limitation Exploration
Intended audience:
W3C reviewers familiar with the Ruby Markup and the CSS Ruby Layout Module Level 1 who can suggest refinements and styling techniques.
Specialists in the Yaredic Zaima practice who can review the use cases and suggest others.
Viewing Note:
The correct arrangement and styling of Zaima in this document is highly sensistive to browser version and typeface choices.
This content has been optimized for viewing in the Chrome 60 web browser
with the Abyssinica SIL font used for Ethiopic script samples.
The content displays acceptably in Safari 11. Layout is entirely broken under Chrome 61, and mostly broken under Firefox 55.
A PDF version of this page is offered as a reference for what correct layout presentation
should appear like.
Zaima is the name given to the small cantillation annotations in the Ge'ez language hymnary that are rendered in one or more rows above base text.
In this article the markup and CSS styling elements developed for rendering Ruby content are applied to Zaima samples that represent the most
challenging use cases. The goal is to discover from application any limitations in markup and styling fascilities to support the requirements of
Zaima presentation and thus derive a complete model for Zaima representation.
An equally important goal in developing digitally rendered samples is determining with practitioners what characteristics of the calligraphic
tradition must be preserved in electronic media. Stylistic features in Zaima presentation may be idiosyncratic to a scribe, artifacts of the
scribal process and tools, and need not be rendered in electronic documents. Other features may convey meaning that is critical to the practice
and must be rendered in the same way electronically.
Use Cases
Use cases are selected that represent particular challenges in presentation beyond the regular Ruby use cases. Use cases are borrowed from
a previous survey in a, now depreciated, article on Zaima Annotation which in turn provides the full
page sources of the samples appearing here.
The samples here present focused layout requirements in isolation from their larger context. Larger samples will be produced to help access
the overall readibility of electronically laid out Zaima in general, and to evaluate the layout choices made here.
Use Case 1
Features:
Four rows of annotation.
Fairly simple.
Clear left align of ᎖ over ከ in 2nd row. Question: Is this positioning important vs a default center alignment?
Spanning and centered miliket on 2nd, 3rd and 4th rows over the last two letters.
The spanning-centered layout may or may not be important.
Use Case Question: What is the correct positioning of the annotation in all rows?
Had to specify a 2nd column width or the example gets cut off by the table. A rendering engine appears not be calculating cell content width correctly.
In the alternative rendering, unable to right align ruby-text over the final base character on rows 1, 2 and 3 using "ruby-align: right".
ቱ and ኂ on rows 2 and 3 respectively appear to overhang the right side of ሮ unexpectedly. ር on row one aligns with the
right side of ሮ as expected. This may be attributable to the font and not the layout engine.
Is the first or second redendering preferable? Does the difference impact vocalization?
Use Case 2
Features:
Four rows of annotation.
Apparent rise rise to the right of some rows up to ክ then a descent to ር which may mirror a vocal rise and fall.
Presence of the chords and which must render inline with a row.
Could not center ᎖ over ቡ in Row 2 because character width included the "u" diacritic mark. Desired "center" location was
in the midline of the base glyph በ. Instead, "text-align: left;" is used with a right side space padding before the
᎖ where the space used for padding is at a 25% scale.
Use Case 3
Features:
Five rows of annotation.
Apparent descent on first and second rows from ኖ to ሃ (which also appears to be a contiguous sequence).
Clear disribution between letters ኖ and ስ on first and second rows.
The beginning of the ᎒᎒᎒ sequence does not begin over ነ but the overall start and end of the annotation between ኮ and ፩ seems ok. Review with an expert-practioner.
Use Case 5
Features:
Four rows of annotation -verify that the apparent lower rows are independent.
Look up the miliket for ኢ ይ ኃ to determine if these are 1, 2 or 3 miliket and if they should be written contiguously.
Right justify desired for ኢ above ወ on row 3, and for both ጐ᎖ and ᎐᎖᎖ above ከ on rows 3 and 4 respectively
፡ would vanish if placed after the closing ruby tag as per: <rb>ወሀብከ</rb><rt><span></span></rt></ruby>፡
Accordingly it was placed just within the closing ruby tag as per: <rb>ወሀብከ</rb><rt><span></span></rt>፡</ruby>
This may be a browser issue or an issue with the markup approach taken.
Is the first or second redendering preferable? Does the diference impact vocalization?
Use Case 6
Features:
Three rows of annotation -verify that the apparent lower rows are independent.
Is the first or second redendering preferable? Does the difference impact vocalization?
Verify spelling of ገጸ.
If laying out ገጸ on its own row is appropriate, is using the default annotation alignment (centered) also appropriate or should
the original be preserved?
Rows 1 and 4 appear redundant in our isolated example, check the broader context of the line of text line.
Determine if two or three rows are present above ንሴብሕ. If two rows, what is the context of the red annotation in the first row?
Some 2nd row annotation appear very close to the first row, as if shadowing it, is this spacing required in digital form?
If the first row red annotation above ሴ ,ብ & ሕ belong in their own row, is using the default annotation alignment (centered) also appropriate or should the original be preserved?
Use Case 18
Features:
Three or four rows of annotation.
Second row (red) appears to collapse into the first row in several places.
Determine if three, four or five rows are present. If three rows, what is the context of the red annotation in the lower rows?
Some 2nd row annotation appear very close to the first row, as if shadowing it, is this spacing required in digital form?
If the first row red annotation above ሴ ,ብ & ሕ belong in their own row, is using the default annotation alignment (centered) also appropriate or should the original be preserved?
As with similar occurences in Use Cases 16 & 17, is the repositioning of ᎒ጽ above ብ appropriate?
Use Case 20
Features:
Three or four rows of annotation.
As with use cases 16-19, some red annotations may or may not represent separate rows.
Kessis Kefyalew Merahi, The Most Versative Ethiopian Scholar, St. Yared and His Outstanding Works, Commercial Printing Enterprises, Addis Ababa, April 11, 2004