This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
public:nnels:etext:lists [2018/07/06 22:06] leah.brochu |
public:nnels:etext:lists [2022/04/11 21:00] rachel.osolen |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== Lists ====== | ====== Lists ====== | ||
- | Lists are often overlooked as an accessibility feature, but the ability to move quickly and effectively through long lists of points is a key reading need. Unfortunately, | + | Lists are often overlooked as an accessibility feature, but the ability to move quickly and effectively through long lists of points is a key reading need. |
+ | |||
+ | Unfortunately, | ||
When a reader has to traverse every item in the list one item at a time to get to the end, or listen to the entire list from beginning to end, the problems of bad markup become more pronounced. Properly tagging lists is a small measure that can greatly decrease reader frustration. | When a reader has to traverse every item in the list one item at a time to get to the end, or listen to the entire list from beginning to end, the problems of bad markup become more pronounced. Properly tagging lists is a small measure that can greatly decrease reader frustration. | ||
Line 8: | Line 10: | ||
< | < | ||
- | * [[public: | + | * [[public: |
* [[public: | * [[public: | ||
* [[public: | * [[public: | ||
Line 33: | Line 35: | ||
For unordered lists, use the bulleted list tool. The icon looks like this: {{: | For unordered lists, use the bulleted list tool. The icon looks like this: {{: | ||
- | Optional: for display purposes, you can create an invisible bullet using " | + | Optional: for display purposes, you can create an invisible bullet using " |
{{: | {{: | ||
Line 43: | Line 45: | ||
{{: | {{: | ||
+ | Sometimes you will have text that has ordered lists that are broken up by other bodies of text. In these instances: | ||
+ | * Highlight the section that is part of the list | ||
+ | * Apply the ordered list as usual | ||
+ | * Scroll down to the next instance of the ordered list | ||
+ | * Highlight and repeat | ||
- | ====Definition Lists==== | + | < |
- | In addition | + | For more information on how to continue ordered |
- | Definition lists generally consist of term/ | ||
- | For example, a glossary of terms would be a definition list: | + | =====Q& |
- | + | ||
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | + | ||
- | There are two definition list styles in the [[public: | + | |
- | + | ||
- | * Definition Data (DAISY) | + | |
- | * Definition Term (DAISY) | + | |
- | + | ||
- | Both styles are used together to create a definition list. When creating a definition list, we follow these steps: | + | |
- | + | ||
- | - Select all the text that comprise the list (terms and values) and apply the **Definition Data (DAISY)** style. | + | |
- | - Select each definition term (i.e. mango, lychee, etc.) and apply the **Definition Term (DAISY)** style. | + | |
- | + | ||
- | That's it. This will give us the below output in XML: | + | |
- | + | ||
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | + | ||
- | Definition lists are not restricted to glossaries of terms. We use them for all term-description groups. Term-description groups may be names and definitions, | + | |
- | + | ||
- | For example, a list of cast members should be marked up as a definition list: | + | |
- | + | ||
- | | + | |
- | + | ||
- | Rita: Jennifer Copping | + | |
- | | + | |
- | | + | |
- | Asta: Caitlin McFarlane | + | |
- | | + | |
- | + | ||
- | | + | |
- | + | ||
- | | + | |
- | | + | |
- | | + | |
- | Sound Designer: James Coomber | + | |
- | | + | |
- | Stage Manager: Collette Brown | + | |
- | | + | |
- | | + | |
- | | + | |
- | + | ||
- | With the application of the definition list styles, this results in the below XML output: | + | |
- | + | ||
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | + | ||
- | As mentioned above, definition lists should also be used for Q & A or interviews within a text. For example, in the following text, the first line (Q) should be be Definition Term style, and the second line (A) should be Definition Data style: | + | |
- | + | ||
- | Q: Did you fight any other battles during the course of the war?\\ A: No. I hiked east two days, hitched a ride near Cross Lake and ended up back in my hometown in southern Alabama. | + | |
- | + | ||
- | =====Q& | + | |
**Q: Should this list be formatted using H2 and H3 for the countries and institutions, | **Q: Should this list be formatted using H2 and H3 for the countries and institutions, | ||
Line 157: | Line 68: | ||
WCAG 2.0 - H40: [[https:// | WCAG 2.0 - H40: [[https:// | ||
+ | |||
+ | [[public: |