Introduction

12535642.0001.103

Weave: Journal of Library User Experience

2333-3316

Michigan Publishing, University of Michigan Library

Ann Arbor, MI

12535642.0001.103

http://hdl.handle.net/2027/spo.12535642.0001.103

10.3998/weave.12535642.0001.103

Article

(Figure/Table Caption Styling) Grassroots UXD in the Library: A Review Essay.

Rettig

Monica

08 2014

1 1

2014

This work is licensed under a Creative Commons Attribution 3.0 License. Please contact mpub-help@umich.edu to use this work in a way not covered by the license.

This work is protected by copyright and may be linked to without seeking permission. Permission must be received for subsequent distribution in print or electronically. Please contact mpub-help@umich.edu for more information.

Bowles, C., & Box, J. (2010). Undercover User Experience Design. Berkeley, CA: New Riders.

Buley, L. (2013). The User Experience Team of One: A Research and Design Survival Guide. Brooklyn, NY: Rosenfeld Media.

Introduction

Below are examples of JATS markup for figure and table captions/titles.

Figure Examples

Below are examples of JATS markup for figure captions/titles.

The Caption Element Remarks specify that figure captions use the label element for figure labels. The caption and title elements for the title text.

Figure Example 1

This example uses the label element for figure labels. The caption and title elements for the title text.

The caption display is as expected, with the inline styling and link. More space below the caption would be preferable.

Figure 1. Example with <bold>Bold</bold>, <italic>Italic</italic>, and <underline>Underline</underline> Styling and a Link: <ext-link ext-link-type="uri" xlink:href="https://doi.org/10.3998/weave.12535642.0001.103">https://doi.org/10.3998/weave.12535642.0001.103</ext-link>

End of figure examples.

Table Examples

Below are examples of JATS markup for table captions/titles.

Table borders are displayed using the style attribute on the table tr and td elements.

<table>
<tbody>
<tr>
<td style="border-top:2px solid;border-left:2px solid;">Cell 1,1</td>
<td
style="border-top:2px solid;border-left:2px solid;border-right:2px solid;">Cell 1,2</td>
</tr>
<tr>
<td
style="border-top:2px solid;border-left:2px solid;border-bottom:2px solid;">Cell 2,1</td>
<td
style="border-top:2px solid;border-left:2px solid;border-bottom:2px solid;border-right:2px solid;">Cell 2,2</td>
</tr>
</tbody>
</table>

Table Example 1

The following example use the label element for figure labels. The caption and title elements for the title text.

The caption markup here is the same as with the figure example above. But the display has the non-styled caption text in bold. The expectation is that the display would be the same as the figure since the same markup is being used..

Table 1. Example with <bold>Bold</bold>, <italic>Italic</italic>, and <underline>Underline</underline> Styling and a Link: <ext-link ext-link-type="uri" xlink:href="https://doi.org/10.3998/weave.12535642.0001.103">https://doi.org/10.3998/weave.12535642.0001.103</ext-link>

Cell 1,1	Cell 1,2
Cell 2,1	Cell 2,2

Table Example 2

The following example is identical to the above except the caption label and text are within a label element. The link must remain within the caption element as it is not allowed within a label element.

This caption display is as expected. But the markup is unusual with the caption text split between the label and caption elements and the caption text is in bold.

Table 2. Example with Bold, Italic, and Underline Styling. and a Link: <ext-link ext-link-type="uri" xlink:href="https://doi.org/10.3998/weave.12535642.0001.103">https://doi.org/10.3998/weave.12535642.0001.103</ext-link>

Cell 1,1	Cell 1,2
Cell 2,1	Cell 2,2

Table Example 3

The following example leaves the caption label within a label element and the caption text is placed within a caption element and p element.

The display of the caption is not as expected with the caption label and text separated with a line break.

Table 3.

Example with Bold, Italic, and Underline Styling. and a Link: https://doi.org/10.3998/weave.12535642.0001.103

Cell 1,1	Cell 1,2
Cell 2,1	Cell 2,2

Table Example 4

The following example puts both the caption label and text within a caption element and p element.

The display of the caption is as expected except there is significant space between the caption and the table.

Table 4. Example with Bold, Italic, and Underline Styling. and a Link: https://doi.org/10.3998/weave.12535642.0001.103

Cell 1,1	Cell 1,2
Cell 2,1	Cell 2,2

End of table examples.